:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #d9e2ef;--border-color-light: #e3ebf5;--text-primary: #1c2b3a;--text-secondary: #5f6b7a;--button-primary: #1f5eff;--button-text: #ffffff;--error-bg: #ffe7e7;--error-text: #8b2323;--error-border: #ffbaba}:root[data-theme=dark]{--bg-primary: #1e1e1e;--bg-secondary: #121212;--border-color: #3a3a3a;--border-color-light: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--button-primary: #4a7dff;--button-text: #ffffff;--error-bg: #3d1a1a;--error-text: #ff9999;--error-border: #5a2a2a}body{background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app{max-width:1180px;margin:0 auto;padding:24px}header h1{margin:0;font-size:30px}header p{margin:8px 0 18px;color:var(--text-secondary)}.segmented-control{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:4px;gap:4px}.segmented-control button{border:none;background:transparent;color:var(--text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.segmented-control button:hover{background:var(--border-color-light)}.segmented-control button.active{background:var(--button-primary);color:var(--button-text);box-shadow:0 1px 3px #0000001f}.theme-toggle-wrapper{display:flex;align-items:center;gap:12px}.theme-icon{font-size:20px;opacity:.7;transition:opacity .3s ease}.theme-toggle{position:relative;display:inline-block;width:52px;height:28px}.theme-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.theme-toggle input:checked+.slider{background-color:var(--button-primary)}.theme-toggle input:checked+.slider:before{transform:translate(24px)}.theme-toggle:hover .slider{opacity:.9}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:16px;margin-bottom:16px}.row{display:flex;gap:12px;align-items:end}.row.wrap{flex-wrap:wrap}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-primary)}label.grow{flex:1}input,select,button{padding:8px 10px;border-radius:8px;border:1px solid var(--border-color);font-size:14px;background:var(--bg-primary);color:var(--text-primary)}button{background:var(--button-primary);color:var(--button-text);border:none;cursor:pointer}button:disabled{opacity:.7;cursor:default}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.metric{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px}.metric span{color:var(--text-secondary);font-size:13px}.metric strong{font-size:20px;color:var(--text-primary)}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{border-bottom:1px solid var(--border-color-light);text-align:left;padding:8px 6px;font-size:14px}.list{list-style:none;padding:0;margin:12px 0 0}.list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color-light)}.list.compact li{padding:6px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:8px;padding:10px;margin-bottom:14px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}.row{flex-wrap:wrap}}