:root{--bg: #0b0e11;--panel: #161a1f;--panel-2: #1e2329;--border: #2b3139;--text: #eaecef;--muted: #848e9c;--gold: #f0b90b;--green: #0ecb81;--red: #f6465d}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-shell{height:100vh;overflow:hidden;background:radial-gradient(1200px 600px at 80% -10%,rgba(240,185,11,.06),transparent 60%),radial-gradient(800px 400px at -10% 110%,rgba(14,203,129,.05),transparent 60%),var(--bg)}.app-shell .ant-layout-sider{height:100vh;overflow:hidden}.app-shell .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.app-shell .brand{flex-shrink:0}.app-shell .ant-menu{flex:1;overflow-y:auto}.app-shell .ant-layout{height:100vh;overflow:hidden}.app-shell .ant-layout-content{height:calc(100vh - 64px);overflow-y:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#161a1f;border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:#474d57;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.app-shell .ant-layout-content::-webkit-scrollbar{width:8px}.app-shell .ant-layout-content::-webkit-scrollbar-track{background:#0b0e11;border-left:1px solid var(--border)}.app-shell .ant-layout-content::-webkit-scrollbar-thumb{background:#474d57;border-radius:4px}.app-shell .ant-layout-content::-webkit-scrollbar-thumb:hover{background:var(--muted)}.brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 20px;font-weight:700;letter-spacing:.4px;color:var(--text);border-bottom:1px solid var(--border)}.brand .dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f0b90b,#f8d12f);display:grid;place-items:center;color:#0b0e11;font-weight:900}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;border-bottom:1px solid var(--border);background:#0b0e11b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.topbar .trigger{font-size:18px;color:var(--muted);cursor:pointer;transition:color .2s ease,transform .2s ease}.topbar .trigger:hover{color:var(--gold);transform:scale(1.08)}.topbar .market-strip{display:flex;gap:18px;overflow:hidden;color:var(--muted);font-size:13px}.topbar .market-strip strong{color:var(--text);margin-right:6px}.topbar .market-strip .up{color:var(--green)}.topbar .market-strip .down{color:var(--red)}.page{padding:24px 28px 64px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-head h1{margin:0;font-size:26px;letter-spacing:-.3px}.page-head p{margin:6px 0 0;color:var(--muted);font-size:14px}.kpi-grid{display:grid;gap:16px;margin-bottom:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{background:linear-gradient(180deg,#1a1f25,#14181d);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 80px at 100% 0%,rgba(240,185,11,.1),transparent 70%);pointer-events:none}.kpi .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.kpi .value{font-size:24px;font-weight:700;margin-top:8px}.kpi .delta{font-size:12px;margin-top:6px}.kpi .delta.up{color:var(--green)}.kpi .delta.down{color:var(--red)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.panel+.panel{margin-top:16px}.panel-title{font-weight:600;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.panel-title .sub{color:var(--muted);font-size:12px;font-weight:400}.two-col{display:grid;gap:16px;grid-template-columns:2fr 1fr}.tag-up{color:var(--green)}.tag-down{color:var(--red)}.ant-layout-sider{border-right:1px solid var(--border)}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(600px 400px at 20% 20%,rgba(240,185,11,.15),transparent 60%),radial-gradient(600px 400px at 80% 80%,rgba(14,203,129,.1),transparent 60%),#0b0e11;padding:24px}.auth-card{width:100%;max-width:420px;background:#161a1fd9;border:1px solid var(--border);border-radius:18px;padding:32px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-card h2{margin:0 0 6px}.auth-card p{color:var(--muted);margin:0 0 22px}.compliance-officer-page .co-loading{display:flex;justify-content:center;padding:60px 0}.compliance-officer-page .co-alert{margin-bottom:18px}.compliance-officer-page .co-desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.compliance-officer-page .co-desk-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:14px;color:inherit;font-family:inherit;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.compliance-officer-page .co-desk-card:hover{border-color:var(--accent, #f96f45);transform:translateY(-1px)}.compliance-officer-page .co-desk-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;font-size:18px;background:#f96f451f;color:var(--accent, #f96f45)}.compliance-officer-page .co-desk-text{display:flex;flex-direction:column;min-width:0}.compliance-officer-page .co-desk-title{font-weight:600;font-size:14px}.compliance-officer-page .co-desk-body{font-size:12px;color:var(--muted);margin-top:2px}.compliance-officer-page .co-two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.compliance-officer-page .co-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.compliance-officer-page .co-filter-search{max-width:280px}.compliance-officer-page .co-filter-select{min-width:160px}.compliance-officer-page .co-clickable-row{cursor:pointer}.compliance-officer-page .co-case-id{font-size:11.5px;opacity:.75}.compliance-officer-page .co-case-title{font-size:13px;font-weight:600;margin-top:2px}.compliance-officer-page .co-muted{color:var(--muted)}.compliance-officer-page .co-small{font-size:11.5px}.compliance-officer-page .co-overdue{color:var(--red, #ef4444);font-weight:600}.compliance-officer-page .co-activity-list{list-style:none;margin:0;padding:0}.compliance-officer-page .co-activity-item{padding:10px 0;border-bottom:1px solid var(--border)}.compliance-officer-page .co-activity-item:last-child{border-bottom:none}.compliance-officer-page .co-activity-action{font-size:13px;font-weight:600}.compliance-officer-page .co-activity-meta{font-size:11.5px;color:var(--muted);margin-top:3px}.compliance-officer-page .co-section-title,.ant-drawer .co-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:22px 0 10px}.ant-drawer .co-detail-desc,.compliance-officer-page .co-detail-desc{margin-bottom:8px}.ant-drawer .co-linked-row,.compliance-officer-page .co-linked-row{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:5px 0}.compliance-officer-page .co-linked{margin-bottom:8px}.ant-drawer .co-form-row,.compliance-officer-page .co-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ant-drawer .co-full,.compliance-officer-page .co-full{width:100%}.ant-modal .co-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.ant-drawer .co-note-composer,.compliance-officer-page .co-note-composer{display:flex;flex-direction:column;gap:8px;align-items:flex-end;margin-bottom:16px}.ant-drawer .co-note-composer .ant-input,.compliance-officer-page .co-note-composer .ant-input{width:100%}.ant-drawer .co-note-body,.compliance-officer-page .co-note-body{font-size:13px;margin-bottom:4px}.ant-drawer .co-note-meta,.compliance-officer-page .co-note-meta{font-size:11.5px;color:var(--muted);margin-top:4px}.co-detail-page .co-two-col{align-items:start}@media (max-width: 1100px){.compliance-officer-page .co-desk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compliance-officer-page .co-two-col{grid-template-columns:1fr}}@media (max-width: 640px){.compliance-officer-page .co-desk-grid,.ant-drawer .co-form-row,.compliance-officer-page .co-form-row{grid-template-columns:1fr}}.broker-admin-page .brk-adm-alert{margin-bottom:16px}.broker-admin-page .brk-adm-name{font-weight:600;font-size:13.5px}.broker-admin-page .brk-adm-sub{font-size:11.5px;color:var(--muted)}.broker-admin-page .brk-adm-top{color:var(--orange, #f59e0b);font-weight:600}.ant-modal .brk-adm-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.ant-modal .brk-adm-full{width:100%}.ant-modal .brk-adm-section{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 10px}.ant-modal .brk-adm-tier-row{display:grid;grid-template-columns:90px 1fr 2fr auto;gap:10px;align-items:end;margin-bottom:4px}.ant-modal .brk-adm-tier-row .ant-form-item{margin-bottom:8px}.ant-modal .brk-adm-tier-error{color:#ff4d4f;font-size:12px;margin:-2px 0 10px}.ant-modal .brk-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}@media (max-width: 700px){.ant-modal .brk-adm-tier-row,.ant-modal .brk-adm-row{grid-template-columns:1fr;align-items:stretch}}.brk-confirm-modal .ant-modal-body{padding:6px 6px 2px}.brk-confirm{text-align:center;padding:8px 14px 4px}.brk-confirm-icon{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:14px}.brk-confirm-title{font-size:18px;font-weight:600;margin:0 0 6px}.brk-confirm-lead{color:var(--muted);font-size:13px;margin:0 0 18px}.brk-confirm-target{border:1px solid var(--border);border-radius:10px;padding:10px 14px;text-align:left;margin-bottom:16px}.brk-confirm-points{list-style:none;text-align:left;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:8px}.brk-confirm-points li{position:relative;padding-left:20px;font-size:12.5px;color:var(--muted);line-height:1.45}.brk-confirm-points li:before{content:"";position:absolute;left:4px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--muted)}.brk-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.page-head{flex-wrap:wrap;gap:16px}.desktop-sider{display:none!important}}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr}.topbar .market-strip{display:none}.page{padding:16px 12px 80px}.ant-table-wrapper{overflow-x:auto;width:100%}.ant-table{white-space:nowrap}.ant-modal{max-width:95vw!important;margin:10px auto}.page-head{flex-direction:column;align-items:flex-start}.topbar{padding:0 16px}}