.app-shell{background-color:var(--color-bg-dark);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-content{padding-top:env(safe-area-inset-top);scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;overflow-y:auto}.app-input{width:100%;padding:var(--space-4);background-color:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-sans);transition:all var(--transition-fast)}.app-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow-orange);outline:none}.app-btn{width:100%;padding:var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-display);color:var(--color-bg-white);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.app-btn:disabled{opacity:.6;cursor:not-allowed}.app-btn-primary{background:linear-gradient(135deg, var(--color-orange), var(--color-primary-dark));box-shadow:var(--shadow-glow-orange)}.app-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.app-btn-outline{border:1px solid var(--glass-border);color:var(--color-text-primary);background:0 0}.app-btn-outline:hover:not(:disabled){background:var(--glass-bg)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background-color:var(--glass-bg-dark);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border-dark);padding-top:var(--space-3);justify-content:space-around;align-items:center;display:flex}.bottom-nav-inner{width:100%;padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex}.nav-item{align-items:center;gap:var(--space-1);color:var(--color-text-muted);transition:color var(--transition-fast);font-size:var(--text-xs);background:0 0;border:none;flex-direction:column;flex:1;font-weight:500;display:flex;position:relative}.nav-item.active{color:var(--color-primary)}.nav-item.disabled{opacity:.6;cursor:default}.nav-icon{width:24px;height:24px}.badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:2px 4px;font-size:.55rem;font-weight:700;line-height:1;position:absolute;top:-4px;right:50%;transform:translate(18px)}.auth-layout{min-height:100%;padding:var(--space-6);max-width:var(--container-sm);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth-card{background-color:var(--glass-bg-dark);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-dark);border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.auth-header{text-align:center}.auth-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-desc{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-divider{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--glass-border-dark);flex:1}.auth-divider:not(:empty):before{margin-right:1em}.auth-divider:not(:empty):after{margin-left:1em}.form-group{gap:var(--space-4);flex-direction:column;display:flex}.auth-links{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4);flex-direction:column;display:flex}.auth-links a{color:var(--color-primary);text-decoration:none}.auth-links a:hover{text-decoration:underline}.dashboard-layout{padding:var(--space-6);padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom));gap:var(--space-6);flex-direction:column;display:flex}.coming-soon-card{background:linear-gradient(145deg, var(--color-bg-card), var(--color-bg-darker));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.coming-soon-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#1e88e51a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cube-motif{z-index:1;width:80px;height:80px;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.dashboard-title{font-size:var(--text-3xl);background:linear-gradient(to right, white, var(--color-text-secondary));-webkit-text-fill-color:transparent;z-index:1;white-space:pre-line;-webkit-background-clip:text}.dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);z-index:1}.greeting{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}