@keyframes spin{to{transform:rotate(360deg)}}:root{--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #f5f5f7;--surface: #ffffff;--text: #1d1d1f;--text-secondary: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--danger: #ff3b30;--success: #34c759;--border: #d2d2d7;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .1);--nav-active-bg: #e8f0fe;--hover-bg: #f0f0f2;--ghost-hover-bg: #ececee;--scrollbar-thumb: #c7c7cc;--track-bg: #e8e8ed;--header-bg: rgba(255, 255, 255, .8);--warning-bg: #fff8ee;--warning-border: #f3ddb0;--pill-bg: #f0f0f2}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #000000;--surface: #1c1c1e;--text: #f5f5f7;--text-secondary: #98989d;--accent: #0a84ff;--accent-hover: #3396ff;--danger: #ff453a;--success: #32d74b;--border: #38383a;--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .5);--nav-active-bg: #0a2540;--hover-bg: #2c2c2e;--ghost-hover-bg: #2c2c2e;--scrollbar-thumb: #48484a;--track-bg: #38383a;--header-bg: rgba(28, 28, 30, .8);--warning-bg: #3a2f1a;--warning-border: #5c4a24;--pill-bg: #2c2c2e}}:root[data-theme=dark]{--bg: #000000;--surface: #1c1c1e;--text: #f5f5f7;--text-secondary: #98989d;--accent: #0a84ff;--accent-hover: #3396ff;--danger: #ff453a;--success: #32d74b;--border: #38383a;--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .5);--nav-active-bg: #0a2540;--hover-bg: #2c2c2e;--ghost-hover-bg: #2c2c2e;--scrollbar-thumb: #48484a;--track-bg: #38383a;--header-bg: rgba(28, 28, 30, .8);--warning-bg: #3a2f1a;--warning-border: #5c4a24;--pill-bg: #2c2c2e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:15px}button{cursor:pointer;border:1px solid transparent;border-radius:980px;padding:10px 20px;background:var(--accent);color:#fff;font-weight:600;transition:background .15s ease,transform .1s ease}button:hover{background:var(--accent-hover)}button:active{transform:scale(.98)}button.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--border)}button.secondary:hover{background:var(--hover-bg)}button.ghost{background:transparent;color:var(--text-secondary);padding:6px 10px}button.ghost:hover{background:var(--ghost-hover-bg);color:var(--text)}button.danger{background:var(--danger)}button.link{background:transparent;color:var(--accent);padding:4px 0;border-radius:0;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:2px}button.link:hover{color:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}input,select,textarea{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}@media (forced-colors: active){input:focus,select:focus,button:focus-visible{outline:2px solid}}.password-field{position:relative}.password-field input{width:100%;padding-right:40px}.password-field .password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px 8px;border-radius:var(--radius-sm);line-height:1}.password-field .password-toggle:hover{background:var(--ghost-hover-bg)}.password-field .password-toggle:active{transform:translateY(-50%) scale(.95)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.card.clickable{cursor:pointer;transition:box-shadow .15s ease,transform .1s ease}.card.clickable:hover{box-shadow:var(--shadow-hover)}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 16px}.app-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-nav::-webkit-scrollbar{display:none}.app-nav a{flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:20px;min-width:0;flex:1 1 auto}.app-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:980px;background:var(--pill-bg);color:var(--text-secondary);font-size:12px;font-weight:600}a.pill{text-decoration:none;cursor:pointer;transition:background .15s ease}a.pill:hover{background:var(--hover-bg);color:var(--text)}.app-nav{mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.facet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:start}.facet-grid>label{min-width:0}.facet-grid input,.facet-grid select,.facet-grid .combobox{width:100%;min-width:0;box-sizing:border-box}.combobox,.combobox-input-row{position:relative}.combobox-input-row input{padding-right:32px}.combobox-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px;line-height:1}.combobox-clear:hover{background:var(--ghost-hover-bg);color:var(--text)}.combobox-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-hover);padding:4px}.combobox-option{display:block;width:100%;text-align:left;background:transparent;color:var(--text);font-weight:400;border-radius:var(--radius-sm);padding:8px 10px}.combobox-option:hover{background:var(--hover-bg)}.combobox-empty{padding:8px 10px;color:var(--text-secondary);font-size:13px}.field-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table th,table.data-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}table.data-table th{color:var(--text-secondary);font-weight:600;white-space:nowrap}@media (max-width: 700px){main{padding:16px!important}.app-header-left{gap:12px}.app-header-actions span{display:none}.field-grid-2{grid-template-columns:1fr}}
