/* Pavlova Post • Black Label Studio / All original CSS, no framework */
:root{color-scheme:dark;--bg:#090d15;--side:#0c111b;--panel:#121a27;--panel2:#172130;--panel3:#1b2738;--border:#283447;--border-soft:#223044;--text:#f2f4f8;--muted:#8f9bae;--muted2:#67788d;--coral:#f65b72;--coral2:#cc3d59;--aqua:#73ddd0;--amber:#efc079;--violet:#ad9bef;--r:17px;--shadow:0 18px 50px rgba(0,0,0,.13);--font:'Segoe UI Variable','Segoe UI',Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}::selection{background:#eb5e7348;color:white}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#3a4558;border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-track{background:transparent}
.app-shell{display:flex;min-height:100vh}.sidebar{z-index:20;width:266px;flex:0 0 266px;position:sticky;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,#0e1520,#0a101a);border-right:1px solid #263042;display:flex;flex-direction:column;padding:30px 16px 19px}.brand{padding:3px 7px 39px;display:flex;align-items:center;gap:13px}.logo-mark{display:grid;place-items:center;flex:0 0 auto;height:43px;width:43px;border-radius:12px;background:linear-gradient(145deg,#fa6377,#bf2e4a);box-shadow:0 10px 28px #d83b582f;color:#fff;font:900 22px Georgia,serif;letter-spacing:-.04em}.brand strong{display:block;letter-spacing:.12em;font-size:13px;font-weight:800;white-space:nowrap}.brand small{display:block;color:#9aabc3;letter-spacing:.19em;font-size:9px;margin-top:4px;white-space:nowrap;font-weight:800}.side-label{color:#687c95;letter-spacing:.18em;font-size:10px;font-weight:800;padding:0 17px;margin-bottom:13px}.nav-items{display:flex;flex-direction:column;gap:5px}.nav-link{border:1px solid transparent;background:transparent;border-radius:11px;color:#8e9eb2;padding:12px 13px;display:flex;gap:13px;align-items:center;text-align:left;font-weight:600;min-width:0;transition:.18s ease}.nav-link:hover{color:#fafafa;background:#ffffff09}.nav-link.active{border-color:#f65b722f;background:linear-gradient(110deg,#c3405a30,#dc465219);color:#fff;box-shadow:inset 3px 0 var(--coral)}.nav-glyph{color:#8399b1;display:grid;place-items:center;min-width:22px;font-size:19px;font-weight:400}.active .nav-glyph{color:#ff8191}.nav-count{margin-left:auto;font-size:10px;color:#b9c5d4;background:#2b3443;border:1px solid #465066;padding:2px 6px;border-radius:7px}.side-spacer{flex:1;min-height:24px}.sidebar-note{display:flex;flex-direction:column;gap:3px;position:relative;background:#182332;border:1px solid #27384c;border-radius:12px;padding:15px 14px 15px 34px;margin:0 4px 17px}.sidebar-note strong{font-size:12px;font-weight:700}.sidebar-note small{color:#899bb0;font-size:11px}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:#70dbb3;display:inline-block;box-shadow:0 0 0 4px #64c7ad1a}.sidebar-note .pulse{position:absolute;left:15px;top:21px}.logout-form .nav-link{width:100%}
.workspace{min-width:0;flex:1;background:radial-gradient(ellipse 55% 25% at 98% 0%,#21304455,transparent 80%),#0a101a}.topbar{height:76px;border-bottom:1px solid #293448b3;display:flex;align-items:center;justify-content:space-between;padding:0 41px;position:sticky;top:0;z-index:10;background:#0b111bf2;backdrop-filter:blur(14px)}.crumb{letter-spacing:.13em;font-weight:800;font-size:10px;color:#6f839d}.crumb span{padding:0 13px;color:#3c4d62}.crumb b{color:#c5d0df}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-meta{color:#91a2b7;font-size:11px;font-weight:600}.avatar{height:33px;width:33px;display:grid;place-items:center;background:#243349;border:1px solid #4c5971;border-radius:11px;color:#eee;font-size:11px;font-weight:800}.mobile-menu{display:none;border:0;color:white;background:none;font-size:23px}
.main-content{max-width:1670px;margin:0 auto;padding:37px 42px 25px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{color:#f67c8d;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.page-heading h1{font-size:clamp(27px,3vw,38px);font-weight:720;letter-spacing:-.055em;margin:7px 0 3px;line-height:1.18}.heading-period{color:var(--coral)}.page-heading p{margin:8px 0 0;color:#94a1b5;font-size:13px}.heading-actions{display:flex;align-items:center;gap:8px}.date-chip{display:inline-flex;align-items:center;border:1px solid #29394b;border-radius:10px;padding:10px 14px;color:#93a5ba;background:#17213080;font-size:12px}.btn{border:1px solid #3c4858;padding:11px 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:770;letter-spacing:.005em;white-space:nowrap;transition:.17s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-primary{color:#fff;background:linear-gradient(120deg,#e95570,#cc354f);border-color:#eb6478;box-shadow:0 9px 25px #bd304f2b}.btn-subtle{background:#1d2a3a;color:#dbe4ed;border-color:#384b61}.btn-ghost{background:transparent;color:#a2b3c7;border-color:#34445b}.btn.small{padding:8px 11px}.overline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-tag{color:#bac9d7;font-size:10px;font-weight:800;letter-spacing:.13em}.section-tag .live-dot{margin-right:9px}.muted-small,.tiny-muted{font-size:11px;color:#7f90a7}.tiny-muted{margin:16px 0 0;line-height:1.65}.notice{padding:13px 16px;margin:0 0 20px;border-radius:11px;font-size:12px;border:1px solid #365777;background:#162435;color:#b8d4ec}.notice.danger{background:#48242c;border-color:#814553;color:#ffd5de}.notice.success{background:#193a34;border-color:#3e7162;color:#bffce2}.notice.subtle{background:#1d2938;border-color:#314053;color:#b9c4d2}
.kpi-grid{display:grid;gap:16px;margin-bottom:21px}.kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:linear-gradient(145deg,#192535,#121a27 62%);border:1px solid #2c394d;border-radius:var(--r);padding:24px 23px 20px;min-height:156px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.kpi-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#8facbe4b,transparent)}.kpi-card.accent-coral{background:linear-gradient(125deg,#3e2536,#222030 53%,#182031);border-color:#754251}.kpi-icon{font-size:19px;color:#bac9df;position:absolute;right:23px;top:18px;opacity:.75}.kpi-card.accent-coral .kpi-icon{color:#ff8c9d}.kpi-label{display:block;color:#b0bdd0;letter-spacing:.105em;font-size:10px;font-weight:770;padding-right:10px}.kpi-value{display:block;letter-spacing:-.058em;font-size:clamp(22px,2.15vw,32px);line-height:1.3;margin:16px 0 9px;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}.kpi-foot{display:block;color:#91a2b6;font-size:11px;line-height:1.5}.kpi-hairline{height:3px;position:absolute;bottom:0;left:23px;right:23px;border-radius:8px;background:linear-gradient(90deg,#ff7387,#8c455b00)}.kpi-hairline.teal{background:linear-gradient(90deg,#55ccbd,#55ccbd00)}.kpi-hairline.amber{background:linear-gradient(90deg,#edbe74,#edbe7400)}.kpi-hairline.violet{background:linear-gradient(90deg,#a38ef1,#a38ef100)}.kpi-grid.compact .kpi-card{min-height:126px;padding:19px}.kpi-grid.compact .kpi-value{margin:9px 0;font-size:25px}.info-dot{font-size:10px;border-radius:50%;border:1px solid #697e92;width:13px;height:13px;display:inline-grid;place-items:center;cursor:help}
.content-grid{display:grid;gap:18px;margin-bottom:19px;align-items:stretch}.primary-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid #2b384b;background:linear-gradient(160deg,#152030,#111a27);border-radius:var(--r);padding:26px;min-width:0;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-head h2{font-size:19px;letter-spacing:-.03em;font-weight:720;margin:6px 0 3px}.panel-head p{font-size:12px;color:#8e9eb2;margin:0;line-height:1.5}.tiny-link{color:#f58c9d;font-size:11px;font-weight:750;white-space:nowrap;padding-top:10px}.tiny-link:hover{text-decoration:underline}.panel-ornament{border:1px solid #425066;color:#c5d5e6;border-radius:7px;padding:5px 8px;letter-spacing:.1em;font-size:10px;font-weight:800;white-space:nowrap}.chart-stat-strip{display:flex;align-items:center;gap:29px;margin:20px 0 28px}.chart-stat-strip>div{display:flex;flex-direction:column;gap:4px;border-right:1px solid #3b4658;padding-right:27px}.chart-stat-strip>div:last-child{border-right:none}.chart-stat-strip span{font-size:11px;color:#95a5b8}.chart-stat-strip strong{font-size:19px;letter-spacing:-.035em;font-weight:700}.bar-ranking{display:flex;flex-direction:column;gap:17px}.rank-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(70px,.85fr) 74px;gap:13px;align-items:center}.rank-name{min-width:0;display:flex;gap:9px;align-items:center}.rank-category{flex:0 0 auto;background:#284356;color:#89c4d7;font-size:8px;font-weight:850;padding:3px 6px;border-radius:5px;letter-spacing:.04em}.rank-category.video{color:#bcb0fa;background:#3b3355}.rank-name .truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbd5e1;font-size:12px}.rank-meter{height:8px;background:#2a3443;border-radius:10px;overflow:hidden}.rank-meter i{height:100%;background:linear-gradient(90deg,#db4a68,#f98089);border-radius:10px;display:block}.rank-row strong{text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:#eef3f7}
.money-hero{background:radial-gradient(circle at 93% 10%,#70445829,transparent 50%),linear-gradient(120deg,#223044,#1d2537);border:1px solid #38475b;padding:19px 20px 20px;border-radius:13px;margin:6px 0 19px}.money-hero span{display:block;font-size:10px;letter-spacing:.12em;color:#aebbd0;font-weight:780}.money-hero strong{display:block;font-size:clamp(25px,2.6vw,35px);letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:7px 0 1px}.money-hero small{color:#8ca0b7;font-size:11px}.money-rows>div,.mini-stat-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #2b394c}.money-rows>div:last-child,.mini-stat-list>div:last-child{border-bottom:none}.money-rows span,.mini-stat-list span{color:#91a1b6;font-size:12px}.money-rows strong,.mini-stat-list strong{font-weight:740;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.positive{color:var(--aqua)!important}.amber-text{color:var(--amber)}.bottom-grid .panel{padding:24px 26px}.empty{padding:30px 20px;text-align:center;color:#8396ac;font-size:12px;background:#111c2a;border-radius:12px;border:1px dashed #3a485a;line-height:1.7}.empty.large{padding:65px 22px}.footer{padding:21px 0 8px;margin-top:25px;border-top:1px solid #283648;color:#62748b;font-size:10px;display:flex;justify-content:space-between;gap:14px}.footer b{color:#8899ab}.footer a{color:#b2bdcc}
.table-panel{padding:23px 24px}.table-toolbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:21px}.search-field{background:#0f1825;border:1px solid #344359;border-radius:10px;display:flex;align-items:center;gap:8px;flex:1;min-width:215px;padding-left:13px;color:#9aaabd;font-size:20px}.search-field input{border:0;background:transparent;padding:11px 8px;color:white;min-width:0;width:100%;outline:0}.table-toolbar select{width:auto;min-width:130px}.table-scroll{overflow-x:auto;width:100%;max-width:100%}.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:12px}.data-table thead{background:#202d3e}.data-table th{text-align:left;font-size:10px;letter-spacing:.09em;color:#8fa0b6;font-weight:790;padding:13px 14px;white-space:nowrap}.data-table td{padding:14px;border-bottom:1px solid #2a384a;vertical-align:middle;color:#cbd5e1}.data-table tbody tr:hover{background:#ffffff04}.data-table tbody tr:last-child td{border-bottom:0}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .strong{font-weight:800;color:#f5f7f9}.data-table .muted-cell{color:#8496aa}.title-cell{min-width:230px;max-width:410px}.title-cell .post-title{font-weight:730;display:block;line-height:1.38;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px;color:#f2f5fa}.title-cell .post-title:hover{color:#ff8497}.subline{color:#8090a4;font-size:10px;display:block;margin-top:5px}.type-pill{display:inline-block;border:1px solid #3e5269;background:#24394b;color:#b9d9ec;border-radius:7px;font-size:10px;text-transform:capitalize;padding:4px 7px;font-weight:800}.type-pill.video{background:#342b4a;color:#c8b9f1;border-color:#504069}.type-pill.photo{background:#2a3b46;color:#9fc7d4}.earnings-cell{color:var(--aqua)!important;font-weight:800}.earnings-cell small{display:block;font-size:10px;color:#9aaaae;margin-top:3px;font-weight:500}.arrow-link{display:grid;place-items:center;width:30px;height:30px;background:#243448;border-radius:8px;font-size:16px;color:#c2d2e5}.arrow-link:hover{background:var(--coral);color:white}.table-scroll .empty{margin:12px 0}.data-table.mini td,.data-table.mini th{padding:11px 14px}
.post-hero{margin-bottom:18px;background:linear-gradient(120deg,#302239,#172232 45%,#131d2c)}.post-hero h2{font-size:clamp(19px,2.2vw,27px);letter-spacing:-.025em;line-height:1.38;margin:7px 0 11px;overflow-wrap:anywhere;max-width:1000px}.post-meta{display:flex;gap:12px;flex-wrap:wrap;color:#92a7bc;font-size:11px}.post-meta a{color:#f58699}.chart-frame{position:relative;background:linear-gradient(180deg,#1b2b3b55,#11192520);height:265px;padding:15px 5px;border:1px solid #2a394b;border-radius:12px;margin-bottom:19px}.chart-frame canvas{width:100%;height:100%;display:block}.projection-quality{background:#213545;border:1px solid #426477;color:#b9dcd6;border-radius:9px;padding:12px 15px;font-size:10px;letter-spacing:.08em;font-weight:800;margin-bottom:14px}.projection-quality .pulse{margin-right:7px}.forecast-rows{display:flex;flex-direction:column;gap:0}.forecast-rows>div{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:6px 13px;padding:16px 4px;border-bottom:1px solid #2e3c4f}.forecast-rows>div:last-child{border-bottom:0}.forecast-rows span{font-size:12px;color:#a1b2c5}.forecast-rows strong{font-size:19px;letter-spacing:-.03em;text-align:right}.forecast-rows strong small{font-size:10px;color:#839ab0;letter-spacing:0;font-weight:500}.forecast-rows em,.forecast-rows .projected-earn{font-size:11px;color:#9babbd;font-style:normal;grid-column:2;text-align:right}.forecast-rows .projected-earn{color:#8bdcca}
.form-grid{display:grid;gap:17px 15px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid label,.stack label{display:flex;flex-direction:column;color:#bcc9d9;font-size:11px;font-weight:740;gap:8px;min-width:0}.form-grid label.full,.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.table-toolbar select,.login-card input{width:100%;min-width:0;background:#0c1521;border:1px solid #354559;border-radius:9px;padding:12px 12px;color:#eff6fb;outline:0;min-height:43px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.table-toolbar select:focus,.login-card input:focus{border-color:#fa6d82;box-shadow:0 0 0 3px #f36d821b}.form-grid input::placeholder,.login-card input::placeholder{color:#63768e}.form-grid label small{color:#8598ad;font-weight:400;font-size:10px;line-height:1.4}.form-grid .form-submit{display:flex;align-items:end;gap:8px}.form-grid .form-submit:not(.full){padding-top:14px}.form-grid textarea{resize:vertical}select option{background:#142235;color:#fff}
.insight-banner{border:1px solid #594150;background:radial-gradient(ellipse at right top,#8541543a,transparent 60%),linear-gradient(110deg,#332536,#1b2637 50%,#151e2c);border-radius:var(--r);padding:24px 27px;display:flex;align-items:center;gap:23px;margin-bottom:19px}.insight-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#d74f6840;border:1px solid #be5365;color:#ffb4bd;font-size:34px}.insight-banner h2{font-size:20px;margin:5px 0;font-weight:760}.insight-banner p{font-size:12px;color:#aebdcc;max-width:700px;margin:0}.quality-tag{background:#253a4a;color:#a8cada;padding:5px 8px;border-radius:6px;font-size:10px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:14px}.explain-grid>div{background:#1b2939;border:1px solid #304155;border-radius:10px;padding:16px}.explain-grid b{font-size:12px}.explain-grid p{font-size:11px;color:#91a3b8;line-height:1.6}.note-panel{margin-top:18px}.note-panel h2{font-size:18px;margin:8px 0 13px}.progress-track{height:10px;border-radius:20px;background:#2d394b;margin:15px 0 8px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#e45273,#ffa0a8);border-radius:20px}.milestone-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #2b394c;font-size:12px}.milestone-list span{color:#9aaabc}.milestone-list strong{text-align:right;font-size:11px;font-weight:800}
.import-area{background:#111e2a;border:1px dashed #57738c;border-radius:15px;padding:28px 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center}.import-icon{font-size:27px;display:grid;place-items:center;color:#ffc2cc;width:56px;height:56px;border:1px solid #8d5465;background:#492937;border-radius:15px}.import-area strong{font-size:15px}.import-area span{color:#899db2;font-size:11px;max-width:390px}.import-area input{border:1px solid #485e74;background:#1c2a3a;padding:10px;border-radius:9px;max-width:100%;font-size:12px}.import-area button{margin-top:5px}.accordion{display:flex;flex-direction:column;gap:12px}.accordion details{background:#1a2939;border:1px solid #32465b;border-radius:11px;padding:15px 16px}.accordion summary{font-size:12px;color:#e6eef5;cursor:pointer;font-weight:760;display:flex;justify-content:space-between;gap:10px}.accordion summary span{color:#f08799}.accordion details p,.accordion li{font-size:11px;color:#a2b3c6;line-height:1.8}.accordion ol{padding-left:18px;margin:14px 0}.accordion a{color:#f391a1}.security-list{display:flex;flex-direction:column}.security-list>div{display:grid;grid-template-columns:20px 1fr;column-gap:12px;padding:12px 0;border-bottom:1px solid #2b3a4c}.security-list>div>span{grid-row:1/3;color:var(--aqua)}.security-list>div:last-child>span{color:var(--amber)}.security-list b{font-size:12px}.security-list small{color:#92a4b6;font-size:11px;margin-top:4px}.security-list>div:last-child{border:0}
.modal[hidden]{display:none!important}.modal{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:#02060bbb;backdrop-filter:blur(6px)}.modal-content{position:relative;z-index:1;width:min(580px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#152132;border:1px solid #455267;border-radius:20px;padding:25px;box-shadow:0 25px 90px #000a}.modal-content.large{width:min(800px,100%)}.modal-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:21px}.modal-head h2{font-size:20px;margin:5px 0}.icon-button{border:1px solid #4b5b6e;background:#26364a;color:#e5e9f0;border-radius:9px;width:32px;height:32px}.login-page{min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#6732477a,transparent 50%),#0b111b;display:grid;place-items:center;padding:24px}.login-shell{width:min(440px,100%)}.login-brand{display:flex;align-items:center;gap:13px;justify-content:center;margin-bottom:29px}.login-brand>span{font-weight:850;letter-spacing:.12em}.login-brand small{display:block;font-size:10px;color:#8da0b9;letter-spacing:.18em}.login-card{border:1px solid #3b485c;background:linear-gradient(140deg,#192636,#111a28);padding:34px;border-radius:21px;box-shadow:0 25px 80px #0004}.login-card h1{font-size:30px;letter-spacing:-.05em;margin:8px 0}.muted{color:#93a4b7}.login-card .muted{font-size:12px;margin-bottom:27px}.stack{display:flex;flex-direction:column}.gap-lg{gap:20px}.login-card .btn{margin-top:7px}.fine-print{text-align:center;color:#8395a9;font-size:11px;margin-top:23px}
@media(max-width:1380px){.main-content{padding:34px 29px}.topbar{padding:0 29px}.sidebar{width:232px;flex-basis:232px}.brand{gap:10px}.brand strong{font-size:11px}.brand small{font-size:9px}.kpi-card{padding:20px 18px}.kpi-value{font-size:26px}.primary-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr)}}
@media(max-width:1150px){.kpi-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:219px;flex-basis:219px}.main-content{padding:30px 22px}.topbar{padding:0 22px}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);width:min(280px,86vw);transition:transform .2s;box-shadow:10px 0 50px #0008}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.workspace{width:100%}.topbar{height:63px;padding:0 16px}.main-content{padding:25px 15px}.topbar-meta{display:none}.crumb{font-size:9px}.page-heading{align-items:start;flex-direction:column;gap:14px}.heading-actions{width:100%}.heading-actions .btn{width:100%}.kpi-grid.four,.kpi-grid.three{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{min-height:130px;padding:18px 13px}.kpi-value{font-size:22px;margin-top:13px}.kpi-label{font-size:9px}.kpi-foot{font-size:10px}.panel{padding:18px}.chart-stat-strip{gap:14px;flex-wrap:wrap}.chart-stat-strip>div{padding-right:13px}.panel-head{flex-wrap:wrap}.form-grid.cols-2,.form-grid.cols-4{grid-template-columns:1fr}.insight-banner{align-items:start}.insight-symbol{width:42px;height:42px;min-width:42px;font-size:24px}.explain-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:minmax(0,1fr) 55px}.rank-meter{display:none}.money-hero strong{font-size:26px}.table-panel{padding:18px 12px}.footer{flex-direction:column}.modal-content{padding:19px}.overline-row{flex-wrap:wrap}.login-card{padding:24px}}
@media(max-width:400px){.kpi-grid.four,.kpi-grid.three{grid-template-columns:1fr}.kpi-card{min-height:118px}.kpi-value{font-size:26px}.date-chip{font-size:10px}}

.leader-list{display:flex;flex-direction:column}.leader-item{display:grid;grid-template-columns:31px minmax(0,1fr) 75px 18px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #2d3c4e}.leader-item:last-child{border-bottom:0}.leader-item:hover .leader-name{color:#ff8f9c}.leader-rank{font-weight:800;font-size:12px;color:#f68797;letter-spacing:.03em}.leader-name{font-size:12px;color:#e9edf3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-name small{display:block;color:#8496aa;font-weight:500;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-item strong{font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.leader-arrow{color:#849ab2}.compare-panel{margin-bottom:19px}.compare-picker{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:24px}.compare-picker label{flex:1;min-width:170px;font-size:11px;color:#94a4bb;display:flex;flex-direction:column;gap:8px}.compare-picker select{background:#102032;border:1px solid #3a4a60;border-radius:9px;color:#f2f6fa;padding:11px 9px;max-width:100%}.versus{display:grid;place-items:center;height:43px;color:#f592a1;font-size:11px;font-weight:850}.compare-results{background:#101b2a;border:1px solid #344256;border-radius:13px;padding:16px 20px}.compare-title-row{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:16px;border-bottom:1px solid #2d4055}.compare-title-row h3{font-size:14px;line-height:1.4;overflow-wrap:anywhere;max-width:450px}.compare-metric{display:grid;grid-template-columns:1fr 160px 1fr;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #2d3a4b;font-size:13px;font-variant-numeric:tabular-nums}.compare-metric:last-child{border-bottom:none}.compare-metric span{text-align:center;color:#93a7ba;font-size:11px}.compare-metric strong:last-child{text-align:right}.compare-metric strong{font-weight:800;overflow-wrap:anywhere}.compare-metric:first-of-type strong{color:#ff97a4}@media(max-width:760px){.leader-item{grid-template-columns:24px minmax(0,1fr) 63px}.leader-arrow{display:none}.compare-metric{grid-template-columns:1fr 80px 1fr;font-size:11px;gap:6px}.compare-metric span{font-size:10px}.compare-results{padding:13px}.compare-picker{gap:8px}.versus{display:none}}

.fx-refresh-form{margin-top:20px;padding-top:16px;border-top:1px solid #29394b;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.void-form{border-top:1px solid #3b4756;margin-top:28px;padding-top:20px;display:flex;flex-direction:column;gap:14px}.void-form label{font-size:11px;color:#a7b7ca;font-weight:700;display:flex;flex-direction:column;gap:8px}.void-form input{background:#1a2432;border:1px solid #555c69;color:#fff;padding:12px;border-radius:9px}.btn-danger{color:#ffb4be;background:#4b2531;border-color:#a34d61}.void-form button{align-self:start}

.post-metrics-panel{margin-bottom:19px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-grid>div{background:#1c2939;border:1px solid #33465b;border-radius:12px;padding:15px 17px;min-width:0}.metric-grid span{display:block;color:#99acbf;font-size:10px;letter-spacing:.02em}.metric-grid strong{display:block;font-variant-numeric:tabular-nums;font-size:20px;letter-spacing:-.04em;margin-top:9px;overflow-wrap:anywhere}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid strong{font-size:17px}}

.import-review{margin-bottom:18px;border-color:#735460;background:linear-gradient(140deg,#32283a,#151f2d 55%)}.confirm-row{display:flex;gap:12px;align-items:center;margin-top:19px;flex-wrap:wrap}

/* 1.1 automatic currency-rate status, Black Label style */
.fx-topbar{display:inline-flex;align-items:center;gap:7px;border:1px solid #34465c;border-radius:9px;padding:7px 10px;color:#d8e9ec;background:#162b35;font-size:11px;font-weight:780;white-space:nowrap;font-variant-numeric:tabular-nums}.fx-topbar span{color:#9bb4c5}.fx-topbar small{font-size:9px;color:#79dec9;letter-spacing:.06em}.fx-topbar:hover{border-color:#62b8ad;background:#1e3540}
.fx-rate-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#20363a,#1b2838);border:1px solid #3c626b;border-radius:14px;padding:20px 22px;margin-bottom:23px;min-width:0}.fx-rate-card strong{display:block;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.05em;margin:8px 0 4px;font-variant-numeric:tabular-nums}.fx-rate-card span{color:#acc3ca;font-size:11px}.fx-rate-card-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end;white-space:nowrap}.fx-rate-card-meta b{font-size:11px;color:#8be1ce;letter-spacing:.09em}.fx-rate-card-meta small{font-size:10px;color:#98aebd}.fx-warning{margin-top:14px;font-size:12px;color:#ffd0a1;border:1px solid #7d6346;background:#3f3128;padding:12px;border-radius:10px}
@media(max-width:900px){.fx-topbar{padding:6px;font-size:10px}.fx-topbar small{display:none}}
@media(max-width:600px){.fx-topbar{display:none}.fx-rate-card{flex-wrap:wrap}.fx-rate-card-meta{align-items:flex-start}}