:root{--bg-primary: #0b0f14;--bg-secondary: #11161d;--bg-surface: rgba(18, 24, 32, .75);--text-primary: #e6edf3;--text-muted: #7f8a99;--accent: #00e0ff;--accent-soft: rgba(0, 224, 255, .12);--accent-glow: rgba(0, 224, 255, .4);--border: rgba(255, 255, 255, .06);--bg-radial-1: rgba(0, 224, 255, .08);--bg-radial-2: rgba(124, 58, 237, .06)}.panel{animation:none!important;transform:none!important}.panel:before{content:none!important;display:none!important}.heading.text-5xl:before,.heading.text-5xl:after{content:none!important}.light-mode{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-surface: #ffffff;--text-primary: #0f172a;--text-muted: #64748b;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .08);--accent-glow: rgba(37, 99, 235, .3);--border: #e5e7eb;--bg-radial-1: rgba(37, 99, 235, .05);--bg-radial-2: rgba(124, 58, 237, .04)}body{margin:0;background:radial-gradient(circle at 20% 30%,var(--bg-radial-1),transparent 40%),radial-gradient(circle at 80% 70%,var(--bg-radial-2),transparent 40%),var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;transition:background .4s ease,color .3s ease}.sidebar{width:260px;background:var(--bg-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--border);padding:2rem;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;z-index:100;transition:transform .35s cubic-bezier(.4,0,.2,1)}.brand{font-family:Orbitron,sans-serif;font-size:1.1rem;letter-spacing:3px;margin-bottom:2rem;color:var(--accent)}.jp{font-size:.65rem;color:var(--text-muted);letter-spacing:2px;opacity:.7}.sidebar a{display:block;margin-bottom:1rem;color:var(--text-muted);text-decoration:none;transition:color .3s ease;font-size:.9rem}.sidebar a:hover,.sidebar a:focus{color:var(--accent)}.main{flex:1;padding:3rem;margin-left:260px}.panel{background:var(--bg-surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:14px;padding:2rem;box-shadow:0 20px 60px #0006;transition:all .3s ease}.heading{font-family:Orbitron,sans-serif;font-size:2rem;letter-spacing:4px;margin-bottom:1rem;color:var(--accent)}.subtle-line{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:1.5rem 0;opacity:.4}.active-link{color:var(--accent)!important;position:relative}.active-link:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);border-radius:4px}.dd-item{position:relative;margin-bottom:.9rem}.drag-handle{position:absolute;left:-34px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:8px;cursor:grab;transition:all .2s ease;box-shadow:inset 0 0 10px #ffffff0a,0 0 10px #00e0ff26}.admin-dashboard-canvas{position:relative;min-height:100vh;overflow:hidden}.admin-dashboard-overlay{position:relative;z-index:2;padding:40px;color:#fff}.drag-handle span{width:14px;height:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 6px var(--accent-glow);transition:all .2s ease}.drag-handle:hover{border-color:var(--accent);box-shadow:inset 0 0 12px #ffffff0f,0 0 14px var(--accent-glow)}.drag-handle:hover span{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.drag-handle:active{cursor:grabbing;transform:translateY(-50%) scale(.95);box-shadow:inset 0 0 14px #ffffff14,0 0 18px var(--accent-glow)}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:14px;padding:14px 18px;min-height:56px;transition:all .25s ease;box-shadow:inset 0 0 18px #ffffff05,0 20px 40px #00000059}.menu-row:hover{border-color:var(--accent);box-shadow:inset 0 0 22px #ffffff0a,0 0 12px var(--accent-glow),0 24px 50px #00000073}.menu-row-left{display:flex;align-items:center;gap:10px}.menu-title{font-weight:500;color:#00e0ff;letter-spacing:.4px}.menu-hidden-label{margin-left:8px;font-size:.8rem;color:var(--text-muted);font-style:italic;opacity:.85}.menu-actions{display:flex;align-items:center;gap:16px}.action-edit{color:var(--accent);text-decoration:none;font-size:.85rem;transition:all .15s ease}.action-edit:hover{text-shadow:0 0 6px var(--accent-glow);transform:translateY(-1px)}.action-delete{background:none;border:none;color:#ff2c9c;font-size:.85rem;cursor:pointer;transition:all .15s ease}.action-delete:hover{text-shadow:0 0 6px rgba(255,44,156,.7);transform:translateY(-1px)}.delete-form{margin:0}.dd-list .dd-list{margin-left:42px;margin-top:10px}.dd-dragel{background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--accent);border-radius:14px;box-shadow:0 0 16px var(--accent-glow),0 20px 40px #00000073}.dd-placeholder{border:1px dashed var(--accent);background:#00e0ff0d;border-radius:14px;min-height:60px;box-shadow:0 0 10px var(--accent-glow)}.dd-handle{display:block;height:30px;margin:5px 0;padding:5px 10px;color:#333;text-decoration:none;font-weight:700;border:1px solid #ccc;background:#101921;border-radius:3px;box-sizing:border-box}.auth-body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% 18%,rgba(255,116,167,.26),transparent 26%),radial-gradient(circle at 82% 14%,rgba(80,172,254,.22),transparent 24%),radial-gradient(circle at 76% 78%,rgba(255,205,86,.16),transparent 20%),linear-gradient(180deg,#f6f9ff,#edf3fb);color:#172033;font-family:Inter,sans-serif;overflow-x:hidden}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem)}.auth-scene{width:100%;max-width:1180px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:1.35rem;align-items:stretch}.auth-showcase,.auth-stage-card{position:relative;border-radius:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.68);box-shadow:0 30px 70px #47556924,0 10px 24px #0f172a14}.auth-showcase{padding:clamp(1.6rem,3vw,2.5rem);background:linear-gradient(140deg,#ffffffc7,#f9fbff94),linear-gradient(135deg,#ffffff61,#ffffff1f);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);min-height:40rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.auth-showcase:before,.auth-showcase:after,.auth-stage-card:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.auth-showcase:before{width:18rem;height:18rem;top:-8rem;right:-5rem;background:radial-gradient(circle,rgba(80,172,254,.26),transparent 70%)}.auth-showcase:after{width:16rem;height:16rem;bottom:-7rem;left:-4rem;background:radial-gradient(circle,rgba(255,116,167,.22),transparent 68%)}.auth-showcase>*{position:relative;z-index:1}.auth-showcase-badge,.auth-eyebrow{display:inline-flex;align-items:center;gap:.45rem;width:-moz-fit-content;width:fit-content;min-height:2.1rem;padding:.35rem .8rem;border-radius:999px;background:#ffffffb8;border:1px solid rgba(255,255,255,.76);color:#52647a;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.auth-showcase-brand,.auth-brand-row{display:flex;align-items:center;gap:.95rem}.auth-showcase-brand{text-decoration:none;color:inherit}.auth-showcase-mark,.auth-logo-mark{flex-shrink:0}.auth-showcase-mark{width:3.7rem;height:3.7rem;color:#172033;padding:.75rem;border-radius:1.25rem;background:linear-gradient(145deg,#fff7c7,#ffe78b);box-shadow:0 12px 28px #ffcd5640,inset 0 1px #ffffffd1}.auth-showcase-name,.auth-brand-name{font-family:Orbitron,sans-serif;letter-spacing:.08em;line-height:1.2}.auth-showcase-name{font-size:1.1rem;color:#162033}.auth-showcase-kicker,.auth-brand-copy{margin-top:.2rem;color:#6a7a92;font-size:.9rem;line-height:1.45}.auth-showcase-title{margin:0;font-family:Orbitron,sans-serif;font-size:clamp(2rem,4vw,3.15rem);line-height:1.06;letter-spacing:-.04em;color:#162033;max-width:11.5ch}.auth-showcase-copy{margin:0;max-width:37rem;font-size:1.02rem;line-height:1.8;color:#516076}.auth-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}.auth-showcase-card{padding:1rem 1rem 1.05rem;border-radius:1.35rem;background:#ffffffad;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #ffffffb8}.auth-showcase-card-title{font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#304766}.auth-showcase-card-copy,.auth-showcase-note,.auth-copy,.auth-footnote{color:#5c6d83;line-height:1.7}.auth-showcase-card-copy{margin:.45rem 0 0;font-size:.92rem}.auth-showcase-note{max-width:34rem;font-size:.92rem}.auth-stage{display:flex;align-items:center;justify-content:center}.auth-stage-card{width:min(33rem,100%);padding:clamp(1.6rem,3vw,2.35rem);background:linear-gradient(145deg,#fffffff0,#f8fbffe0);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.auth-stage-card:before{width:12rem;height:12rem;top:-6rem;right:-4rem;background:radial-gradient(circle,rgba(255,116,167,.18),transparent 72%)}.auth-card{position:relative;z-index:1}.auth-logo{width:3.35rem;height:3.35rem;display:grid;place-items:center;border-radius:1.15rem;background:linear-gradient(145deg,#fff4b2,#ffe187);box-shadow:0 12px 28px #ffcd5638,inset 0 1px #ffffffe0}.auth-logo-mark{width:1.9rem;height:1.9rem;color:#172033}.auth-brand-row{margin-top:.9rem;margin-bottom:1.2rem}.auth-brand-name{font-size:.9rem;color:#1f2a3d}.auth-title{font-family:Orbitron,sans-serif;font-size:clamp(1.85rem,3vw,2.35rem);letter-spacing:-.04em;margin:0;color:#162033;line-height:1.05}.auth-copy{margin:.65rem 0 0;font-size:.98rem}.auth-status{margin-top:1rem;padding:.85rem .95rem;border-radius:1rem;border:1px solid rgba(34,197,94,.2);background:#f0fdf4eb;color:#166534;font-size:.92rem;line-height:1.55}.auth-form{display:grid;gap:1.05rem;margin-top:1.25rem}.auth-field{display:grid;gap:.45rem}.auth-label{color:#4d5f75!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase}.auth-input{width:100%;min-height:3.45rem;padding:.95rem 1rem;border-radius:1rem;border:1px solid rgba(198,212,228,.95);background:#ffffffeb;color:#162033;outline:none;box-shadow:inset 0 1px #ffffffd6,0 12px 24px #94a3b81f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-input:focus{border-color:#ff74a78c;box-shadow:0 0 0 4px #ff74a71f,0 18px 28px #50acfe1f}.auth-input::-moz-placeholder{color:#8a98aa}.auth-input::placeholder{color:#8a98aa}.auth-password-wrap{position:relative}.auth-input-password{padding-right:2.75rem}.auth-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;border:1px solid rgba(205,215,229,.92);background:#ffffffe0;color:#6f7f95;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 10px 20px #94a3b824;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.auth-eye:hover{border-color:#ff74a775;color:#ff749b;box-shadow:0 14px 24px #ff74a729;transform:translateY(-50%) scale(1.03)}.auth-error{margin-top:.05rem;color:#b91c1c!important;font-size:.84rem!important;line-height:1.5}.auth-remember{display:flex;align-items:center;gap:.55rem;color:#5c6d83;font-size:.9rem;line-height:1.5}.auth-remember input{width:16px;height:16px;accent-color:#ff749b}.auth-actions{display:grid;gap:.9rem;margin-top:.25rem}.auth-actions-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-link{color:#5f7187;text-decoration:none;font-size:.9rem;font-weight:600}.auth-link-secondary{color:#77879b}.auth-link:hover{color:#ff749b}.auth-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3.55rem;padding:.9rem 1.2rem;border-radius:999px;border:none;background:linear-gradient(135deg,#ff7eb3,#ff8f6b);color:#fff;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 18px 34px #ff7eb347,inset 0 1px #ffffff59;transition:transform .18s ease,box-shadow .18s ease}.auth-button:hover{box-shadow:0 22px 38px #ff7eb357,inset 0 1px #ffffff59;transform:translateY(-1px)}.auth-footnote{margin-top:1.1rem;font-size:.88rem}@media(max-width:980px){.auth-scene{grid-template-columns:1fr}.auth-showcase{min-height:auto}.auth-showcase-title{max-width:100%}.auth-stage{justify-content:stretch}.auth-stage-card{width:100%}}@media(max-width:720px){.auth-showcase-grid{grid-template-columns:1fr}.auth-actions-meta{flex-direction:column;align-items:flex-start}}.admin-dashboard-canvas{position:relative;height:calc(100vh - 80px)}.admin-shader{position:absolute;inset:0;z-index:0}.admin-dashboard-overlay{position:relative;z-index:5;padding:60px;color:#fff}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:110;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hamburger,.sidebar-close-btn{background:none;border:none;font-size:2.2rem;color:var(--accent);cursor:pointer;padding:.4rem;line-height:1}.hamburger:hover,.sidebar-close-btn:hover{text-shadow:0 0 12px var(--accent-glow)}.sidebar-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;transition:opacity .4s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media(max-width:1024px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);z-index:100;box-shadow:8px 0 40px #000000a6;width:280px}.sidebar.open{transform:translate(0)}.main{margin-left:0!important;padding:1.5rem 1.25rem}.panel{padding:1.5rem}.heading{font-size:1.8rem;letter-spacing:3px}.brand{font-size:1.4rem;margin-bottom:1.5rem}}@media(min-width:1025px){.sidebar{transform:translate(0)!important}.main{margin-left:260px;padding:3rem}}@media(max-width:640px){.main{padding:1.25rem 1rem}.panel{padding:1.25rem;border-radius:12px}.heading{font-size:1.65rem}.menu-row{padding:12px 14px;min-height:52px}.drag-handle{left:-28px;width:24px;height:24px}.drag-handle span{width:12px}.dd-list .dd-list{margin-left:32px}.auth-card{max-width:100%}}.menu-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111;border-radius:6px}.drag-handle{cursor:move;margin-right:12px;display:flex;flex-direction:column;gap:3px}.drag-handle span{width:18px;height:2px;background:#888}.homepage-showcase{position:relative;width:100%;height:600px;overflow:hidden}.homepage-showcase img{position:absolute;max-width:300px;transition:transform .3s ease}.showcase-layer-1{z-index:10}.showcase-layer-2{z-index:20}.showcase-layer-3{z-index:30}.showcase-layer-4{z-index:40}.showcase-center{left:50%;top:50%;transform:translate(-50%,-50%)}html,body{height:100%}.main{min-height:100vh;position:relative}.admin-dashboard-canvas{position:relative;height:100vh;width:100%}.admin-shader{position:absolute;inset:0;width:100%;height:100%;display:block}.admin-shader canvas{width:100%!important;height:100%!important;display:block}