:root{--ink:#172033;--muted:#687588;--line:#e4e9f0;--soft:#f6f8fb;--gold:#f4bd20}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6f9;color:var(--ink)}.brand-pro-main{padding:28px 34px 60px;min-width:0}.pro-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.pro-head h1{font-size:34px;margin:5px 0 8px}.pro-head p{margin:0;color:var(--muted);max-width:780px;line-height:1.55}.pro-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;color:#a17200}.pro-back{display:inline-flex;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;color:var(--ink);font-size:12px;font-weight:800}.pro-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.pro-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font:800 11px Inter;color:#566174;cursor:pointer}.pro-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pro-shell{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 34px rgba(23,32,51,.05)}.pro-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.pro-toolbar h2{margin:0;font-size:22px}.pro-toolbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pro-card{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafbfc);border-radius:16px;padding:16px;min-width:0}.pro-card span{display:block;font-size:9px;font-weight:900;letter-spacing:.09em;color:#7c8798}.pro-card strong{display:block;font-size:25px;margin-top:8px}.pro-card small{display:block;color:var(--muted);margin-top:5px;line-height:1.45}.pro-form{display:grid;gap:12px;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--soft);margin-bottom:18px}.pro-form.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-form.three{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-form label{font-size:10px;font-weight:800;color:#566174;display:grid;gap:6px}.pro-form input,.pro-form select,.pro-form textarea{width:100%;border:1px solid #d7dde6;border-radius:10px;padding:10px 11px;background:#fff;font:500 12px Inter;color:var(--ink)}.pro-form textarea{resize:vertical}.pro-form button,.pro-primary,.pro-table button{border:0;border-radius:10px;background:var(--ink);color:#fff;padding:10px 13px;font:800 11px Inter;cursor:pointer}.pro-secondary{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}.pro-danger{background:#fff1f1!important;color:#9b2424!important;border:1px solid #f0cccc!important}.pro-status{grid-column:1/-1;font-size:11px;color:#526075}.pro-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.pro-table{width:100%;border-collapse:collapse;min-width:760px}.pro-table th,.pro-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:11px}.pro-table th{background:#f8fafc;font-size:9px;letter-spacing:.07em;color:#6d798a;text-transform:uppercase}.pro-table tr:last-child td{border-bottom:0}.pro-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f0f3f7;font-size:9px;font-weight:900;text-transform:capitalize}.pro-pill.active,.pro-pill.approved,.pro-pill.paid{background:#eaf8ef;color:#18733b}.pro-pill.submitted,.pro-pill.due,.pro-pill.proposed{background:#fff6d8;color:#805d00}.pro-pill.cancelled,.pro-pill.revoked,.pro-pill.declined{background:#fff0f0;color:#9b2424}.pro-actions{display:flex;gap:6px;flex-wrap:wrap}.pro-empty{padding:28px;text-align:center;color:var(--muted);font-size:12px}.pro-note{padding:12px 14px;border-radius:12px;background:#fff8de;border:1px solid #f2dda0;color:#6f5708;font-size:11px;line-height:1.5;margin-bottom:16px}.pro-secret{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.pro-months{display:grid;gap:8px;margin-top:16px}.pro-month{display:grid;grid-template-columns:80px 1fr 90px 90px;gap:10px;align-items:center;font-size:10px}.pro-bar{height:8px;background:#eef1f5;border-radius:999px;overflow:hidden}.pro-bar i{display:block;height:100%;background:#172033;border-radius:999px}.pro-section-title{margin:22px 0 10px;font-size:14px}.pro-link{color:#172033;font-weight:800;text-decoration:none}.pro-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pro-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f4f7;padding:5px 7px;border-radius:7px;word-break:break-all}.pro-file{border:1px dashed #ccd4df;border-radius:12px;padding:12px;background:#fff}.pro-loading{padding:40px;text-align:center;color:var(--muted)}@media(max-width:1050px){.pro-grid{grid-template-columns:repeat(2,1fr)}.pro-form.three{grid-template-columns:1fr 1fr}}@media(max-width:720px){.brand-pro-main{padding:20px 15px 50px}.pro-head{display:block}.pro-back{margin-top:14px}.pro-grid,.pro-form.two,.pro-form.three{grid-template-columns:1fr}.pro-month{grid-template-columns:65px 1fr}.pro-month>span:nth-last-child(-n+2){display:none}}
