*{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(56,189,248,.22),transparent 26rem),radial-gradient(circle at 85% 0%,rgba(99,102,241,.16),transparent 28rem),radial-gradient(circle at bottom right,rgba(14,165,233,.12),transparent 30rem),#0f172a;color:#e5e7eb}button,input,select{font:inherit}button{border:0;border-radius:14px;padding:.78rem 1rem;background:linear-gradient(135deg,#38bdf8,#7dd3fc);color:#082f49;font-weight:800;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #38bdf81f}button.secondary{background:#1e293bdb;color:#e2e8f0;border:1px solid #334155}button.danger,.danger{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff7ed}button.tiny{padding:.42rem .62rem;border-radius:10px;font-size:.82rem}button:disabled{opacity:.6;cursor:wait}input,select{width:100%;border-radius:14px;border:1px solid #334155;background:#020617eb;color:#e5e7eb;padding:.8rem;outline:none}input:focus,select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}label{display:grid;gap:.4rem;color:#cbd5e1}h1,h2{margin:0;letter-spacing:-.04em}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{min-width:0;background:linear-gradient(180deg,#0f172af0,#0f172ad6);border:1px solid rgba(148,163,184,.22);border-radius:26px;box-shadow:0 24px 80px #00000059;padding:1.25rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-card{width:min(460px,100%)}.login-logo,.brand-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 14px 40px #38bdf838;margin-bottom:1rem}.login-card form{display:grid;gap:1rem;margin-top:1.5rem}.eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#38bdf8;font-weight:900}.muted{color:#94a3b8;line-height:1.55}.error{color:#fecaca;background:#7f1d1de6;border:1px solid #ef4444;padding:.75rem;border-radius:14px}.success{color:#bbf7d0;background:#14532de6;border:1px solid #22c55e;padding:.75rem;border-radius:14px}.app-shell{width:min(1540px,100%);min-height:100vh;margin:0 auto;padding:1rem;display:grid;grid-template-columns:290px minmax(0,1fr);gap:1rem}.app-shell.sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)}.sidebar{position:sticky;top:1rem;height:calc(100vh - 2rem);display:flex;flex-direction:column;gap:1.25rem}.brand-block{display:flex;align-items:center;gap:.8rem;padding:.35rem}.brand-block .brand-icon{margin:0;width:42px;height:42px;flex:0 0 auto}.collapse-toggle{position:absolute;right:.75rem;top:.75rem;width:34px;height:34px;padding:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .side-nav strong,.sidebar-collapsed .account-box span,.sidebar-collapsed .account-box strong{display:none}.sidebar-collapsed .sidebar{align-items:center}.sidebar-collapsed .side-nav button{justify-content:center;padding-inline:.55rem}.sidebar-collapsed .account-box{padding:.65rem}.side-nav{display:grid;gap:.55rem}.side-nav button{display:flex;align-items:center;gap:.75rem;text-align:left;background:transparent;color:#cbd5e1;border:1px solid transparent;box-shadow:none}.side-nav button span{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#0f172af2;color:#7dd3fc}.side-nav button:hover,.side-nav button.active{background:linear-gradient(135deg,#0ea5e933,#6366f11f);color:#e0f2fe;border-color:#38bdf86b}.side-nav button.active span{background:#38bdf8;color:#082f49}.account-box{margin-top:auto;display:grid;gap:.55rem;padding:1rem;border:1px solid rgba(148,163,184,.22);border-radius:20px;background:#020617b8}.account-box span{overflow-wrap:anywhere;color:#cbd5e1}.account-box strong{width:fit-content;border-radius:999px;padding:.25rem .6rem;color:#082f49;background:#7dd3fc}.content-shell{min-width:0;display:grid;align-content:start;gap:1rem}.topbar{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(240px,.65fr) auto;align-items:center;gap:1rem}.hamburger{display:none;width:44px;height:44px;padding:0;font-size:1.25rem}.title-block{min-width:0}.search-box{display:flex;align-items:center;gap:.5rem;border:1px solid #334155;background:#020617d1;border-radius:999px;padding:.25rem .7rem}.search-box span{color:#7dd3fc}.search-box input{border:0;background:transparent;padding:.55rem .25rem;box-shadow:none}.stat-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.stat-row div{min-width:96px;display:grid;gap:.1rem;padding:.72rem .85rem;border-radius:18px;background:#020617d1;border:1px solid #1e293b}.stat-row strong{color:#e0f2fe;font-size:1.02rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.stat-row span{color:#94a3b8;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.hero{display:flex;justify-content:space-between;align-items:center;gap:1rem;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto -6rem -9rem auto;width:18rem;height:18rem;border-radius:50%;background:#38bdf81f;pointer-events:none}.hero h2{font-size:clamp(1.7rem,3vw,2.8rem);max-width:820px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:1}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quick-card{min-height:118px;display:grid;align-content:center;gap:.35rem;text-align:left;background:linear-gradient(160deg,#020617f0,#1e293bdb);color:#e5e7eb;border:1px solid rgba(148,163,184,.22)}.quick-card span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#38bdf829;color:#7dd3fc}.quick-card em{color:#94a3b8;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,.33fr) minmax(0,1fr);gap:1rem;align-items:start}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.table-cards{display:grid;gap:.75rem}.table-cards button{grid-template-columns:auto minmax(0,1fr);display:grid;gap:.15rem .65rem;text-align:left;align-items:center;background:#020617d1;color:#e5e7eb;border:1px solid #1e293b;box-shadow:none}.table-cards button.active{background:linear-gradient(135deg,#075985e6,#0f172ae6);border-color:#38bdf8}.table-icon{grid-row:span 2;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#38bdf824;color:#7dd3fc}.table-cards em,.mini-stats{color:#94a3b8;font-size:.9rem;font-style:normal}.mini-stats{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.mini-stats span{padding:.4rem .65rem;background:#020617d1;border:1px solid #1e293b;border-radius:999px}.user-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.import-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,2fr) auto;gap:.75rem;align-items:end}.user-list{margin-top:1rem;display:grid;gap:.5rem}.user-list div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:.85rem;border-radius:14px;background:#020617d1;border:1px solid #1e293b}.user-list span{color:#cbd5e1}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tabs button{background:#1e293b;color:#e2e8f0;border:1px solid #334155;box-shadow:none}.tabs button.active{background:#38bdf8;color:#082f49}.table-wrap{width:100%;max-width:100%;overflow:auto;max-height:68vh;border:1px solid #334155;border-radius:18px;background:#020617d1}.wide-table-shell{width:100%;min-width:0;overflow:hidden;border-radius:18px}table{width:max-content;border-collapse:collapse;min-width:100%;table-layout:fixed}th,td{min-width:170px;max-width:300px;padding:.82rem;border-bottom:1px solid #1e293b;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-col{position:sticky;left:0;z-index:2;min-width:92px;max-width:92px;background:#0f172a}th{position:sticky;top:0;background:#111827;color:#bae6fd;z-index:1}.action-col:first-child{z-index:3}tr:hover td{background:#0f172ae6}.section-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.column-controls{margin:0 0 1rem;border:1px solid #334155;border-radius:18px;background:#02061773;padding:.85rem}.column-controls summary{cursor:pointer;font-weight:800;color:#e0f2fe}.field-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;margin-top:1rem}.field-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center;padding:.55rem;border-radius:12px;background:#0f172ab8;border:1px solid #1e293b}.field-control label,.pill-check{display:flex;align-items:center;gap:.55rem}.field-control input[type=checkbox],.pill-check input[type=checkbox]{width:1.25rem;height:1.25rem;flex:0 0 auto;accent-color:#38bdf8;cursor:pointer;filter:drop-shadow(0 0 7px rgba(56,189,248,.3))}.field-control:has(input[type=checkbox]:checked),.pill-check:has(input[type=checkbox]:checked){border-color:#38bdf8;background:#0ea5e92e;color:#e0f2fe}.pill-check{margin:.35rem .35rem 0 0;display:inline-flex;padding:.55rem .75rem;border-radius:999px;border:1px solid #475569;background:#0f172ae0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(860px,100%);max-height:min(86vh,900px);overflow:auto}.dynamic-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.import-preview-modal{width:min(1180px,100%)}.import-field-grid{display:grid;gap:.55rem;overflow:auto;max-height:58vh;padding-right:.25rem}.import-field-row{display:grid;grid-template-columns:76px minmax(160px,1fr) 130px 90px minmax(160px,1fr) 90px;gap:.6rem;align-items:center;padding:.55rem;border:1px solid #1e293b;border-radius:12px;background:#0f172ab8}.import-field-row.header{color:#94a3b8;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;background:#020617d1}.import-field-row small{color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.centered{justify-content:center}.dynamic-form strong{color:#fca5a5}.dynamic-form em{color:#94a3b8;font-style:normal;font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.danger-text{color:#fca5a5}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-card{display:grid;gap:1rem}.settings-list{display:grid;gap:.75rem;margin:0}.settings-list div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem;border-radius:14px;background:#020617d1;border:1px solid #1e293b}.settings-list dt{color:#94a3b8}.settings-list dd{margin:0;color:#e5e7eb;font-weight:700;overflow-wrap:anywhere;text-align:right}.api-key-card{grid-column:1 / -1}.api-key-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin:1rem 0}.secret-box{display:grid;gap:.45rem;padding:.85rem;border:1px solid #22c55e;border-radius:14px;background:#22c55e1f;margin-bottom:1rem}.secret-box code{display:block;overflow-wrap:anywhere;color:#dcfce7}.api-key-list{display:grid;gap:.65rem}.api-key-list>div{display:grid;grid-template-columns:minmax(0,1.5fr) auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #1e293b;border-radius:14px;background:#0f172ab8}.api-key-list span{color:#94a3b8;font-size:.85rem}.api-key-list strong{display:block}.empty-state{min-height:170px;display:grid;place-items:center;align-content:center;gap:.7rem;text-align:center;color:#94a3b8;border:1px dashed #334155;border-radius:18px;background:#02061759;padding:1rem}.empty-state span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#38bdf81f;color:#7dd3fc;font-size:1.35rem}.scrim{display:none}@media(max-width:1150px){.topbar{grid-template-columns:auto minmax(180px,1fr)}.search-box,.stat-row{grid-column:1 / -1}.quick-grid{grid-template-columns:1fr}}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.hamburger{display:grid;place-items:center}.sidebar{position:fixed;z-index:30;left:1rem;top:1rem;bottom:1rem;width:min(320px,calc(100vw - 2rem));height:auto;transform:translate(calc(-100% - 2rem));transition:transform .18s ease}.nav-open .sidebar{transform:translate(0)}.scrim{display:block;position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;border-radius:0;background:#0206179e;padding:0}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:800px){.app-shell{padding:.7rem}.topbar,.section-title{align-items:stretch}.stat-row{justify-content:stretch}.stat-row div{flex:1}.user-form,.import-form{grid-template-columns:1fr}.import-field-row{min-width:860px}.user-list div{grid-template-columns:1fr}.hero-actions{width:100%}.hero-actions button{flex:1}}