*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F4F3EF;--surface: #FFFFFF;--surface2: #F0EEE9;--border: rgba(0,0,0,.08);--text: #1A1A18;--muted: #6B6A66;--accent: #E63B2B;--accent-soft: #FDF0EF;--green: #1D9E75;--green-soft: #E1F5EE;--amber: #BA7517;--amber-soft: #FAEEDA;--blue: #185FA5;--blue-soft: #E6F1FB;--radius: 10px;--radius-lg: 14px}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5}.header{background:var(--surface);color:var(--text);border-bottom:.5px solid var(--border);padding:0 2rem;height:54px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:400}.logo-dot{width:22px;height:22px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-dot svg{width:12px;height:12px;fill:#fff}.header-meta{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.header-meta span{color:var(--text)}.source-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:7px 36px 7px 12px;cursor:pointer;outline:none;min-width:180px;transition:border-color .15s}.source-select:hover{border-color:#0003}.source-select:focus{border-color:var(--accent)}.app-shell{display:flex;min-height:calc(100vh - 54px)}.sidebar{width:200px;flex-shrink:0;background:var(--text);display:flex;flex-direction:column;padding:1.25rem 0;position:sticky;top:54px;height:calc(100vh - 54px);overflow-y:auto}.sidebar-section{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;padding:.75rem 1.25rem .4rem}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 1.25rem;font-size:13px;font-weight:400;color:#ffffff8c;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:DM Sans,sans-serif;border-left:2px solid transparent;transition:color .15s,background .15s}.nav-item:hover{color:#ffffffd9;background:#ffffff0d}.nav-item.active{color:#fff;border-left-color:var(--accent);background:#ffffff12}.nav-item svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0;opacity:.8}.main{flex:1;min-width:0}.page{padding:1.5rem 2rem}.section-title{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:1.5rem}.kpi-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.kpi-label{font-size:11px;color:var(--muted);margin-bottom:4px}.kpi-value{font-size:26px;font-weight:600;letter-spacing:-.5px;line-height:1.1}.kpi-sub{font-size:11px;color:var(--muted);margin-top:3px}.kpi-value.green{color:var(--green)}.kpi-value.red{color:var(--accent)}.kpi-value.amber{color:var(--amber)}.mid-grid{display:grid;grid-template-columns:280px 1fr 260px;gap:16px;margin-bottom:1.5rem}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--accent-soft);color:var(--accent)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-neutral{background:var(--surface2);color:var(--muted)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.pos-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:600}.pos-1{background:var(--green-soft);color:var(--green)}.pos-2{background:var(--amber-soft);color:var(--amber)}.pos-3{background:var(--accent-soft);color:var(--accent)}.table-wrap{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:.5px solid var(--border);gap:12px;flex-wrap:wrap}.table-title{font-size:13px;font-weight:500}table{width:100%;border-collapse:collapse;font-size:12.5px}thead tr{border-bottom:.5px solid var(--border)}th{text-align:left;padding:8px 1.25rem;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;cursor:pointer;background:var(--bg);-webkit-user-select:none;user-select:none}th:hover{color:var(--text)}td{padding:9px 1.25rem;border-bottom:.5px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface2)}.price-cell{font-family:DM Mono,monospace;font-size:12px}.mono{font-family:DM Mono,monospace}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:11px;padding:4px 10px;border-radius:99px;border:.5px solid var(--border);cursor:pointer;background:transparent;color:var(--muted);font-family:inherit;transition:all .15s}.pill.active{background:var(--text);color:#fff;border-color:var(--text)}.pill:hover:not(.active){background:var(--surface2)}.search-input{border:.5px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-family:DM Sans,sans-serif;font-size:12px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s;min-width:200px}.search-input:focus{border-color:var(--accent)}select.filter-select{border:.5px solid var(--border);border-radius:var(--radius);padding:6px 28px 6px 10px;font-family:DM Sans,sans-serif;font-size:12px;background:var(--surface);color:var(--text);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}select.filter-select:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;border:.5px solid var(--border);background:var(--surface);color:var(--text);transition:all .15s;white-space:nowrap}.btn:hover{background:var(--surface2)}.btn-primary{background:var(--text);color:#fff;border-color:var(--text)}.btn-primary:hover{background:#2d2d2a}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:#c9331f}.btn-green{background:var(--green);color:#fff;border-color:var(--green)}.btn-green:hover{background:#178a63}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:.5px solid var(--border);font-size:11px;color:var(--muted)}.page-btns{display:flex;gap:4px}.page-btn{width:26px;height:26px;border-radius:6px;border:.5px solid var(--border);background:transparent;font-family:inherit;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .15s}.page-btn:hover{background:var(--surface2)}.page-btn.active{background:var(--text);color:#fff;border-color:var(--text)}.pos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pos-item{text-align:center;padding:.6rem;border-radius:var(--radius)}.pos-item.p1{background:var(--green-soft)}.pos-item.p2{background:var(--amber-soft)}.pos-item.p3{background:var(--accent-soft)}.pos-item.p4{background:var(--surface2)}.pos-num{font-size:22px;font-weight:600}.pos-item.p1 .pos-num{color:var(--green)}.pos-item.p2 .pos-num{color:var(--amber)}.pos-item.p3 .pos-num{color:var(--accent)}.pos-item.p4 .pos-num{color:var(--muted)}.pos-lbl{font-size:10px;color:var(--muted);margin-top:2px}.brand-tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:4px;background:var(--surface2);color:var(--muted);font-family:DM Mono,monospace}.comp-chip{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--blue-soft);color:var(--blue);font-family:DM Mono,monospace}.donut-container{position:relative;width:130px;height:130px}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-center .big{font-size:22px;font-weight:600}.donut-center .small{font-size:10px;color:var(--muted)}.pg-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:.5px solid var(--border)}.pg-row:last-child{border-bottom:none}.pg-label{display:flex;align-items:center;gap:6px;font-size:12px}.pg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pg-pct{font-size:12px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.toast{position:fixed;bottom:24px;right:24px;padding:10px 18px;border-radius:8px;font-size:12px;z-index:9999;color:#fff;max-width:360px;animation:fadeIn .2s ease}.toast.success{background:var(--text)}.toast.error{background:var(--accent)}.toast.warning{background:var(--amber)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.strat-table{width:100%;border-collapse:collapse;font-size:12px}.strat-table th{background:var(--bg);padding:6px 10px;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:.5px solid var(--border)}.strat-table td{padding:8px 10px;border-bottom:.5px solid var(--border);vertical-align:middle}.strat-table tbody tr:last-child td{border-bottom:none}.strat-table tbody tr:hover{background:var(--surface2)}.pw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000}.pw-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:2rem;width:340px;text-align:center}.pw-card h2{font-size:16px;font-weight:600;margin-bottom:.5rem}.pw-card p{font-size:12px;color:var(--muted);margin-bottom:1.5rem}.pw-input{width:100%;border:.5px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-family:DM Mono,monospace;font-size:14px;letter-spacing:.1em;outline:none;margin-bottom:.75rem;transition:border-color .15s}.pw-input:focus{border-color:var(--accent)}.pw-error{font-size:11px;color:var(--accent);min-height:16px}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:shake .4s ease}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;gap:1rem}.loading-overlay p{font-size:12px;color:var(--muted)}