:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#111317;color:#fddbd7;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body{width:100%;max-width:100vw;min-height:100%;margin:0;overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}#root{width:100%;max-width:100vw;min-height:100%;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at top,rgba(212,175,55,.12),transparent 28%),radial-gradient(circle at 20% 20%,rgba(230,30,42,.14),transparent 24%),linear-gradient(180deg,#0d0f14,#120908)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;padding:16px 16px 88px}.app-shell--client{padding:0;overflow-x:hidden}.app-main{max-width:1180px;margin:0 auto;display:grid;gap:16px}.app-shell--auth{padding:0}.brand-header,.hero-banner,.content-card,.strip,.future-slot{border:1px solid rgba(255,255,255,.08);background:#2d1b19e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #0000003d}.brand-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:20px}.brand-header--panel{position:sticky;top:16px;z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-header__left{display:flex;align-items:center;gap:14px}.brand-header__logo{width:54px;height:54px;border-radius:16px;object-fit:cover;box-shadow:0 8px 24px #00000059}.brand-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#fddbd7b3}.brand-header h1{margin:4px 0 0;font-size:20px}.brand-badge{padding:10px 14px;border-radius:999px;background:#e61e2a2e;color:#ffb3ad;font-weight:700}.hero-banner{border-radius:24px;padding:20px;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:linear-gradient(180deg,#1113171a,#111317cc),radial-gradient(circle at top right,rgba(230,30,42,.3),transparent 40%)}.hero-banner p,.hero-banner h2{margin:0}.hero-banner h2{font-size:clamp(24px,5vw,40px);max-width:12ch}.hero-banner__cta{display:inline-flex;width:fit-content;margin-top:8px;padding:10px 14px;border-radius:999px;background:#e61e2a;color:#fff;font-weight:700}.login-screen{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 20%,rgba(212,175,55,.18),transparent 22%),radial-gradient(circle at 82% 18%,rgba(230,30,42,.18),transparent 20%),linear-gradient(180deg,#090b10,#120908)}.login-screen--minimal{padding:32px 20px 20px;grid-template-rows:1fr auto}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.login-particles span{position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:#ffdf8acc;box-shadow:0 0 18px #ffdf8abf;animation:floatParticle linear infinite}.login-particles span:nth-child(1){left:10%;top:18%;animation-duration:14s;animation-delay:0s}.login-particles span:nth-child(2){left:18%;top:72%;animation-duration:18s;animation-delay:-3s}.login-particles span:nth-child(3){left:28%;top:40%;animation-duration:16s;animation-delay:-6s}.login-particles span:nth-child(4){left:42%;top:12%;animation-duration:19s;animation-delay:-2s}.login-particles span:nth-child(5){left:52%;top:64%;animation-duration:15s;animation-delay:-8s}.login-particles span:nth-child(6){left:66%;top:30%;animation-duration:17s;animation-delay:-5s}.login-particles span:nth-child(7){left:74%;top:78%;animation-duration:21s;animation-delay:-7s}.login-particles span:nth-child(8){left:84%;top:22%;animation-duration:13s;animation-delay:-4s}.login-particles span:nth-child(9){left:90%;top:58%;animation-duration:20s;animation-delay:-1s}@keyframes floatParticle{0%{transform:translateY(0) scale(.8);opacity:0}10%{opacity:1}to{transform:translateY(-160px) scale(1.2);opacity:0}}.login-core{position:relative;z-index:1;width:min(340px,100%);display:grid;justify-items:center;gap:14px}.login-core__logo{width:min(180px,54vw);max-width:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}.login-core__form{width:100%;display:grid;gap:10px}.login-core__form input{width:100%;border:1px solid rgba(255,255,255,.14);background:#12141ce0;color:#fddbd7;border-radius:14px;padding:12px 14px;outline:none}.login-core__form input:focus{border-color:#d4af37b3;box-shadow:0 0 0 3px #d4af3724}.login-core__error{color:#ff9f9f;background:#d631311f;border:1px solid rgba(214,49,49,.22);padding:12px 14px;border-radius:14px}.login-core__button{border:0;width:100%;border-radius:999px;padding:12px 18px;background:linear-gradient(180deg,#ff3440,#e61e2a);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 18px 36px #e61e2a4d}.login-core__button:disabled{opacity:.7;cursor:default}.login-core__footer{position:relative;z-index:1;align-self:end;text-align:center;padding-top:16px;font-size:11px;color:#fddbd7a3}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.section-title h2{margin:0;font-size:18px}.section-title span{color:#ffb3ad;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-card,.strip,.future-slot{border-radius:18px;padding:16px;min-height:120px}.strip{min-height:96px}.future-slot{display:grid;place-items:center;color:#fddbd7b8;min-height:140px}.bottom-nav{position:fixed;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border-radius:22px;background:#111317e0;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{border:0;border-radius:14px;padding:10px 8px;background:transparent;color:#fddbd7}.admin-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;background:radial-gradient(circle at 15% 10%,rgba(212,175,55,.12),transparent 22%),radial-gradient(circle at 80% 0%,rgba(106,42,42,.35),transparent 20%),linear-gradient(180deg,#0b0d12,#100807)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:12px 10px;border-right:1px solid rgba(212,175,55,.12);background:linear-gradient(180deg,#240c0cf5,#0d0b0bfa);box-shadow:inset -1px 0 #ffffff0a;display:grid;grid-template-rows:auto 1fr auto;gap:10px;overflow-y:auto}.admin-sidebar__brand{display:flex;align-items:center;gap:10px;padding-bottom:4px}.admin-sidebar__brand img{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:0 6px 16px #00000057}.admin-sidebar__eyebrow{color:#d4af37;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.admin-sidebar__brand h1{margin:2px 0 0;font-size:18px;line-height:1}.admin-sidebar__brand p{margin:2px 0 0;color:#fddbd7ad;font-size:11px}.admin-sidebar__nav{display:grid;gap:4px;align-content:start}.admin-sidebar__nav a,.admin-sidebar__nav button{padding:8px 12px;border-radius:8px;color:#fddbd7d9;background:#ffffff05;border:1px solid transparent;text-align:left;cursor:pointer;font-size:12.5px;line-height:1.25}.admin-sidebar__nav a.is-active,.admin-sidebar__nav a:hover,.admin-sidebar__nav button.is-active,.admin-sidebar__nav button:hover{border-color:#d4af374d;background:linear-gradient(90deg,#d4af3729,#e61e2a1a);color:#fff}.admin-sidebar__footer{color:#fddbd7b3;font-size:11px;padding-top:4px}.admin-content{padding:12px 16px 40px;display:grid;gap:12px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.admin-topbar,.admin-hero,.admin-panel,.admin-section,.admin-metric,.admin-card,.admin-toggle{border:1px solid rgba(212,175,55,.14);background:linear-gradient(180deg,#1f1212f0,#110e14f5);box-shadow:0 10px 24px #00000038}.admin-topbar{border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-topbar h2{margin:2px 0 0;font-size:18px}.admin-topbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-pill{padding:10px 14px;border-radius:999px;background:#d4af371a;border:1px solid rgba(212,175,55,.2);color:#f5d47c}.admin-button{border:0;border-radius:999px;padding:11px 16px;background:linear-gradient(180deg,#f04a42,#c91922);color:#fff;font-weight:700}.admin-button--secondary{background:linear-gradient(180deg,#5c4134,#3b2721)}.admin-button--dark,.admin-button--ghost{background:#ffffff0d;border:1px solid rgba(212,175,55,.18);color:#fddbd7}.admin-hero{border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#201212f5,#0e0b10fa),radial-gradient(circle at top right,rgba(212,175,55,.18),transparent 30%)}.admin-hero h3{margin:2px 0 4px;font-size:1.25rem}.admin-hero p{margin:0;max-width:65ch;color:#fddbd7c7;font-size:.85rem}.admin-hero__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-metric{border-radius:18px;padding:16px;display:grid;gap:8px}.admin-metric span{color:#fddbd7ad;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.admin-metric strong{font-size:20px;color:#ffd97a}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-panel,.admin-section,.admin-card,.admin-toggle{border-radius:18px;padding:16px}.admin-panel h4,.admin-section h4{margin:0 0 10px;font-size:18px}.admin-panel p{margin:0 0 10px;color:#fddbd7c2}.admin-section{display:grid;gap:12px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form-grid label{display:grid;gap:8px}.admin-form-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#fddbd7b3}.admin-form-grid input,.admin-section select{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#12141cf0;color:#fddbd7;padding:12px 14px}.admin-toggle-grid,.admin-grid--cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-toggle{text-align:left;color:#fddbd7}.admin-toggle.is-active{border-color:#d4af378c;background:linear-gradient(180deg,#462c1cf2,#221414fa)}.admin-toggle strong{display:block;margin-bottom:6px}.admin-toggle span,.admin-card span{color:#fddbd7a8;font-size:12px}.admin-card p{margin:8px 0 10px;color:#fddbd7bd}@media (max-width: 1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}}@media (max-width: 900px){.admin-metrics,.admin-grid,.admin-form-grid,.admin-toggle-grid,.admin-grid--cards{grid-template-columns:1fr}}@media (max-width: 900px){.login-core{width:min(320px,100%)}}
