:root{--bg:#0d1117;--surface:#131920;--surface2:#1a2332;--border:#1e2d40;--accent:#00c9a7;--accent2:#4a9eff;--danger:#ff4d6a;--success:#00c9a7;--text:#e8edf5;--text-muted:#6b7a99;--text-dim:#3a4a60;--warning:#f59e0b;--sidebar-width:64px;--sidebar-hover:230px;--header-height:56px}[data-theme=light]{--bg:#f0f4f8;--surface:#ffffff;--surface2:#e8eef5;--border:#d0dae8;--accent:#00a88a;--accent2:#2d7dd2;--danger:#e63050;--success:#00a88a;--text:#0d1117;--text-muted:#4a5568;--text-dim:#a0aec0;--warning:#d97706}[data-theme=super]{--bg:#13131f;--surface:#1c1c2e;--surface2:#25253d;--border:#2e2e4a;--accent:#7c6ff7;--accent2:#06b6d4;--danger:#f43f5e;--success:#10b981;--text:#e2e8f0;--text-muted:#94a3b8;--text-dim:#3d3d6b;--warning:#f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background-color .2s,color .2s}svg{flex-shrink:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.app-layout{height:100vh}.app-layout,.app-main{display:flex;overflow:hidden}.app-main{flex:1 1;flex-direction:column}.app-body{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .25s;overflow:hidden;z-index:200;flex-shrink:0}.sidebar:hover{width:var(--sidebar-hover)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:1rem .85rem;border-bottom:1px solid var(--border);min-height:var(--header-height);overflow:hidden}.sidebar-logo-icon{color:var(--accent);width:32px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 6px currentColor)}.sidebar-logo-text{font-size:1rem;font-weight:700;color:var(--accent);opacity:0;transition:opacity .18s;white-space:nowrap}.sidebar:hover .sidebar-logo-text{opacity:1}.sidebar-nav{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .35rem;flex:1 1;overflow-y:auto}.snav-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem .65rem;border-radius:9px;border:none;background:transparent;color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:.84rem;cursor:pointer;transition:all .15s;white-space:nowrap;width:100%;text-decoration:none}.snav-btn:hover{color:var(--text);background:var(--surface2)}.snav-btn.active{color:var(--accent);background:rgba(0,201,167,.09);border-left:2px solid var(--accent);padding-left:calc(.65rem - 2px)}[data-theme=super] .snav-btn.active{background:rgba(124,111,247,.12);color:#7c6ff7;border-left-color:#7c6ff7}.snav-icon{width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.snav-label{opacity:0;transition:opacity .15s}.sidebar:hover .snav-label{opacity:1}.sidebar-bottom{padding:.4rem .35rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.1rem}header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.25rem;justify-content:space-between;height:var(--header-height);flex-shrink:0}.hdr-left,header{display:flex;align-items:center}.hdr-left{gap:.6rem}.hdr-left h1{font-size:1.05rem;font-weight:600}.hdr-right{display:flex;align-items:center;gap:.5rem}.stats-bar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.split{display:grid;grid-template-columns:340px 1fr;grid-gap:1.25rem;gap:1.25rem;height:calc(100vh - var(--header-height) - 2.5rem - 84px)}.list-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.list-panel,.lp-hdr{display:flex;flex-direction:column}.lp-hdr{padding:.75rem 1rem;border-bottom:1px solid var(--border);gap:.5rem}.lp-title{font-size:.88rem;font-weight:600;display:flex;align-items:center;justify-content:space-between}.lp-body{flex:1 1;overflow-y:auto}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.dp-hdr{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dp-body{flex:1 1;overflow-y:auto;padding:.85rem 1rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;margin-bottom:.9rem}.field-grid .full{grid-column:1/-1}.sec-title{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem;margin-top:.8rem;padding-bottom:.3rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.35rem}.mini-table{width:100%;border-collapse:collapse;font-size:.75rem}.mini-table th{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600;padding:.35rem .55rem;text-align:left}.mini-table td,.mini-table th{border-bottom:1px solid var(--border)}.mini-table td{padding:.4rem .55rem}.mini-table tr:last-child td{border-bottom:none}.mini-table tr:hover td{background:var(--surface2)}.filters-row{display:flex;gap:.25rem;flex-wrap:wrap}.ff{padding:.2rem .5rem;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.68rem;cursor:pointer;font-family:DM Sans,sans-serif;transition:all .15s}.ff.active,.ff:hover{border-color:var(--accent);color:var(--accent);background:rgba(0,201,167,.06)}.search-box{position:relative}.search-box input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:.45rem .7rem .45rem 2rem;color:var(--text);font-family:DM Sans,sans-serif;font-size:.8rem;outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--accent)}.search-box input::placeholder{color:var(--text-dim)}.search-ico{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--text-dim)}.right-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border)}.right-row:last-child{border-bottom:none}.rr-left{flex:1 1}.rr-name{font-size:.78rem;font-weight:500}.rr-desc{font-size:.64rem;color:var(--text-dim)}