*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg: #ffffff;--bg-surface: #f8f9fa;--bg-hover: #f1f3f5;--bg-danger: #fff5f5;--bg-warning: #fffbeb;--bg-success: #f0fdf4;--bg-info: #eff6ff;--text: #111827;--text-muted: #6b7280;--text-faint: #9ca3af;--text-danger: #dc2626;--text-warning:#b45309;--text-success:#16a34a;--text-info: #1d4ed8;--border: #e5e7eb;--border-md: #d1d5db;--border-info: #93c5fd;--border-danger:#fca5a5;--border-warning:#fcd34d;--border-success:#86efac;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}html{font-size:14px}body{font-family:var(--font-sans);background:var(--bg-surface);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--text-info);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}button{font-family:var(--font-sans);font-size:13px;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text);padding:5px 12px;transition:background .1s,border-color .1s;white-space:nowrap}button:hover{background:var(--bg-hover);border-color:var(--border-md)}button:active{transform:scale(.98)}button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}button.primary:hover{opacity:.85}button.danger{color:var(--text-danger);border-color:var(--border-danger)}button.danger:hover{background:var(--bg-danger)}button.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:var(--bg-hover)}input,select,textarea{font-family:var(--font-sans);font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 10px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--border-info);box-shadow:0 0 0 3px #93c5fd33}input::placeholder{color:var(--text-faint)}table{border-collapse:collapse;width:100%}th{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;background:var(--bg-surface);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left}td{font-size:12px;padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap}.badge-danger{background:var(--bg-danger);color:var(--text-danger)}.badge-warning{background:var(--bg-warning);color:var(--text-warning)}.badge-success{background:var(--bg-success);color:var(--text-success)}.badge-info{background:var(--bg-info);color:var(--text-info)}.badge-muted{background:var(--bg-hover);color:var(--text-muted)}.toast{position:fixed;bottom:20px;right:20px;padding:10px 16px;border-radius:var(--radius-md);font-size:12px;max-width:320px;box-shadow:var(--shadow-md);border:1px solid var(--border);background:var(--bg);z-index:9999;animation:slideUp .2s ease}.toast.success{border-color:var(--border-success);color:var(--text-success)}.toast.warning{border-color:var(--border-warning);color:var(--text-warning)}.toast.error{border-color:var(--border-danger);color:var(--text-danger)}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropzone{border:2px dashed var(--border-md);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .15s;background:var(--bg)}.dropzone:hover,.dropzone.over{border-color:var(--border-info);background:var(--bg-info)}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.25rem;gap:0}.tab-btn{font-size:13px;padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);cursor:pointer;transition:color .1s,border-color .1s}.tab-btn:hover{color:var(--text);background:transparent}.tab-btn.active{color:var(--text);border-bottom-color:var(--text);font-weight:500}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:1.25rem}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.stat-card .label{font-size:11px;color:var(--text-muted);margin-bottom:4px}.stat-card .value{font-size:20px;font-weight:600;color:var(--text)}.stat-card .unit{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:3px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--font-mono);font-size:11px}