@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#e9f0f4;font-synthesis:none;--ink:#e9f0f4;--muted:#8496a3;--panel:#10222d;--panel-2:#132a36;--line:#29404d;--accent:#49d7b1;--accent-dark:#062f2a;--danger:#ff746f;--amber:#f5b95c;background:#09141c;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#12303b 0,#0000 34%),#09141c;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline-offset:2px;outline:3px solid #66e7c5}h1,h2,p{margin-top:0}h1,h2,.brand{font-family:Manrope,sans-serif}h1{letter-spacing:-.05em;margin-bottom:.7rem;font-size:clamp(2rem,4vw,3.25rem)}h2{letter-spacing:-.035em;margin-bottom:.5rem}.eyebrow{color:var(--accent);letter-spacing:.16em;margin-bottom:.7rem;font-size:.73rem;font-weight:700}.subtle,.hero p,.upload-copy p{color:var(--muted)}.login-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:#10222deb;border-radius:24px;width:min(440px,100%);padding:2.5rem;box-shadow:0 28px 80px #00000059}.login-card form{text-align:left}.login-card h1{white-space:nowrap;font-size:clamp(2rem,7vw,2.45rem)}.brand-mark{background:linear-gradient(145deg,#133b41,#0c242d);border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:1.8rem;display:grid;overflow:hidden;box-shadow:0 10px 30px #49d7b12e}.brand-mark img{object-fit:contain;width:82%;height:82%}.brand-mark.small{border-radius:12px;width:42px;height:42px;margin:0}.brand-mark.login-logo{border-radius:28px;width:104px;height:104px;margin:0 auto 1.5rem}.login-card label{color:#b9c6ce;gap:.5rem;margin-top:1rem;font-size:.86rem;font-weight:600;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#0a1922;border-radius:10px;padding:.85rem 1rem}.primary,.secondary,.ghost,.link,.back,.alert button,.danger-button{cursor:pointer;border:0;border-radius:10px;font-weight:700}.primary{background:var(--accent);color:#071a19;padding:.85rem 1.2rem}.primary:hover{background:#67e6c4}.primary:disabled{opacity:.55;cursor:wait}.primary.full{width:100%;margin-top:1.5rem}.secondary{color:var(--ink);background:var(--panel-2);border:1px solid var(--line);padding:.7rem 1rem;text-decoration:none;display:inline-flex}.ghost{color:#aebbc4;border:1px solid var(--line);background:0 0;padding:.55rem .8rem}.ghost:hover{color:var(--ink);background:#ffffff0d;border-color:#5e808b}.ghost:active,.refresh-button:active{transform:scale(.97)}.ghost:disabled,.danger-button:disabled{cursor:wait;opacity:.6}.refresh-button{align-items:center;gap:.45rem;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.refresh-button:not(:disabled):hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #49d7b11a}.refresh-button:not(:disabled):hover:first-letter{transform:rotate(22deg)}.danger-button{color:#ffd4d1;background:#5b292d;border:1px solid #914047;padding:.7rem 1rem}.danger-button:hover{background:#733137;border-color:#c2575f}.compact-button{padding:.55rem .75rem;font-size:.8rem}.link,.back{color:var(--accent);background:0 0;padding:.4rem}.error{color:#ff9893;margin:1rem 0 0;font-size:.88rem}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#09141cdb;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1.2rem,5vw,4.5rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand>strong{white-space:nowrap;letter-spacing:-.025em}.account{color:var(--muted);align-items:center;gap:.8rem;font-size:.83rem;display:flex}.account-menu{position:relative}.account-trigger{color:#d9e4e9;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.7rem;padding:.4rem .8rem;font-weight:700;display:inline-flex}.account-trigger:hover{color:var(--accent);background:#49d7b112}.account-trigger.is-admin{color:#eafff8;background:#29726333;border-color:#285b54}.account-trigger.is-admin:hover{background:#49d7b124;border-color:#4acba8}.account-name{white-space:nowrap;align-items:center;min-height:1.15rem;line-height:1.15rem;display:inline-flex}.admin-badge{color:#65e8c7;letter-spacing:.09em;text-transform:uppercase;border-left:1px solid #65e8c76b;align-items:center;min-height:1.15rem;padding-left:.7rem;font-size:.61rem;line-height:1;display:inline-flex}.account-chevron{box-sizing:border-box;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:10px;height:10px;margin-left:.1rem;transform:rotate(45deg)translateY(-2px)}.account-dropdown{z-index:10;background:#10222d;border:1px solid #355260;border-radius:12px;width:190px;padding:.6rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;box-shadow:0 18px 45px #0000005c}.account-dropdown strong{color:#edf6f8;padding:.25rem .45rem 0;font-size:.84rem}.account-dropdown small{color:var(--accent);text-transform:capitalize;border-bottom:1px solid var(--line);padding:0 .45rem .55rem;font-size:.72rem}.account-dropdown button{color:#b7c8d0;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:7px;padding:.62rem .45rem;font-size:.82rem}.account-dropdown button:hover{color:#f1f9fa;background:#49d7b11a}.app-shell main{width:min(1480px,100% - 2.5rem);margin:0 auto;padding:3rem 0 5rem}.hero{grid-template-columns:minmax(280px,1fr) minmax(520px,1.3fr);align-items:end;gap:3rem;padding-bottom:2.6rem;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.stats-grid.compact{grid-template-columns:repeat(6,1fr);margin:1.5rem 0}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem}.stat span{color:var(--muted);margin-bottom:.4rem;font-size:.76rem;display:block}.stat strong{font:700 1.45rem Manrope}.upload-panel{background:linear-gradient(125deg,#13343d 0%,#10222d 68%);border:1px solid #31505a;border-radius:22px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:2rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid;box-shadow:0 18px 60px #0000002e}.dropzone{cursor:pointer;text-align:center;background:#07141b73;border:1px dashed #52717b;border-radius:16px;align-content:center;place-items:center;gap:.4rem;min-height:178px;padding:1.5rem;transition:all .18s;display:grid}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:#49d7b114;transform:translateY(-1px)}.dropzone input{display:none}.dropzone small{color:var(--muted)}.upload-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-dark);border-radius:50%;place-items:center;margin-bottom:.35rem;font-weight:800;display:grid}.validation-card{border:1px solid var(--line);background:#0c1d26;border-radius:12px;grid-column:1/-1;align-items:center;gap:1rem;padding:1rem;display:flex}.validation-card>div:first-child{margin-right:auto;display:grid}.validation-card span{color:var(--muted);font-size:.8rem}.validation-counts{gap:.6rem;display:flex}.validation-counts b{color:var(--accent);background:var(--accent-dark);border-radius:6px;padding:.35rem .55rem;font-size:.76rem}.validation-counts b.warn{color:var(--amber);background:#382b18}.history,.detail-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin-top:2.5rem;overflow:hidden}.detail-panel{padding:1.7rem}.section-heading,.detail-heading{justify-content:space-between;align-items:center;padding:1.5rem 1.7rem;display:flex}.history-actions{align-items:center;gap:.65rem;display:flex}.detail-heading{padding:.8rem 0 0}.section-heading h2,.detail-heading h2{margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th{color:#8fa0aa;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#0d1d26;font-size:.72rem;font-weight:600}th,td{border-top:1px solid var(--line);vertical-align:middle;padding:1rem 1.15rem}td strong,td small{display:block}td small{color:var(--muted);margin-top:.25rem}.issue{min-width:240px;max-width:360px;color:var(--muted);line-height:1.35}.time{color:#b9c8d1;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.81rem}tbody tr:hover{background:#ffffff06}.status{text-transform:capitalize;white-space:nowrap;border-radius:20px;padding:.32rem .58rem;font-size:.71rem;font-weight:700;display:inline-flex}.status.success{color:#78e9c8;background:#12352f}.status.live{color:#8dd7ff;background:#173449}.status.danger{color:#ff9893;background:#3b2225}.status.neutral{color:#b6c1c8;background:#283945}.progress{background:#263944;border-radius:10px;width:150px;height:5px;overflow:hidden}.progress span{background:var(--accent);border-radius:inherit;height:100%;display:block}.empty{text-align:center;color:var(--muted);padding:3rem}.download-row{gap:.7rem;margin:1rem 0 1.5rem;display:flex}.small-copy{margin:.55rem 0 0;font-size:.84rem}.back{margin-bottom:1rem}.alert{background:#392621;border:1px solid #6f4136;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.2rem;display:flex}.alert div{display:grid}.alert span{color:#d3a99f;font-size:.82rem}.alert button{color:#27120f;background:#ff9687;padding:.65rem .9rem}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.admin-grid{grid-template-columns:minmax(300px,.85fr) minmax(260px,1.15fr);gap:1.2rem;margin:1.5rem 0;display:grid}.user-form,.admin-note{border:1px solid var(--line);background:#0d1d26;border-radius:14px;padding:1.25rem}.user-form{gap:.85rem;display:grid}.user-form h3{margin:0;font-family:Manrope}.user-form label{color:#b9c6ce;gap:.42rem;font-size:.82rem;font-weight:600;display:grid}.user-form .check{align-items:center;gap:.6rem;font-weight:500;display:flex}.user-form .check input{width:1rem;height:1rem}.admin-note{align-content:start;align-self:start;gap:.35rem;display:grid}.admin-note p:last-child{color:var(--muted);max-width:50rem;margin-bottom:0;line-height:1.7}.inline-editor-row td{background:#0b1b24;padding:0 1.15rem 1.15rem}.inline-editor-row .user-form{border-color:#3c7267;max-width:680px;margin-top:1rem;box-shadow:0 10px 28px #0000002e}.inline-key-row td{background:#0b1b24;padding:0 1.15rem 1.15rem}.inline-key-manager{background:#0d1d26;border:1px solid #315b61;border-radius:14px;margin-top:1rem;padding:1.15rem;box-shadow:0 10px 28px #0000002e}.inline-key-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.inline-key-heading h3{margin:0;font-family:Manrope}.copy-button{color:#ced8dd;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;width:38px;height:34px;font-size:1.65rem;line-height:1}.copy-button:hover{color:#fff;background:#49d7b126}.copy-button:disabled{cursor:not-allowed;opacity:.35}.form-actions,.row-actions,.key-actions{align-items:center;gap:.5rem;display:flex}.row-actions{white-space:nowrap}.danger-link{color:#ff9893}.danger-link:hover{color:#ffb2ad}.key-actions{flex-wrap:wrap;justify-content:flex-end}.my-keys-page{max-width:920px;margin-left:auto;margin-right:auto}.my-keys-page .detail-heading{padding-bottom:1.2rem}.api-key-cards{clear:both;gap:.85rem;display:grid}.api-key-card{background:#0d2029;border:1px solid #31505d;border-radius:14px;grid-template-columns:minmax(160px,.85fr) minmax(270px,1.35fr) minmax(150px,.65fr);align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid;box-shadow:inset 0 1px #ffffff05}.api-key-card>div:first-child{gap:.25rem;display:grid}.key-card-title strong{color:#ebf4f6}.api-key-card small{color:var(--muted);font-size:.75rem}.masked-key{background:#091820;border:1px solid #345461;border-radius:10px;align-items:center;gap:.3rem;min-width:0;padding:.38rem .4rem .38rem .8rem;display:flex}.masked-key code{color:#d9e7eb;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.08em;flex:1;min-width:0;font-size:.86rem;overflow:hidden}.masked-key .copy-button{color:#9eb6be}.masked-key .copy-button:hover{color:#eafff8;background:#49d7b124}.copy-status{line-height:1.35}.admin-key-row{align-items:center;gap:.65rem;display:flex}.admin-key-row .api-key-card{flex:1}.filter-bar{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1.2fr 1.2fr auto;gap:.7rem;padding:1.35rem 1.7rem 1.5rem;display:grid}.filter-bar label{color:#9cadb8;letter-spacing:.04em;text-transform:uppercase;gap:.35rem;font-size:.72rem;font-weight:700;display:grid}.filter-bar input,.filter-bar select{padding:.58rem .65rem;font-size:.82rem}.range-filter>span{align-items:center;gap:.3rem;display:flex}.range-filter input{min-width:0;padding-left:.55rem;padding-right:.3rem}.range-filter b{color:var(--muted);font-weight:500}.filter-reset{align-self:end;padding:.6rem .75rem}.history-error{padding:0 1.7rem 1rem}@media (width<=980px){.hero,.upload-panel,.admin-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:repeat(3,minmax(150px,1fr))}.api-key-card{grid-template-columns:1fr;gap:.65rem}.stats-grid,.stats-grid.compact{grid-template-columns:repeat(2,1fr)}.account>span,.account>b{display:none}}@media (width<=620px){.app-shell main{width:min(100% - 1.2rem,1480px);padding-top:2rem}header{padding:0 .8rem}.validation-card{flex-direction:column;align-items:stretch}.validation-counts{flex-wrap:wrap}.section-heading{align-items:flex-start;gap:1rem}.history-actions{flex-wrap:wrap;justify-content:flex-end}.stats-grid{grid-template-columns:1fr 1fr}.hero{gap:1.5rem}.filter-bar{grid-template-columns:1fr;padding:1rem}.inline-key-heading{flex-direction:column;align-items:flex-start}.key-actions{justify-content:flex-start}.admin-key-row{flex-direction:column;align-items:stretch}}