:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-primary-glow:#6366f140;--color-accent:#06b6d4;--color-accent-light:#22d3ee;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-error:#ef4444;--color-error-light:#f87171;--bg-primary:#0b0f1a;--bg-secondary:#111827;--bg-card:#111827b3;--bg-card-hover:#1e293bcc;--bg-input:#0f172acc;--bg-glass:#ffffff08;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#818cf8;--border-subtle:#94a3b81a;--border-input:#94a3b833;--border-focus:#6366f180;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 40px #6366f126;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#6366f11f,#0000),radial-gradient(60% 40% at 80% 80%,#06b6d414,#0000),radial-gradient(50% 30% at 10% 60%,#8b5cf60f,#0000);position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-light)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.gradient-text{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.875rem;font-weight:500}.form-input{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.9375rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-input:disabled{opacity:.5;cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#0000,#ffffff1a);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:after{display:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 2px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-input)}.btn-danger{background:linear-gradient(135deg, var(--color-error), #dc2626);color:#fff;box-shadow:0 2px 12px #ef44444d}.btn-success{background:linear-gradient(135deg, var(--color-success), #059669);color:#fff;box-shadow:0 2px 12px #10b9814d}.btn-full{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0b0f1ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);animation:slideIn var(--transition-base) ease-out;font-size:.875rem;font-weight:500;display:flex}.alert-error{color:var(--color-error-light);background:#ef44441f;border:1px solid #ef44444d}.alert-success{color:var(--color-success-light);background:#10b9811f;border:1px solid #10b9814d}.alert-info{color:var(--color-primary-light);background:#6366f11f;border:1px solid #6366f14d}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary-light);background:#6366f126}.badge-success{color:var(--color-success-light);background:#10b98126}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-error{color:var(--color-error-light);background:#ef444426}.page-enter{animation:.4s cubic-bezier(.16,1,.3,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b833}::-webkit-scrollbar-thumb:hover{background:#94a3b859}@media (width<=768px){h1{font-size:1.75rem}h2{font-size:1.375rem}.container{padding:0 var(--space-md)}}.auth-container{background:var(--bg-body);min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-side-panel{border-right:1px solid var(--border-subtle);flex:0 0 40%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-form-side{padding:var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-side-img{object-fit:cover;width:100%;height:100%;animation:20s ease-in-out infinite alternate bannerZoom;position:absolute;top:0;left:0}.auth-side-overlay{-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2);background:linear-gradient(135deg,#11182766,#6366f14d);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes bannerZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.auth-bg-orb{filter:blur(80px);opacity:.2;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.auth-bg-orb--1{background:var(--color-primary);width:400px;height:400px;animation-delay:0s;top:-15%;left:-10%}.auth-bg-orb--2{background:var(--color-accent);width:300px;height:300px;animation-delay:-3s;bottom:-10%;right:-5%}.auth-bg-orb--3{background:#8b5cf6;width:200px;height:200px;animation-delay:-5s;top:50%;left:60%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.auth-card{width:100%;max-width:440px;padding:var(--space-2xl);z-index:2;margin:auto;animation:.6s cubic-bezier(.16,1,.3,1) cardAppear;position:relative}.auth-card--register{max-width:520px}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{margin-bottom:var(--space-lg);animation:3s ease-in-out infinite alternate logoGlow;display:inline-flex}@keyframes logoGlow{0%{filter:drop-shadow(0 0 8px #6366f14d)}to{filter:drop-shadow(0 0 20px #6366f180)}}.auth-title{margin-bottom:var(--space-sm);font-size:1.625rem}.auth-subtitle{color:var(--text-secondary);font-size:.9375rem}.auth-steps{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.auth-step{align-items:center;gap:var(--space-xs);color:var(--text-muted);transition:color var(--transition-base);font-size:.8125rem;font-weight:500;display:flex}.auth-step.active{color:var(--color-primary-light)}.auth-step.done{color:var(--color-success-light)}.auth-step-dot{width:28px;height:28px;transition:all var(--transition-base);background:#64748b33;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.auth-step.active .auth-step-dot{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 0 16px var(--color-primary-glow)}.auth-step.done .auth-step-dot{background:var(--color-success);color:#fff}.auth-step-line{background:#64748b33;border-radius:1px;width:40px;height:2px}.auth-form{gap:var(--space-lg);flex-direction:column;display:flex}.auth-form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.auth-code-input{text-align:center;letter-spacing:.3em;font-family:Courier New,monospace;font-weight:700;font-size:1.5rem!important}.auth-hint{color:var(--text-muted);font-size:.8125rem}.auth-hint strong{color:var(--text-secondary)}.auth-checkbox{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-secondary);height:100%;padding-top:.1rem;font-size:.9375rem;display:flex}.auth-checkbox input[type=checkbox]{display:none}.auth-checkbox-mark{border:2px solid var(--border-input);border-radius:var(--radius-sm);width:22px;height:22px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-checkbox-mark:after{content:"";background:var(--color-primary);width:12px;height:12px;transition:transform var(--transition-fast);border-radius:3px;transform:scale(0)}.auth-checkbox input:checked+.auth-checkbox-mark{border-color:var(--color-primary)}.auth-checkbox input:checked+.auth-checkbox-mark:after{transform:scale(1)}.auth-actions{gap:var(--space-sm);justify-content:center;display:flex}.auth-footer{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.875rem}@media (width<=992px){.auth-side-panel{display:none}}@media (width<=540px){.auth-container{padding:var(--space-md);align-items:center}.auth-card{padding:var(--space-xl)}.auth-form-row{grid-template-columns:1fr}.auth-title{font-size:1.375rem}}.dashboard{min-height:100vh;display:flex;position:relative}.klk-banner{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);z-index:50;background:#111827b3;border:1px solid #ffffff1a;justify-content:center;align-items:center;height:48px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:12px;left:280px;right:20px;overflow:hidden;box-shadow:0 4px 20px #0006,0 0 0 1px #6366f11a}.klk-banner-img{filter:drop-shadow(0 0 8px #6366f14d);width:auto;height:28px;transition:transform .4s}.klk-banner:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.klk-banner:hover{border-color:var(--color-primary-light);background:#1e293bcc;transform:translateY(-4px);box-shadow:0 10px 30px #00000080,0 0 20px #6366f14d}.klk-banner:hover .klk-banner-img{filter:drop-shadow(0 0 12px #6366f199);transform:scale(1.05)}.klk-banner:hover:before{transition:all .8s;left:100%}@media (width<=768px){.klk-banner{bottom:20px;left:20px}}.sidebar{border-right:1px solid var(--border-subtle);z-index:10;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;width:260px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-md);background:#b0bde2f2;justify-content:center;align-items:center;display:flex}.sidebar-logo{justify-content:center;align-items:center;width:100%;display:flex}.sidebar-logo img{filter:none;width:auto;height:54px;transition:transform var(--transition-base)}.sidebar-logo:hover img{transform:scale(1.05)}.sidebar-brand{letter-spacing:-.03em;font-size:1.375rem;font-weight:800}.sidebar-nav{padding:var(--space-sm) var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--space-sm);padding:.625rem var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-glass)}.sidebar-link.active{color:var(--color-primary-light);background:#6366f11a}.sidebar-link.active svg{color:var(--color-primary-light)}.sidebar-divider{background:var(--border-subtle);height:1px;margin:var(--space-sm) var(--space-md)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-sm) var(--space-md) var(--space-xs);font-size:.6875rem;font-weight:600}.sidebar-footer{padding:var(--space-md) var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);gap:var(--space-sm);flex-direction:column;display:flex}.sidebar-user{align-items:center;gap:var(--space-sm);padding:var(--space-sm);display:flex}.sidebar-user-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-info{overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.6875rem}.dashboard-main{min-width:0;padding:var(--space-2xl);flex:1;padding-bottom:5rem;overflow-y:auto}.dashboard-content{max-width:1100px;margin:0 auto}@media (width<=768px){.dashboard{flex-direction:column}.sidebar{display:none}.dashboard-main{padding:var(--space-md);padding-bottom:5rem}.klk-banner{height:40px;bottom:12px;left:12px;right:12px}.klk-banner-img{height:22px}}.page-header{margin-bottom:var(--space-2xl)}.home-hero{border-radius:var(--radius-xl);width:100%;height:240px;margin-bottom:var(--space-2xl);padding:var(--space-2xl);border:1px solid var(--border-subtle);align-items:center;display:flex;position:relative;overflow:hidden}.home-hero-img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 10s ease-out;position:absolute;top:0;left:0}.home-hero:hover .home-hero-img{transform:scale(1.08)}.home-hero-overlay{z-index:-1;background:linear-gradient(90deg,#111827e6 0%,#11182766 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.home-hero-content{max-width:500px;position:relative}.home-hero-content h1{margin-bottom:.5rem;font-size:2rem;line-height:1.2}.home-hero-content p{color:var(--text-secondary);font-size:1.125rem;font-weight:500}@media (width<=768px){.home-hero{height:auto;padding:var(--space-xl)}.home-hero-content h1{font-size:1.5rem}}.page-header h1{margin-bottom:var(--space-xs)}.page-header-sub{color:var(--text-secondary);font-size:1rem}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{padding:var(--space-lg);align-items:center;gap:var(--space-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);animation:.5s cubic-bezier(.16,1,.3,1) both statSlideIn;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes statSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon--primary{color:var(--color-primary-light);background:#6366f126}.stat-icon--accent{color:var(--color-accent-light);background:#06b6d426}.stat-icon--success{color:var(--color-success-light);background:#10b98126}.stat-icon--warning{color:var(--color-warning);background:#f59e0b26}.stat-label{color:var(--text-muted);margin-bottom:2px;font-size:.8125rem}.stat-value{color:var(--text-primary);font-size:1.125rem;font-weight:700}.home-section{padding:var(--space-xl)}.home-section h2{margin-bottom:var(--space-lg);font-size:1.125rem}.info-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.info-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.transactions-grid{gap:var(--space-md);flex-direction:column;display:flex}.transaction-card{padding:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);transition:all var(--transition-fast);cursor:pointer;display:flex}.transaction-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-input);transform:translateY(-1px)}.transaction-info{flex-direction:column;gap:4px;min-width:0;display:flex}.transaction-id{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:Courier New,monospace;font-size:.75rem;overflow:hidden}.transaction-date{color:var(--text-secondary);font-size:.8125rem}.transaction-status,.transaction-actions{gap:var(--space-sm);flex-shrink:0;display:flex}.users-table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;font-size:.875rem}.users-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#6366f10d;font-size:.6875rem;font-weight:600}.users-table tr{transition:background var(--transition-fast)}.users-table tbody tr:hover{background:var(--bg-glass)}.users-table td{color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-lg);opacity:.5}.empty-state h3{color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state p{font-size:.875rem}.create-form{max-width:600px}.create-form .glass-card{padding:var(--space-xl)}.create-form .auth-form{gap:var(--space-lg)}.confirm-section{margin-top:var(--space-xl)}.entries-list{gap:var(--space-sm);flex-direction:column;display:flex}.entry-row{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex}.entry-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.entry-name{flex:1;font-weight:500}.entry-qty-input{width:80px}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.transaction-card{flex-direction:column;align-items:flex-start}.transaction-status{align-self:flex-start}.transaction-actions{flex-direction:column;align-self:stretch}.transaction-actions .btn{flex:1}.glass-card [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.form-input,.form-input select{min-width:0;font-size:.875rem}.glass-card{max-width:100%!important}.glass-card p{word-break:break-word}.filters-bar{flex-direction:column!important}.filters-bar .form-group{flex:100%!important}}.participantes-tx-group{margin-bottom:var(--space-xl)}.participantes-tx-header{padding:var(--space-lg);align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md);border-left:3px solid var(--color-primary);display:flex}.participantes-cards-grid{gap:var(--space-md);padding-left:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.participante-card{padding:var(--space-lg);gap:var(--space-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:flex-start;display:flex}.participante-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.participante-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;font-weight:700;display:flex}.participante-info{flex:1;min-width:0}.participante-name{color:var(--text-primary);margin-bottom:2px;font-size:.9375rem;font-weight:600}.participante-cargo{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.8125rem}.participante-contact{color:var(--text-muted);flex-direction:column;gap:2px;font-size:.75rem;display:flex}.participante-contact span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=768px){.participantes-cards-grid{grid-template-columns:1fr;padding-left:0}.participantes-tx-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}.mobile-nav-section{margin-bottom:var(--space-xl);display:none}@media (width<=768px){.mobile-nav-section{animation:.5s ease-out fadeIn;display:block}.mobile-nav-header{align-items:center;gap:var(--space-md);background:var(--bg-glass);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.mobile-nav-logo{filter:drop-shadow(0 0 8px #6366f166);width:50px;height:auto}.mobile-nav-user{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.mobile-nav-role{color:var(--text-muted);margin:0;font-size:.75rem}.mobile-nav-logout{margin-left:auto}.mobile-nav-grid{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.mobile-nav-btn{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:left;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mobile-nav-btn:active{background:#ffffff1a;transform:scale(.97)}.mobile-nav-icon{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 15px #0003}.mobile-nav-text{flex-direction:column;display:flex}.mobile-nav-label{color:var(--text-primary);font-size:1.1rem;font-weight:700}.mobile-nav-desc{color:var(--text-secondary);font-size:.85rem}}