:root{--primary-900: #0B1120;--primary-800: #0F172A;--primary-700: #1E293B;--primary-600: #334155;--primary-500: #64748B;--brand-blue: #2563EB;--brand-blue-hover: #1D4ED8;--brand-light-blue: #38BDF8;--brand-soft-blue-bg: #EFF6FF;--accent-cyan: #06B6D4;--accent-teal: #0D9488;--bg-app: #F8FAFC;--bg-card: #FFFFFF;--bg-card-alt: #F1F5F9;--border-light: #E2E8F0;--border-subtle: #F1F5F9;--text-main: #0F172A;--text-body: #334155;--text-muted: #64748B;--text-light: #94A3B8;--success-text: #065F46;--success-bg: #ECFDF5;--success-border: #A7F3D0;--warning-text: #92400E;--warning-bg: #FEF3C7;--warning-border: #FDE68A;--danger-text: #991B1B;--danger-bg: #FEF2F2;--danger-border: #FECACA;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .07), 0 4px 6px -4px rgba(15, 23, 42, .03);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 250px;--navbar-height: 64px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:var(--radius-full)}.page-enter{animation:pageFadeSlide .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:cascadeFadeUp .42s cubic-bezier(.16,1,.3,1) .04s both}.stagger-2{animation:cascadeFadeUp .42s cubic-bezier(.16,1,.3,1) .11s both}.stagger-3{animation:cascadeFadeUp .42s cubic-bezier(.16,1,.3,1) .18s both}.stagger-4{animation:cascadeFadeUp .42s cubic-bezier(.16,1,.3,1) .25s both}.stagger-5{animation:cascadeFadeUp .42s cubic-bezier(.16,1,.3,1) .32s both}.stagger-6{animation:cascadeFadeUp .42s cubic-bezier(.16,1,.3,1) .39s both}@keyframes cascadeFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app-container{display:flex;min-height:100vh;background-color:var(--bg-app)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.content-body{padding:24px 32px;max-width:1360px;margin:0 auto;width:100%}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-size:1.05rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600}.badge-blue{background:var(--brand-soft-blue-bg);color:var(--brand-blue);border:1px solid #BFDBFE}.badge-cyan{background:#ECFEFF;color:#0e7490;border:1px solid #A5F3FC}.badge-green{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-amber{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-red{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-slate{background:var(--bg-card-alt);color:var(--text-muted);border:1px solid var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.85rem;padding:8px 16px;border-radius:var(--radius-md);transition:all .18s ease;white-space:nowrap}.btn-primary{background:#0F172A;color:#fff}.btn-primary:hover{background:#1E293B;transform:translateY(-1px)}.btn-blue{background:#2563EB;color:#fff;box-shadow:0 2px 5px #2563eb40}.btn-blue:hover{background:#1D4ED8;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb59}.btn-outline{border:1px solid var(--border-light);color:var(--text-body);background:var(--bg-card)}.btn-outline:hover{background:var(--bg-card-alt);border-color:#cbd5e1;color:var(--text-main)}.progress-bar-track{width:100%;height:7px;background-color:#e2e8f0;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease;background:linear-gradient(90deg,#2563EB 0%,#06B6D4 100%)}.dynamic-lamp-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#0d1527 0%,#050811 100%);position:relative;overflow:hidden;padding:30px 20px}.login-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,189,248,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.lamp-login-stage{position:relative;z-index:10;width:100%;max-width:820px;display:grid;grid-template-columns:310px 1fr;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #000000b3;transition:all .5s ease}.lamp-login-stage.lamp-on{border-color:#38bdf859;box-shadow:0 30px 60px -12px #38bdf838}.lamp-login-stage.lamp-off{background:rgba(10,16,30,.65);border-color:#ffffff0d}.lamp-interactive-column{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:24px 16px 36px;border-right:1px solid rgba(255,255,255,.08);min-height:440px;overflow:visible}.hanging-lamp-assembly{position:absolute;top:-55px;left:50%;transform:translate(-50%) translateY(-150px);opacity:0;transform-origin:top center;display:flex;flex-direction:column;align-items:center;z-index:15;transition:transform .85s cubic-bezier(.175,.885,.32,1.25),opacity .35s ease}.hanging-lamp-assembly.dropped{transform:translate(-50%) translateY(0);opacity:1}.hanging-lamp-assembly.swaying{animation:gentleLampSway 6s ease-in-out infinite alternate}@keyframes gentleLampSway{0%{transform:translate(-50%) translateY(0) rotate(-1.6deg)}50%{transform:translate(-50%) translateY(0) rotate(0)}to{transform:translate(-50%) translateY(0) rotate(1.6deg)}}.lamp-hanging-cord{width:2px;height:70px;background:#64748B}.lamp-lampshade{width:82px;height:48px;background:linear-gradient(180deg,#334155 0%,#1E293B 100%);clip-path:polygon(26% 0%,74% 0%,100% 100%,0% 100%);border-top:3px solid #64748B}.lamp-bulb-source{width:24px;height:24px;border-radius:50%;background:#334155;margin:-7px auto 0;transition:all .3s ease}.lamp-bulb-source.lit{background:#38BDF8;box-shadow:0 0 25px #38bdf8,0 0 55px #38bdf8f2}.interactive-pull-cord{position:absolute;top:10px;right:64px;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:25}.cord-bead-string{width:2px;height:70px;background:repeating-linear-gradient(180deg,#CBD5E1,#CBD5E1 3px,#64748B 3px,#64748B 6px);transition:height .15s ease}.interactive-pull-cord:active .cord-bead-string{height:95px}.cord-handle-bell{width:15px;height:20px;background:linear-gradient(180deg,#F8FAFC 0%,#94A3B8 100%);border-radius:5px 5px 10px 10px;box-shadow:0 2px 6px #00000080;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.interactive-pull-cord:hover .cord-handle-bell{transform:scale(1.15);box-shadow:0 0 10px #38bdf8cc;background:#FFFFFF}.interactive-pull-cord:active .cord-handle-bell{transform:translateY(22px)}.pull-cord-hint{position:absolute;top:90px;left:36px;background:rgba(30,41,59,.95);border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;animation:hintFadeIn .5s 2.2s forwards}@keyframes hintFadeIn{to{opacity:1}}.volumetric-light-cone{position:absolute;top:55px;left:50%;transform:translate(-50%) scaleY(0);width:340px;height:390px;clip-path:polygon(36% 0%,64% 0%,100% 100%,0% 100%);background:radial-gradient(ellipse at 50% 0%,rgba(56,189,248,.32) 0%,rgba(14,165,233,.12) 60%,transparent 80%);pointer-events:none;opacity:0;transform-origin:top center;z-index:12;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .4s ease}.volumetric-light-cone.lit{transform:translate(-50%) scaleY(1);opacity:1}.nova-mascot-wrapper{position:relative;z-index:14;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(28px) scale(.65);transition:transform .65s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}.nova-mascot-wrapper.visible{opacity:1;transform:translateY(0) scale(1)}.nova-mascot-wrapper.floating{animation:floatNovaMascot 3.6s ease-in-out infinite alternate}@keyframes floatNovaMascot{0%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(-5px) rotate(-.5deg)}}.nova-robot-head{width:90px;height:80px;background:linear-gradient(135deg,#1E293B 0%,#0F172A 100%);border:2px solid #334155;border-radius:44px 44px 38px 38px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.nova-mascot-wrapper.lit .nova-robot-head{border-color:#38bdf8;box-shadow:0 0 20px #38bdf873}.robot-antenna{position:absolute;top:-12px;width:2.5px;height:12px;background:#475569}.robot-antenna-tip{position:absolute;top:-7px;left:-4px;width:10px;height:10px;border-radius:50%;background:#64748B}.nova-mascot-wrapper.lit .robot-antenna-tip{background:#38BDF8;box-shadow:0 0 8px #38bdf8}.robot-face-screen{width:70px;height:54px;background:#070B14;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center}.robot-eyes-row{display:flex;align-items:center;gap:16px;margin-top:-3px}.robot-eye{width:11px;height:13px;background:#334155;border-radius:50%;transition:all .25s ease}.nova-mascot-wrapper.lit .robot-eye{background:#38BDF8;box-shadow:0 0 8px #38bdf8,0 0 16px #38bdf8cc}.robot-eye.blinking{height:2px!important}.robot-eye.sleeping{height:2px!important;background:#64748B!important}.robot-mouth{width:16px;height:7px;border-bottom:2.5px solid #334155;border-radius:0 0 10px 10px;margin-top:5px}.nova-mascot-wrapper.lit .robot-mouth{border-bottom-color:#38bdf8}.mascot-speech-bubble{margin-top:14px;background:rgba(30,41,59,.9);border:1px solid rgba(56,189,248,.3);padding:6px 12px;border-radius:12px;font-size:.74rem;font-weight:700;color:#fff;text-align:center;max-width:210px;opacity:0;animation:bubbleFadeIn .5s 2.2s forwards}@keyframes bubbleFadeIn{to{opacity:1}}.lamp-form-column{padding:34px 32px;display:flex;flex-direction:column;justify-content:center}.login-stagger-item{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.login-stagger-item.visible{opacity:1;transform:translateY(0)}.form-input-field{margin-bottom:14px}.form-input-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:5px}.form-input-container{position:relative;display:flex;align-items:center}.form-input-container input{width:100%;background:rgba(30,41,59,.5);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px 10px 38px;color:#fff;font-size:.88rem;outline:none;transition:all .2s ease}.form-input-container input:focus{background:rgba(30,41,59,.9);border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.form-input-icon{position:absolute;left:12px;color:#64748b;pointer-events:none}.btn-submit-glow{width:100%;padding:11px;background:linear-gradient(135deg,#2563EB 0%,#06B6D4 100%);color:#fff;border-radius:8px;font-size:.9rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #2563eb59;transition:all .2s ease;margin-top:8px}.btn-submit-glow:hover{transform:translateY(-1px);box-shadow:0 6px 18px #06b6d473}.quick-login-divider{margin:18px 0 12px;display:flex;align-items:center;gap:10px;color:#64748b;font-size:.68rem;font-weight:700;text-transform:uppercase}.quick-login-divider:before,.quick-login-divider:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}.quick-role-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#e2e8f0;font-size:.8rem;font-weight:600;margin-bottom:7px;transition:all .15s ease}.quick-role-card:hover{background:rgba(56,189,248,.12);border-color:#38bdf866;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:620px;width:100%;max-height:90vh;overflow-y:auto;padding:24px}@media (max-width: 800px){.lamp-login-stage{grid-template-columns:1fr;max-width:420px}.lamp-interactive-column{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);min-height:300px}.lamp-form-column{padding:24px 20px}}