*{box-sizing:border-box}:root{--bg:#0d121a;--panel:#151d28;--border:#2a3748;--text:#edf3fa;--muted:#98a8bb;--blue:#55a7ff;--blue2:#267bc5;--green:#56c596;--shadow:0 18px 45px #0004}html{color-scheme:dark}body{margin:0;background:linear-gradient(135deg,#0b1017,#111a25 55%,#0d141d);color:var(--text);font-family:Segoe UI,Arial,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}.masthead{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px clamp(18px,4vw,64px);border-bottom:1px solid var(--border);background:#080d14dd;position:sticky;top:0;z-index:20}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.16em;margin:0 0 7px}.masthead h1{margin:0;font-size:clamp(25px,4vw,40px)}.subtitle,.sync-box,.helper,.multi-head p,.toolbar p{color:var(--muted)}.subtitle{margin:8px 0 0}.sync-box{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:13px}.sync-box span:first-child{color:var(--green);font-weight:700}main{width:min(1500px,95%);margin:24px auto 50px}.panel{background:#151d28ef;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.search-row{display:grid;grid-template-columns:minmax(260px,1fr) 150px auto;gap:14px;align-items:end;padding:18px}.field,.search-wrap,.multi-wrap,.export-wrap{position:relative}label{display:block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#0d141e;color:var(--text);padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #55a7ff24}.btn{border:1px solid var(--border);border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:750}.primary{background:var(--blue2);color:#fff}.secondary{background:#1a2634;color:var(--text)}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:30;max-height:300px;overflow:auto;background:#111a25;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.multi-suggestions{top:calc(100% + 5px)}.suggestion{padding:11px 13px;border-bottom:1px solid #223043;cursor:pointer}.suggestion:hover,.suggestion.active{background:#203149}.suggestion strong{display:block;color:var(--blue)}.suggestion span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.multi-panel{margin-top:16px;padding:18px}.multi-head,.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.multi-head h2,.toolbar h2{margin:0 0 6px;font-size:18px}.multi-head p,.toolbar p{margin:0;font-size:13px}.actions{display:flex;gap:9px}.helper{min-height:18px;margin:8px 0 0;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stats article{background:#172231;border:1px solid var(--border);border-radius:14px;padding:17px}.stats span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase}.stats strong{display:block;margin-top:8px;font-size:27px}.toolbar{padding:18px;border-bottom:1px solid var(--border)}.export-menu{position:absolute;right:0;top:48px;width:280px;padding:14px;background:#101822;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:25}.export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.table-scroll{overflow:auto;max-height:66vh}table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0}th,td{padding:12px 13px;border-bottom:1px solid #243143;white-space:nowrap}th{position:sticky;top:0;background:#1a2634;color:#cae5ff;font-size:12px;text-transform:uppercase;z-index:5;cursor:pointer}th:first-child,td:first-child{position:sticky;left:0}th:first-child{z-index:7}td:first-child{background:#141e2a;z-index:3;font-family:Consolas,monospace;color:#b8dfff;font-weight:700}.numeric{text-align:right}.total{font-weight:800;color:#7bc3ff}.empty td{text-align:center;color:var(--muted);padding:36px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px}.pagination span{color:var(--muted);min-width:130px;text-align:center}footer{text-align:center;color:#6f8093;padding:0 16px 30px;font-size:13px}@media(max-width:800px){.masthead{position:static;align-items:flex-start;flex-direction:column}.sync-box{align-items:flex-start}.search-row{grid-template-columns:1fr}.multi-head,.toolbar{flex-direction:column}.actions{width:100%}.actions .btn{flex:1}.stats{grid-template-columns:repeat(2,1fr)}.export-wrap>.btn{width:100%}.export-menu{position:static;width:100%;margin-top:8px}main{width:96%;margin-top:12px}input,select,textarea{font-size:16px}}