:root{--bg-app: #13151f;--bg-sidebar: #171a26;--bg-card: #1d2130;--bg-card-hover: #222739;--bg-elevated: #262c40;--bg-input: #171a26;--border-subtle: rgba(255, 255, 255, .07);--border-card: rgba(255, 255, 255, .1);--border-focus: #7fa68a;--text-primary: #eceff4;--text-secondary: #9aa5b9;--text-muted: #67748a;--text-inverse: #13151f;--accent-sage: #7fa68a;--accent-sage-hover: #8fb89b;--accent-sage-subtle: rgba(127, 166, 138, .14);--accent-rose: #c4847a;--accent-rose-hover: #d2948a;--accent-rose-subtle: rgba(196, 132, 122, .14);--accent-blue: #7b92a8;--accent-blue-hover: #8ca5bd;--accent-blue-subtle: rgba(123, 146, 168, .14);--accent-amber: #d4a359;--accent-amber-glow: rgba(212, 163, 89, .25);--accent-amber-subtle: rgba(212, 163, 89, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .45);--shadow-glow-sage: 0 0 20px rgba(127, 166, 138, .2);--shadow-glow-amber: 0 0 30px rgba(212, 163, 89, .25);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-family-base: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family-base);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit;box-sizing:border-box}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}@keyframes fadeInScale{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeInScale .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--accent-amber-glow)}50%{box-shadow:0 0 35px var(--accent-amber-glow),0 0 10px #d4a35966}}.pulse-code-glow{animation:pulseGlow 3s infinite ease-in-out}.responsive-main{flex:1;padding:32px;max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box;min-width:0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;width:100%;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;width:100%;min-width:0}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;min-width:0}.responsive-card{box-sizing:border-box;width:100%;max-width:100%;min-width:0;word-wrap:break-word}.desktop-sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:30}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:240px}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.desktop-sidebar{display:none!important}.main-content-wrapper{margin-left:0!important}.responsive-main{padding:16px 12px 80px;width:100%;max-width:100vw}.desktop-only{display:none!important}.mobile-only{display:flex!important}.stats-grid{grid-template-columns:1fr;gap:12px}.grid-2col{grid-template-columns:1fr;gap:10px}.responsive-pin-code{font-size:32px!important;letter-spacing:.1em!important}.responsive-hero-title{font-size:36px!important;line-height:1.18!important;letter-spacing:-.025em!important}.responsive-hero-p{font-size:15px!important}.responsive-card{padding:16px 12px!important}}@media (max-width: 480px){.responsive-main{padding:12px 10px 80px}.responsive-pin-code{font-size:28px!important}.responsive-hero-title{font-size:30px!important;line-height:1.2!important;letter-spacing:-.02em!important}}