:root{--primary: 41 62% 71%;--primary-foreground: 0 0% 0%;--background: 0 0% 0%;--foreground: 0 0% 100%;--card: 0 0% 8%;--card-foreground: 0 0% 100%;--muted: 0 0% 12%;--muted-foreground: 0 0% 80%;--accent: 41 62% 71%;--accent-foreground: 0 0% 0%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 15%;--input: 0 0% 15%;--ring: 41 62% 71%;--radius: 1.25rem;--radius-sm: .75rem;--radius-lg: 1.75rem;--brand-gradient: linear-gradient(135deg, #e4c787, #f3efe2);--glass-background: rgba(0, 0, 0, .8);--glass-border: rgba(228, 199, 135, .2);--glass-blur: 20px;--header-height: 64px;--bottom-nav-height: 80px;--safe-area-bottom: 20px}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;margin:0}.mobile-app-frame{max-width:480px;margin:0 auto;background:hsl(var(--background));min-height:100vh;position:relative;padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}.glass-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--header-height);background:var(--glass-background);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);z-index:1030;padding:0 16px;display:flex;align-items:center}.glass-nav{position:fixed;bottom:var(--safe-area-bottom);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;height:72px;background:#0f0f0fe6;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000080;z-index:1020;display:flex;justify-content:space-around;padding:8px 0}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary, #888);transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;position:relative}.tab-item i{font-size:22px;margin-bottom:2px;transition:transform .2s}.tab-item span{font-size:10px;font-weight:600}.tab-item.active,.tab-item.active i{color:#e4c787!important}.tab-item.active i{transform:scale(1.1) translateY(-2px)}.m-card{background:hsl(var(--card));border-radius:var(--radius);padding:20px;border:1px solid var(--border);margin-bottom:16px;color:#fff}.m-list-item{display:flex;align-items:center;padding:16px;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));gap:12px;transition:background .2s;text-decoration:none;color:inherit}.m-list-item:active{background:hsl(var(--muted))}.m-badge{padding:4px 10px;border-radius:100px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.m-badge-primary{background:var(--brand-gradient);color:#000}.m-badge-success{background:#065f46;color:#34d399}.m-badge-warning{background:#92400e;color:#fbbf24}.m-badge-danger{background:#991b1b;color:#f87171}.avatar-circle{width:36px;height:36px;border-radius:50%;background:var(--brand-gradient);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.m-fab{position:fixed;bottom:calc(var(--safe-area-bottom) + 88px);right:24px;width:56px;height:56px;border-radius:18px;background:var(--brand-gradient);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #e4c7874d;border:none;z-index:1000}.btn-primary{background:var(--brand-gradient);border:none;color:#000;font-weight:700}.btn-primary:hover,.btn-primary:active{background:var(--brand-gradient);opacity:.9;color:#000}.btn-light{background:hsl(var(--muted));color:#fff;border:1px solid var(--border)}.form-control,.form-select{border-radius:var(--radius-sm);padding:12px 16px;border:1px solid hsl(var(--border));background-color:#111;color:#fff}.form-control:focus,.form-select:focus{background-color:#151515;color:#fff;border-color:#e4c787;box-shadow:0 0 0 2px #e4c7871a}::placeholder{color:#ffffff80!important;opacity:1}::-webkit-input-placeholder{color:#ffffff80!important}::-moz-placeholder{color:#ffffff80!important}:-ms-input-placeholder{color:#ffffff80!important}:-moz-placeholder{color:#ffffff80!important}.sidebar-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:#0a0a0a;z-index:3000;transform:translate(-100%);display:flex;flex-direction:column;border-right:1px solid var(--border);visibility:hidden}.sidebar-menu.sidebar-ready{transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s .4s}.sidebar-menu.open{transform:translate(0);visibility:visible}.sidebar-menu.open.sidebar-ready{transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s 0s}@media (min-width: 481px){.sidebar-menu.open{transform:translate(calc(50vw - 240px))}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2999;opacity:0;visibility:hidden}.sidebar-overlay.sidebar-ready{transition:all .4s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;text-decoration:none;color:#888;font-weight:600;margin-bottom:4px}.sidebar-item.active{background:#e4c7871a;color:#e4c787}.page-enter{animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.nav-progress{position:fixed;top:0;left:0;height:3px;background:var(--brand-gradient);z-index:4000}.text-xs{font-size:11px}.fw-boldest{font-weight:800}.extra-small{font-size:10px}.ls-tight{letter-spacing:-.025em}.text-muted{color:#bbb!important}.text-dark{color:#fff!important}.bg-light{background-color:#151515!important}.m-card,.m-list-item,.m-card .fw-bold,.m-list-item .fw-bold{color:#fff!important}