:root{--navy:#071f36;--navy2:#12354f;--teal:#07917f;--teal2:#14b8a4;--bg:#f2f6f7;--card:#fff;--line:#d9e4e8;--muted:#6c808b;--green:#16735d;--green-bg:#e7f6f1;--amber:#9b6600;--amber-bg:#fff6d8;--red:#b83b37;--red-bg:#fff0ef;--blue:#256b9c;--purple:#7254aa;--shadow:0 12px 32px rgba(7,31,54,.08)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--navy);background:var(--bg);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.mock-banner{height:32px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 18px;background:#fff0bd;color:#654e00;font-size:11px}.mock-banner strong{letter-spacing:.1em}.app-shell{min-height:calc(100vh - 32px);display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:calc(100vh - 32px);display:flex;flex-direction:column;padding:26px 17px;background:var(--navy);color:#fff}.brand{display:flex;align-items:baseline;margin:0 11px 40px;color:#fff;text-decoration:none;font-size:25px;font-weight:850}.brand>span{color:#23c6b1}.brand small{margin-left:12px;padding-left:12px;border-left:1px solid #47647a;color:#91a8b7;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:9px;color:#c9d7df;background:transparent;text-align:left;font-weight:700}.sidebar nav button i{display:grid;place-items:center;width:25px;height:25px;font-style:normal;font-size:17px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#123c52}.sidebar nav button.active{box-shadow:inset 3px 0 var(--teal2)}.sidebar-note{display:grid;gap:4px;margin-top:auto;padding:14px;border:1px solid #2b4a60;border-radius:10px;background:#0b2a43}.sidebar-note strong{color:#5dd8c7;font-size:12px}.sidebar-note span{color:#9bb0bd;font-size:11px}.workspace{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#fff}.environment{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.environment span{width:8px;height:8px;border-radius:50%;background:var(--teal2);box-shadow:0 0 0 4px #dff8f4}.top-actions,.profile,.persona-control{display:flex;align-items:center}.top-actions{gap:16px}.persona-control{gap:8px;color:var(--muted);font-size:12px}.persona-control select,.filters select,.filter-row select{padding:9px 32px 9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.bell,.icon-button{position:relative;border:0;background:transparent;font-size:22px}.bell b{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e35e4f;color:#fff;font-size:9px}.profile{gap:9px}.profile>span,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:850}.profile>span{width:36px;height:36px;background:#dff5f1;color:var(--teal)}.profile small,.profile strong{display:block}.profile small{color:var(--muted);font-size:10px}.workspace main{max-width:1550px;margin:auto;padding:27px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.12em}.page-heading h1,.detail-hero h1{margin:0;font-size:30px;letter-spacing:-.02em}.page-heading p:last-child,.detail-hero p:last-child{margin:5px 0 0;color:var(--muted)}.primary,.secondary,.row-action,.copy-link,.edit-link,.back-link{border-radius:8px;font-weight:750}.primary{padding:10px 15px;border:0;background:var(--teal);color:#fff}.primary:hover{background:#087d6e}.secondary{padding:9px 13px;border:1px solid var(--line);background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-grid article{position:relative;min-height:137px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.metric-grid.compact article{min-height:116px}.metric-grid small,.metric-grid strong,.metric-grid em{display:block}.metric-grid small{color:var(--muted);font-weight:650}.metric-grid strong{margin:8px 0 3px;font-size:26px}.metric-grid em{color:var(--green);font-size:11px;font-style:normal}.metric-icon{float:right;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-weight:850}.metric-icon.teal{background:#e3f7f3;color:var(--teal)}.metric-icon.blue{background:#e9f3fa;color:var(--blue)}.metric-icon.amber{background:var(--amber-bg);color:var(--amber)}.metric-icon.green{background:var(--green-bg);color:var(--green)}.panel{margin-bottom:18px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h2{margin:0;font-size:19px}.panel-heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.toolbar{align-items:center}.filters{display:flex;gap:9px}.search{display:flex;align-items:center;gap:6px;min-width:250px;padding:0 10px;border:1px solid var(--line);border-radius:8px}.search input{width:100%;padding:9px 0;border:0;outline:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:13px 11px;border-bottom:1px solid #e7eef1;text-align:left}th{color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.name-cell{display:flex;align-items:center;gap:10px}.avatar{flex:0 0 36px;width:36px;height:36px;color:#fff;font-size:11px}.avatar.large{width:52px;height:52px;font-size:15px}.cyan{background:#149987}.purple{background:var(--purple)}.orange{background:#d47932}.gray{background:#82929a}.name-cell small,.name-cell strong{display:block}.name-cell small{color:var(--muted);font-size:10px}.affiliate-table code{padding:5px 7px;border-radius:6px;background:#edf4f6;color:#36586b}.status,.default-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850}.status.active{background:var(--green-bg);color:var(--green)}.status.inactive{background:#edf1f3;color:#71818a}.default-badge{margin-left:6px;background:#e4f1fa;color:var(--blue)}.row-action,.copy-link,.edit-link,.back-link{border:0;background:transparent;color:var(--teal)}.rank-list{display:grid}.rank-list article{display:grid;grid-template-columns:28px 38px 1fr auto;align-items:center;gap:11px;padding:13px 4px;border-bottom:1px solid #e7eef1}.rank-list article>b{color:var(--muted)}.rank-list div strong,.rank-list div small{display:block}.rank-list div small{color:var(--muted)}.rank-list em{font-style:normal;font-weight:850}.back-link{margin:0 0 13px;padding:0}.detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.hero-actions{display:flex;align-items:center;gap:10px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.link-grid article{display:grid;gap:14px;padding:17px;border:1px solid var(--line);border-radius:11px;background:#fbfdfd}.link-title{display:flex;justify-content:space-between;gap:8px}.link-grid code{overflow:hidden;padding:10px;border-radius:7px;background:#eaf3f4;color:#32566b;text-overflow:ellipsis;white-space:nowrap}.link-grid dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.link-grid dl div{padding-right:6px}.link-grid dt{color:var(--muted);font-size:9px;text-transform:uppercase}.link-grid dd{margin:3px 0;font-weight:800}.link-grid footer{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.privacy-panel{display:flex;align-items:flex-start;gap:12px;background:#eaf7f4}.privacy-panel>span{font-size:24px;color:var(--teal)}.privacy-panel p{margin:4px 0 0;color:#4d6e70}.filter-panel{padding:15px 20px}.filter-row{display:flex;gap:13px}.filter-row label{display:grid;gap:5px;min-width:190px;color:var(--muted);font-size:11px;font-weight:700}.report-table td:first-child{font-weight:800}.positive{color:var(--green)}.warning-text{color:var(--amber)}.mobile-cards{display:none}.overlay{display:none}dialog{width:min(700px,calc(100% - 28px));padding:0;border:0;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(4,20,33,.65)}dialog form{padding:22px}.dialog-heading{display:flex;justify-content:space-between;margin-bottom:19px}.dialog-heading h2{margin:0;font-size:23px}.dialog-heading p:last-child{margin:4px 0 0;color:var(--muted)}.dialog-heading>button{border:0;background:transparent;font-size:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;font-weight:700}.form-grid label span{color:var(--muted);font-size:10px;font-weight:500}.form-grid input,.form-grid textarea{width:100%;padding:10px;border:1px solid #bdcdd4;border-radius:8px}.form-grid input[readonly]{background:#f0f4f5}.full{grid-column:1/-1}.auto-link{display:flex;gap:11px;margin-top:16px;padding:13px;border-radius:9px;background:#eaf7f4;color:#285e59}.auto-link>span{font-size:22px}.auto-link strong,.auto-link small{display:block}.auto-link small{color:#5e7d7a}dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:19px;padding-top:15px;border-top:1px solid var(--line)}.toast{position:fixed;right:20px;bottom:20px;z-index:30;max-width:360px;padding:12px 16px;border-radius:9px;background:var(--navy);color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.mobile-only{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.link-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.search{flex:1}.profile div{display:none}}
@media(max-width:760px){.mock-banner{justify-content:flex-start;overflow:hidden}.mock-banner span{white-space:nowrap}.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;top:32px;width:265px;height:calc(100vh - 32px);transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.overlay{position:fixed;z-index:19;inset:32px 0 0;background:rgba(5,24,38,.55)}.overlay.open{display:block}.topbar{height:62px;padding:0 13px}.mobile-only{display:block}.environment{display:none}.top-actions{gap:9px}.persona-control{font-size:0}.persona-control select{max-width:135px;font-size:11px}.bell{display:none}.workspace main{padding:17px 13px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1,.detail-hero h1{font-size:25px}.page-heading>.primary,.page-heading>.secondary{width:100%}.metric-grid,.metric-grid.compact{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article,.metric-grid.compact article{min-height:105px;padding:14px}.metric-grid strong{font-size:20px}.metric-icon{width:31px;height:31px}.panel{padding:15px}.filters{display:grid}.search{min-width:0}.table-wrap{display:none}.mobile-cards{display:grid;gap:10px}.mobile-cards article{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfdfd}.mobile-card-head{display:flex;align-items:center;justify-content:space-between}.mobile-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-card-stats div{padding:9px;border-radius:7px;background:#edf4f5}.mobile-card-stats small,.mobile-card-stats strong{display:block}.mobile-card-stats small{color:var(--muted);font-size:9px}.mobile-cards .row-action{width:100%;padding:9px;border:1px solid #9bd3ca}.detail-hero{align-items:flex-start;flex-direction:column;padding:15px}.hero-actions{width:100%;justify-content:space-between}.filter-row{display:grid}.filter-row label{min-width:0}.link-grid article{padding:14px}.privacy-panel{font-size:12px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.rank-list article{grid-template-columns:20px 34px 1fr}.rank-list article>em{grid-column:3;margin-top:-6px}.report-cards article{gap:7px}.report-card-title{display:flex;justify-content:space-between}.report-card-title small{color:var(--muted)}dialog form{padding:17px}.toast{left:13px;right:13px;bottom:13px}.profile>span{width:32px;height:32px}}
@media(max-width:390px){.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.mock-banner strong{font-size:10px}}