@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:232px;--topbar-h:54px;--bg:#f4f3f0;--white:#fff;--border:#e4e2dd;--border-light:#ede9e4;--text-1:#0f0f0f;--text-2:#4a4845;--text-3:#8c8884;--text-4:#b5b2ad;--accent:#c94f1e;--accent-bg:#fdf2ee;--sidebar-active:#0f0f0f;--green:#1a7a4a;--green-bg:#edf7f2;--amber:#92570c;--amber-bg:#fdf6e8;--red:#b42318;--red-bg:#fef3f2;--blue:#1d4ed8;--blue-bg:#eff6ff;--radius:10px;--radius-sm:6px;--shadow:0 1px 4px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04)}html{font-size:14px}body{font-family:Instrument Sans,sans-serif;background:var(--bg);color:var(--text-1);display:flex;min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}.sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.s-logo{padding:16px 16px 14px;border-bottom:1px solid var(--border-light);gap:10px}.logo-mark,.s-logo{display:flex;align-items:center}.logo-mark{width:32px;height:32px;background:var(--text-1);border-radius:8px;justify-content:center;flex-shrink:0}.logo-mark svg{color:#fff}.logo-copy{line-height:1.25}.logo-copy strong{display:block;font-size:13px;font-weight:700;color:var(--text-1);letter-spacing:-.3px}.logo-copy span{font-size:11px;color:var(--text-3);font-weight:500}.s-nav{padding:10px 0;flex:1 1}.s-section{margin-bottom:2px}.s-label{font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-4);padding:10px 16px 5px}.s-item{display:flex;align-items:center;gap:9px;padding:7px 16px;cursor:pointer;color:var(--text-2);font-size:13.5px;font-weight:500;border-radius:0;transition:background .1s,color .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;background:none;border:none;width:100%;text-align:left;font-family:Instrument Sans,sans-serif}.s-item:hover{background:var(--bg);color:var(--text-1)}.s-item.active{background:var(--sidebar-active);color:#fff;margin:1px 8px;border-radius:var(--radius-sm);padding:7px 10px;width:calc(100% - 16px)}.s-item.active svg{stroke:#fff}.s-item.active .s-badge{background:hsla(0,0%,100%,.2);color:#fff}.s-icon{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.s-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1.5px 6px;border-radius:99px;font-family:DM Mono,monospace;letter-spacing:0}.s-badge.neutral{background:var(--border);color:var(--text-2)}.s-badge.amber{background:var(--amber-bg);color:var(--amber)}.s-divider{height:1px;background:var(--border-light);margin:6px 12px}.s-footer{padding:12px;border-top:1px solid var(--border-light)}.s-user{display:flex;align-items:center;gap:9px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.s-user:hover{background:var(--bg)}.user-av{width:30px;height:30px;border-radius:50%;background:var(--text-1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.3px}.user-info p{font-size:12.5px;font-weight:600;color:var(--text-1);line-height:1.3}.user-info span{font-size:11px;color:var(--text-3)}.main{margin-left:var(--sidebar-w);flex:1 1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:12px}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:6px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3)}.breadcrumb .current{color:var(--text-1);font-weight:600}.bc-sep{color:var(--border)}.topbar-right{gap:8px}.t-btn,.topbar-right{display:flex;align-items:center}.t-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;cursor:pointer;background:var(--white);color:var(--text-2);transition:background .1s,border-color .1s;position:relative}.t-btn:hover{background:var(--bg);border-color:var(--text-4)}.t-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.t-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--accent);border-radius:50%;border:1.5px solid #fff}.t-user{display:flex;align-items:center;gap:7px;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background .1s;position:relative}.t-user:hover{background:var(--bg)}.t-avatar{width:28px;height:28px;border-radius:50%;background:#1a1a2e;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px}.t-user-name{font-size:13px;font-weight:600;color:var(--text-1)}.content{padding:28px;flex:1 1}.page-head{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-head-left h1{font-size:22px;font-weight:700;color:var(--text-1);letter-spacing:-.5px;line-height:1.2}.page-head-left p{font-size:13px;color:var(--text-3);margin-top:3px;font-weight:400}.page-head-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:12px}.kpi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;transition:box-shadow .15s}.kpi-card:hover{box-shadow:var(--shadow)}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.kpi-label{font-size:12.5px;font-weight:500;color:var(--text-3);letter-spacing:-.1px}.kpi-icon-wrap{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-wrap svg{width:15px;height:15px;stroke:var(--text-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kpi-value{font-size:26px;font-weight:700;color:var(--text-1);letter-spacing:-.8px;line-height:1;margin-bottom:5px;font-family:DM Mono,monospace}.kpi-sub{font-size:12px;color:var(--text-4);font-weight:400}.kpi-sub.up{color:var(--green)}.kpi-sub.warn{color:var(--amber)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:visible}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14px;font-weight:600;color:var(--text-1);letter-spacing:-.2px}.card-sub-text{font-size:12px;color:var(--text-3);margin-top:1px}.sh{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px}.sh-titles h4{font-size:14px;font-weight:600;color:var(--text-1);letter-spacing:-.2px}.sh-titles p{font-size:12px;color:var(--text-3);margin-top:1px}.qa-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--border-light)}.qa-item{background:var(--white);padding:18px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:background .1s;text-decoration:none;color:inherit;border:none;font-family:inherit;text-align:left;width:100%}.qa-item:hover{background:var(--bg)}.qa-icon-box{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s,border-color .1s}.qa-item:hover .qa-icon-box{background:var(--text-1);border-color:var(--text-1)}.qa-item:hover .qa-icon-box svg{stroke:#fff}.qa-icon-box svg{width:16px;height:16px;stroke:var(--text-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .1s}.qa-text strong{display:block;font-size:13px;font-weight:600;color:var(--text-1)}.qa-text span{font-size:12px;color:var(--text-3)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{background:var(--bg)}th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);padding:10px 16px;border-bottom:1px solid var(--border-light);white-space:nowrap}th:first-child{padding-left:20px}th:last-child{padding-right:20px}td{padding:12px 16px;font-size:13px;color:var(--text-2);border-bottom:1px solid var(--border-light);vertical-align:middle}td:first-child{padding-left:20px}td:last-child{padding-right:20px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg)}.cell-primary{font-weight:500;color:var(--text-1)}.cell-mono{font-family:DM Mono,monospace;font-size:12px;letter-spacing:0}.cell-muted{color:var(--text-4);font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:5px;letter-spacing:-.1px;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge.green{background:var(--green-bg);color:var(--green)}.badge.green:before{background:var(--green)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.amber:before{background:var(--amber)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.red:before{background:var(--red)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.blue:before{background:var(--blue)}.badge.gray{background:var(--border-light);color:var(--text-2)}.badge.gray:before{background:var(--text-4)}.badge.black{background:var(--text-1);color:#fff}.badge.black:before{background:hsla(0,0%,100%,.6)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s;letter-spacing:-.1px;border:1px solid transparent;white-space:nowrap}.btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.btn-primary{background:var(--text-1);color:#fff;border-color:var(--text-1)}.btn-primary:hover{background:#2a2a2a}.btn-secondary{background:var(--white);color:var(--text-1);border-color:var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--text-4)}.btn-ghost{background:transparent;color:var(--text-2);border-color:transparent}.btn-ghost:hover{background:var(--bg);color:var(--text-1)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:transparent}.btn-danger:hover{background:#fde8e8}.btn-success{background:var(--green-bg);color:var(--green);border-color:transparent}.btn-success:hover{background:#d9f5e8}.btn-sm{font-size:11.5px;padding:4px 9px}.filter-bar{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:12px;gap:10px;flex-wrap:wrap}.filter-bar,.filter-search{display:flex;align-items:center}.filter-search{gap:7px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 11px;flex:1 1;min-width:200px;max-width:300px;transition:border-color .15s}.filter-search:focus-within{border-color:var(--text-3)}.filter-search svg{width:13px;height:13px;stroke:var(--text-4);fill:none;stroke-width:2;flex-shrink:0}.filter-search input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text-1);width:100%;font-family:inherit}.filter-search input::placeholder{color:var(--text-4)}select.filter-select{font-family:inherit;font-size:12.5px;font-weight:500;color:var(--text-2);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238c8884' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding:6px 28px 6px 10px;transition:border-color .15s}select.filter-select:focus{border-color:var(--text-3)}.pagination{padding:12px 20px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.page-info{font-size:12px;color:var(--text-3)}.page-btns{gap:3px}.page-btn,.page-btns{display:flex;align-items:center}.page-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid transparent;justify-content:center;font-size:12.5px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .1s;font-family:DM Mono,monospace;background:none}.page-btn:hover{background:var(--bg);border-color:var(--border)}.page-btn.active{background:var(--text-1);color:#fff;border-color:var(--text-1)}.page-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5}.user-cell{gap:10px}.user-cell,.user-initial{display:flex;align-items:center}.user-initial{width:30px;height:30px;border-radius:50%;background:var(--bg);border:1px solid var(--border);justify-content:center;font-size:11px;font-weight:700;color:var(--text-2);flex-shrink:0;font-family:DM Mono,monospace;letter-spacing:0}.user-cell-name{font-size:13px;font-weight:500;color:var(--text-1)}.user-cell-email{font-size:11.5px;color:var(--text-4)}.action-row{gap:4px}.act-btn,.action-row{display:flex;align-items:center}.act-btn{width:28px;height:28px;border-radius:var(--radius-sm);justify-content:center;cursor:pointer;border:none;background:transparent;color:var(--text-3);transition:all .1s}.act-btn:hover{background:var(--bg);color:var(--text-1)}.act-btn.danger:hover{background:var(--red-bg);color:var(--red)}.act-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.list-row{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid var(--border-light);transition:background .1s}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg)}.progress-row{margin-bottom:14px}.progress-row:last-child{margin-bottom:0}.progress-label{display:flex;justify-content:space-between;margin-bottom:5px}.progress-label span:first-child{font-size:12.5px;color:var(--text-2);font-weight:500}.progress-label span:last-child{font-size:12px;color:var(--text-3);font-family:DM Mono,monospace}.progress-track{height:5px;background:var(--border-light);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--text-1);border-radius:3px;transition:width .3s}.progress-fill.accent{background:var(--accent)}.toast{position:fixed;bottom:24px;right:24px;padding:11px 18px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;background:#1a7a4a;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:99999;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#b42318}.toast.info{background:#1d4ed8}.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:280px;max-height:400px;overflow-y:auto;z-index:1000;display:none}.dropdown.show{display:block}.dropdown-header{font-size:13px;font-weight:600;color:var(--text-1);display:flex;align-items:center;justify-content:space-between}.dropdown-header,.dropdown-item{padding:12px 16px;border-bottom:1px solid var(--border-light)}.dropdown-item{transition:background .1s;cursor:pointer}.dropdown-item:hover{background:var(--bg)}.dropdown-item:last-child{border-bottom:none}.notification-item{display:flex;gap:12px;align-items:flex-start}.notification-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.info{background:var(--blue-bg)}.notification-icon.success{background:var(--green-bg)}.notification-icon.warning{background:var(--amber-bg)}.notification-icon svg{width:16px;height:16px}.notification-content{flex:1 1}.notification-title{font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:2px}.notification-desc{font-size:12px;color:var(--text-3);line-height:1.4}.notification-time{font-size:11px;color:var(--text-4);margin-top:4px}.settings-item{display:flex;align-items:center;gap:12px;padding:10px 16px;transition:background .1s;cursor:pointer;border-bottom:1px solid var(--border-light)}.settings-item:hover{background:var(--bg)}.settings-item:last-child{border-bottom:none}.settings-icon{width:20px;height:20px;stroke:var(--text-2);flex-shrink:0;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.settings-text{font-size:13px;color:var(--text-1);font-weight:500}.dropdown-footer{padding:8px 16px;border-top:1px solid var(--border-light);text-align:center}.dropdown-footer button{font-size:12px;color:var(--text-2);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .1s;font-family:inherit}.dropdown-footer button:hover{background:var(--bg)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9999;align-items:center;justify-content:center}.modal-overlay.show{display:flex!important}.mini-stats{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-bottom:12px}.mini-stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.mini-stat-label{font-size:11.5px;color:var(--text-3);font-weight:500;margin-bottom:6px}.mini-stat-val{font-size:22px;font-weight:700;color:var(--text-1);letter-spacing:-.5px;font-family:DM Mono,monospace}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid;margin-top:12px}.alert.amber{background:var(--amber-bg);border-color:#e8c87a;color:var(--amber)}.alert.red{background:var(--red-bg);border-color:#fcc;color:var(--red)}.alert svg{flex-shrink:0}.alert-text strong{display:block;font-size:13px;font-weight:600;margin-bottom:2px}.alert-text span{font-size:12.5px}.locked-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:60px 40px;text-align:center;color:var(--text-3)}.locked-section svg{margin:0 auto 12px;display:block}.locked-section p.locked-title{font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:6px}.locked-section p.locked-desc{font-size:13px}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:80px}.bar{flex:1 1;background:var(--border-light);border-radius:3px 3px 0 0;transition:background .1s;cursor:default;position:relative}.bar:hover{background:var(--text-1)}.bar.accent{background:var(--text-2)}.bar.primary,.bar:after{background:var(--text-1)}.bar:after{content:attr(data-value);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%) translateY(4px);color:#fff;padding:3px 6px;border-radius:6px;font-size:10.5px;font-weight:700;font-family:DM Mono,monospace;letter-spacing:0;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;box-shadow:0 6px 14px rgba(0,0,0,.12);z-index:5}.bar:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.bid-pips{display:flex;gap:3px}.pip{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:DM Mono,monospace;color:var(--text-4);background:var(--bg)}.pip.filled{background:var(--text-1);border-color:var(--text-1);color:#fff}.pip.flag{background:var(--red-bg);border-color:var(--red);color:var(--red)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}