.login-view{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 70% 20%,#0d526a,transparent 32%)}.login-view[hidden],#dashboard[hidden]{display:none}.login-card{width:min(420px,100%);padding:34px;border:1px solid #2b6075;border-radius:22px;background:#082f4b;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-card img{width:145px;height:56px;object-fit:contain}.login-card h1,.admin-hero h1,.admin-head h2,.add-panel h2{font-family:Neuzeit}.login-card h1{font-size:38px;margin:8px 0}.login-card>p:not(.eyebrow){font-size:11px;color:#91afb8;margin-bottom:25px}.login-card label{margin-bottom:14px}.login-card button{width:100%;min-height:48px;border:0;border-radius:99px;font:inherit;font-weight:600}.login-card small{display:block;min-height:18px;color:#ff9e96;text-align:center;margin-top:10px}.logout{margin-left:auto;border:1px solid #38697b;border-radius:99px;background:transparent;color:#c6dcdf;padding:8px 12px;font:inherit;font-size:9px;cursor:pointer}.admin-shell{position:relative;z-index:1;width:min(1160px,calc(100% - 34px));margin:0 auto 70px}.admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:65px 0 35px}.admin-hero h1{font-size:clamp(42px,6vw,68px);margin:8px 0}.admin-hero>div>p:last-child{color:#9eb9c1}.metric{min-width:220px;padding:20px;border:1px solid #2d6074;border-radius:18px;background:#08344f}.metric span,.metric small{display:block;font-size:9px;color:#8daab4;text-transform:uppercase;letter-spacing:.1em}.metric strong{display:block;font-family:Neuzeit;font-size:45px;color:#5de0da}.admin-tabs{display:flex;gap:7px;margin-bottom:16px}.admin-tabs button{min-height:42px;padding:8px 17px;border:1px solid #2e5e74;border-radius:99px;background:#082f4b;color:#88a7b1;font:inherit;font-size:10px;cursor:pointer}.admin-tabs button.active{background:#08afaa;color:white;border-color:#08afaa}.admin-layout{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.admin-panel,.add-panel{background:#082f4b;border:1px solid #28556e;border-radius:20px;padding:24px}.admin-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28556e;padding-bottom:18px;margin-bottom:14px}.admin-head h2{margin:0}.admin-head p{font-size:10px;color:#8fabb5}.admin-head .primary{border:0;border-radius:99px;padding:10px 14px;font:inherit;font-size:9px}.add-panel{position:sticky;top:100px}.add-panel form,#dynamicFields{display:flex;flex-direction:column;gap:14px}.add-panel textarea{min-height:82px}.admin-switch{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.admin-switch input{position:absolute;opacity:0}.admin-switch i{position:relative;width:42px;height:24px;border-radius:99px;background:#385e71}.admin-switch i:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.admin-switch:has(input:checked) i{background:#08afaa}.admin-switch:has(input:checked) i:after{transform:translateX(18px)}.add-panel .primary{border:0;min-height:48px;border-radius:99px;font:inherit;font-weight:600}.admin-note{margin-top:20px;padding:14px;border-radius:12px;background:#07334c;border:1px solid #285a6f}.admin-note b{font-size:10px;color:#5edbd6}.admin-note p{font-size:8px;color:#8daab4}.item-list{display:flex;flex-direction:column}.catalog-row{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #214e66}.swatch,.type-mark{width:42px;height:42px;border-radius:11px;background:var(--c,#0b4a5c);display:grid;place-items:center;font-style:normal;font-size:10px;color:#81deda;border:1px solid rgba(255,255,255,.15)}.catalog-row .name-edit,.catalog-row .desc-edit{min-height:32px;padding:4px 7px;border:0;background:transparent}.catalog-row .name-edit{font-weight:600}.catalog-row .desc-edit{font-size:9px;color:#85a5af;resize:none}.row-meta{display:flex;align-items:center;gap:7px}.row-meta>span{font-size:10px;color:#61ddd7}.hex-edit{width:86px;min-height:36px;padding:5px}.number-edit{width:58px;min-height:36px;padding:5px}.status,.remove{border:0;border-radius:9px;min-height:34px;padding:6px 9px;font:inherit;font-size:8px;cursor:pointer}.status{background:#193f56;color:#9ab4bc}.status.active{background:#0b584f;color:#79e2d3}.remove{width:34px;background:#502f3a;color:#ffb2b2;font-size:17px}.color-input{display:grid;grid-template-columns:1fr 48px;gap:8px}.empty{color:#89a7b0;font-size:11px}@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.add-panel{position:static;order:-1}}@media(max-width:720px){.admin-hero{align-items:flex-start;flex-direction:column}.metric{width:100%}.admin-tabs{overflow:auto}.catalog-row{grid-template-columns:38px 1fr}.row-meta{grid-column:2;flex-wrap:wrap}}

.logout+.logout{margin-left:0}.temp-banner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 18px;background:#5a4513;color:#ffe3a3;font-size:11px}.temp-banner[hidden]{display:none}.temp-banner button{border:0;border-radius:99px;background:#ffcf66;color:#3a2a05;padding:6px 12px;font:inherit;font-size:10px;font-weight:600;cursor:pointer}.password-dialog{padding:0;border:0;background:transparent;max-width:calc(100% - 32px)}.password-dialog::backdrop{background:rgba(0,15,28,.7)}.password-dialog .login-card label{display:flex}.password-dialog .login-card button+button{margin-top:10px}
