:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1d2b43;background:#f5f7fb;font-synthesis:none;--navy:#142c4c;--blue:#346fe0;--muted:#6a7890;--line:#e4e9f1}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{border:0;border-radius:7px;padding:11px 17px;background:var(--blue);color:white;font-weight:600;cursor:pointer}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}a{color:var(--blue);text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:246px;background:var(--navy);color:#dbe6f5;padding:30px 19px;display:flex;flex-direction:column}.brand{color:white;display:flex;align-items:center;gap:11px;font-size:20px;font-weight:650;letter-spacing:-.6px}.brand-mark{font-size:29px;letter-spacing:-7px;width:42px;color:#fff}.brand-mark span{color:#71a6ff}small{display:block}.brand small{font-size:9px;letter-spacing:2.4px;margin-top:6px;color:#a9bbd4}.workspace{font-size:9px;letter-spacing:1.5px;color:#89a3c5;margin:34px 9px 13px}.workspace strong{display:block;font-size:12px;line-height:1.6;letter-spacing:0;color:#dbe6f5;margin-top:8px}nav small{font-size:9px;letter-spacing:1.5px;color:#86a0c0;margin:27px 12px 10px}nav a{display:flex;gap:12px;align-items:center;color:#afc1d8;font-size:17px;padding:12px;border-radius:6px;margin:3px 0}nav a span{font-size:12px}nav a.active{background:#2a466a;color:white;box-shadow:inset 3px 0 #73a4ff}.sidebar-foot{margin-top:auto;border-top:1px solid #314762;padding:20px 10px 0;font-size:11px;color:#c1d2e7}.sidebar-foot small{margin:10px 0;color:#809bbd}.dot{display:inline-block;width:6px;height:6px;background:#7cc9a9;border-radius:50%;margin-right:6px}.shell{margin-left:246px}header{height:75px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:var(--muted)}header span{margin:0 12px;color:#a0abbc}.mode{display:flex;align-items:center;gap:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#edf2fb;color:#365d97;border-radius:50%;font-size:11px;font-weight:bold;margin:0}main{padding:33px 38px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;color:var(--blue);font-weight:700;letter-spacing:1.7px;margin:0 0 12px}h1{font-size:29px;letter-spacing:-.8px;margin:0 0 9px;font-weight:650}.page-heading p:last-child{font-size:13px;color:var(--muted);margin:0}.notice{border:1px solid #d9e5f9;border-radius:8px;background:#edf4ff;display:flex;gap:13px;padding:15px 18px;font-size:11px;line-height:1.7;color:#4d678c;margin-bottom:23px}.notice>span{font-size:20px;color:var(--blue)}.notice strong{color:#2e527f;margin-right:4px}.filters{display:flex;align-items:end;gap:13px;margin-bottom:25px}.filters label{font-size:10px;font-weight:600;color:var(--muted)}input,select,textarea{display:block;width:100%;padding:10px 11px;border:1px solid #dbe1eb;border-radius:6px;background:white;color:#243550;margin-top:6px;min-width:0}textarea{min-height:80px;resize:vertical}.filters select{min-width:210px}.filters input{font-size:11px}.filters>span{margin-left:auto;font-size:10px;color:var(--muted);padding-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.card,.panel{background:white;border:1px solid var(--line);border-radius:9px}.card{padding:21px}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.metric-icon{color:#5c84c8;background:#eef3fc;padding:5px 7px;border-radius:5px;margin-top:-5px}.metric-value{font-size:30px;font-weight:650;letter-spacing:-1px;margin:20px 0 11px}.metric-caption{color:#8590a2;font-size:10px}.grid-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:21px;margin-bottom:23px}.panel{overflow:hidden;margin-bottom:22px}.grid-two>.panel{margin:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid #edf0f5}.panel-heading h2{font-size:14px;margin:0}.panel-heading a,.text-button{font-size:10px}.panel-body{padding:22px}.badge{font-size:9px;display:inline-block;border-radius:5px;padding:5px 7px;background:#f0f3f8;color:#748198;white-space:nowrap}.badge.blue{background:#edf3ff;color:#386cc4}.badge.green{background:#eaf6f0;color:#378361}.badge.amber{background:#fff4df;color:#987030}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#8792a5;background:#fcfdff;font-weight:500}th,td{padding:15px 21px;border-bottom:1px solid #edf0f5}tbody tr:last-child td{border:0}.product-name{display:flex;align-items:center;gap:11px;font-weight:600}.product-icon{flex-shrink:0;width:30px;height:32px;background:#edf2fc;border-radius:7px;color:#4675c4;display:flex;align-items:center;justify-content:center;font-size:10px}.product-name small{font-weight:400;font-size:9px;color:var(--muted);margin-top:4px}.empty{padding:30px 24px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty-symbol{font-size:27px;color:#9baeca;margin-bottom:9px}.empty h3{font-size:13px;color:#415572;margin:8px 0}.secondary{background:white;color:#476086;border:1px solid #d9e1ee;font-size:11px}.text-button{background:transparent;color:var(--blue);padding:4px 0;border:0}.advice{display:flex;gap:12px;padding:18px 22px;border-bottom:1px solid #edf0f5}.advice:last-child{border:0}.advice-icon{background:#edf3ff;color:#507dc7;border-radius:7px;padding:9px;height:34px}.advice h3{font-size:12px;margin:0 0 7px}.advice p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.advice small{font-size:9px;margin-top:9px;color:#8694a9}.submetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.submetrics div{padding:15px;background:#f8fafd;border-radius:6px;font-size:10px;color:var(--muted)}.submetrics strong{display:block;font-size:20px;color:#2c4264;margin:10px 0 5px}.section-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:12px;color:var(--muted)}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.portfolio .card{display:flex;flex-direction:column;gap:15px}.portfolio h2{font-size:15px;margin:0}.portfolio p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.portfolio .row{margin-top:auto}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}.calendar-item{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.calendar-date{background:#eef3fc;padding:12px;border-radius:7px;font-size:12px;color:#3f69aa;min-width:105px}.calendar-item h3{font-size:13px;margin:0 0 7px}.calendar-item p{font-size:11px;color:var(--muted);margin:0}.calendar-item .badge{margin-left:auto}.check{padding:15px 22px;border-bottom:1px solid var(--line)}.check strong{font-size:12px}.check p{font-size:11px;color:var(--muted);line-height:1.8;margin:7px 0 0}.score{font-size:28px;font-weight:650;color:var(--blue)}.inline-label{font-size:11px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid p{font-size:12px;line-height:1.8;color:var(--muted)}.file-label{display:inline-block;border:1px solid #d9e1ee;border-radius:7px;padding:10px 15px;color:#476086;cursor:pointer;font-size:11px;background:#fff}.file-label input{display:none}.file-label:focus-within{outline:2px solid var(--blue)}footer{padding:15px 38px 25px;color:#91a0b5;font-size:10px;display:flex;justify-content:space-between}dialog{width:min(760px,95vw);max-height:90vh;border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:0 24px 80px #132d4b33;color:#243550}dialog::backdrop{background:#132d4b66}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-heading h2{font-size:20px;margin:0}.icon-button{font-size:25px;background:transparent;color:#63738a;padding:0 6px}#form-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}#form-fields label{font-size:11px;font-weight:600;color:#64738a}#form-fields .wide{grid-column:1/-1}#form-fields select[multiple]{height:130px}#form-fields p{font-size:11px;line-height:1.7;color:var(--muted)}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}#form-error{font-size:12px;color:#ae3b40}#toast{position:fixed;bottom:25px;right:25px;background:#173654;color:white;padding:15px 20px;border-radius:8px;font-size:12px;box-shadow:0 4px 30px #142c4c22;display:none;max-width:90vw}.danger{color:#a24047}.no-margin{margin:0}.archived{opacity:.65}@media(min-width:1550px){main{padding-top:45px}.metrics{gap:22px}.metric-value{margin:25px 0 16px}}@media(max-width:1150px){aside{width:212px;padding:25px 12px}.shell{margin-left:212px}main{padding:28px 24px}.grid-two{grid-template-columns:1fr}.portfolio{grid-template-columns:1fr 1fr}.metrics{gap:10px}.card{padding:16px}.filters{flex-wrap:wrap}.filters>span{margin-left:0}header{padding:0 24px}}@media(max-width:720px){aside{position:static;width:100%;padding:18px}.brand{font-size:18px}.workspace,.sidebar-foot,nav small{display:none}nav{display:flex;overflow-x:auto;margin-top:14px;gap:6px}nav a{flex-shrink:0;padding:10px;font-size:14px}nav a span{font-size:10px}.shell{margin:0}header{height:52px;font-size:10px}main{padding:24px 17px}.page-heading{align-items:start}h1{font-size:23px}.page-heading>button{font-size:10px;padding:10px;white-space:nowrap}.eyebrow{font-size:8px}.page-heading p:last-child{font-size:11px}.notice{font-size:10px}.metrics{grid-template-columns:1fr 1fr}.metric-value{font-size:27px}.portfolio,.settings-grid{grid-template-columns:1fr}.filters label:first-child{width:100%}.filters select{min-width:0}.filters>span{width:100%;padding:0}.filters input{max-width:150px}footer{padding:15px 17px;font-size:8px}.panel-heading{padding:17px}.submetrics{gap:6px}.submetrics div{padding:10px;font-size:9px}#form-fields{grid-template-columns:1fr}#form-fields label{grid-column:1/-1}.calendar-item{gap:12px;padding:16px}.calendar-date{min-width:90px;font-size:10px}}
[hidden]{display:none!important}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#142c4c,#234e84);padding:24px}.login-card{width:min(460px,100%);margin:auto;background:white;border-radius:16px;padding:42px;box-shadow:0 24px 80px #08172b55}.login-brand{font-size:24px;font-weight:700;color:#173b67;margin-bottom:45px}.login-brand span{display:block;font-size:9px;letter-spacing:2.7px;margin-top:8px;color:#71829a}.login-card h1{font-size:27px}.login-card>p:not(.eyebrow){font-size:13px;color:#687a91;line-height:1.8}.login-card button{width:100%;margin:15px 0 4px}.login-card small{font-size:10px;color:#8390a1;margin-top:24px}.login-card #auth-status{min-height:24px;color:#687a91;font-size:12px}.signout-button{font-size:10px;padding:7px 10px}
.portfolio-toolbar{gap:15px;flex-wrap:wrap}.view-switch{display:inline-flex;gap:3px;padding:3px;background:#e9eef6;border:1px solid #dce4ef;border-radius:8px}.view-switch button{background:transparent;color:#64738a;font-size:11px;padding:8px 14px;font-weight:600}.view-switch button[aria-pressed="true"]{background:white;color:#2c65c9;box-shadow:0 1px 4px #142c4c15}.portfolio-table{min-width:1050px}.portfolio-table tbody th{background:white;text-transform:none;letter-spacing:0;color:#243550;font-size:11px;font-weight:600}.portfolio-table .product-name{min-width:235px;align-items:flex-start}.portfolio-table .product-description{max-width:260px;line-height:1.7;font-size:10px}.portfolio-table td,.portfolio-table tbody th{vertical-align:top;padding-top:20px;padding-bottom:20px}.portfolio-table .number-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.portfolio-website{display:block;max-width:190px;overflow-wrap:anywhere;line-height:1.7}.portfolio-row-actions{display:flex;gap:7px;white-space:nowrap}.portfolio-row-actions button{font-size:10px;padding:8px 10px}.portfolio-table-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}