:root{--background: 0 0% 0%;--foreground: 145 60% 90%;--card: 0 0% 5%;--card-foreground: 145 60% 80%;--popover: 0 0% 5%;--popover-foreground: 145 60% 90%;--primary: 145 63% 49%;--primary-foreground: 0 0% 0%;--secondary: 0 0% 15%;--secondary-foreground: 145 60% 70%;--muted: 0 0% 20%;--muted-foreground: 145 40% 50%;--accent: 0 0% 20%;--accent-foreground: 145 60% 80%;--destructive: 0 100% 50%;--destructive-foreground: 0 0% 100%;--border: 145 63% 20%;--input: 145 63% 10%;--ring: 145 63% 49%;--radius: .5rem;--sidebar-width: 260px;--topbar-height: 64px}@media (max-width: 430px){:root{--sidebar-width: 280px;--topbar-height: 56px;--radius: .75rem}}html{scroll-behavior:smooth}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:hsla(var(--card),.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid hsl(var(--border) / .3);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;transition:width .4s cubic-bezier(.4,0,.2,1),transform .3s ease}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:80px}.sidebar.collapsed~.main-wrapper{margin-left:80px}.sidebar.collapsed .sidebar-header span,.sidebar.collapsed .nav-item span,.sidebar.collapsed #logout-btn span,.sidebar.collapsed .text-xs,.sidebar.collapsed #user-display-name,.sidebar.collapsed #user-role-badge,.sidebar.collapsed #admin-nav-section .text-xs{display:none!important}.sidebar.collapsed .nav-item{padding:.75rem 0;justify-content:center;width:100%}.sidebar.collapsed .sidebar-nav{padding:1rem .5rem}.sidebar.collapsed .nav-item svg{margin:0}.sidebar.collapsed .sidebar-header{justify-content:center}.topbar{height:var(--topbar-height);background-color:hsla(var(--background),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:40;transition:all .4s ease}.content-area{padding:2rem;flex:1;transition:padding .4s ease}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-wrapper{margin-left:0}.sidebar.open{transform:translate(0)}}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsl(var(--border))}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius);color:hsl(var(--muted-foreground));text-decoration:none;transition:all .2s ease;margin-bottom:.25rem;font-weight:500}.nav-item:hover,.nav-item.active{background-color:hsl(var(--primary) / .1);color:hsl(var(--primary))}.nav-item svg{width:20px;height:20px}.card{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.custom-scrollbar::-webkit-scrollbar{width:6px}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:hsl(var(--primary) / .5)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column}.stat-value{font-size:2.5rem;font-weight:700;color:hsl(var(--foreground));margin:.5rem 0;font-family:Rajdhani,sans-serif}.stat-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover{background-color:hsl(var(--primary) / .9);box-shadow:0 0 15px hsl(var(--primary) / .4)}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover{background-color:hsl(var(--secondary) / .8)}.btn-ghost{background-color:transparent;color:hsl(var(--foreground))}.btn-ghost:hover{background-color:hsl(var(--muted))}.input{width:100%;padding:.75rem;border-radius:var(--radius);background-color:hsl(var(--background));border:1px solid hsl(var(--input));color:hsl(var(--foreground));margin-bottom:1rem}.input:focus{border-color:hsl(var(--primary));outline:none;box-shadow:0 0 0 2px hsl(var(--primary) / .2)}#auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.hidden{display:none!important}.text-primary{color:hsl(var(--primary))}.text-muted{color:hsl(var(--muted-foreground))}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.rounded-full{border-radius:9999px}.w-full{width:100%}.role-badge{padding:2px 8px;border-radius:12px;font-size:.7rem;text-transform:uppercase;font-weight:700}.role-badge.admin{background-color:hsl(var(--destructive));color:#fff}.role-badge.user{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.dune-rise-text{font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.alfred-opt-btn{position:relative;overflow:hidden}.alfred-opt-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,hsla(var(--primary),.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;border-radius:50%;z-index:0}.alfred-opt-btn:hover:after{width:300px;height:300px}.alfred-plan-results h1,.alfred-plan-results h2,.alfred-plan-results h3{font-family:Orbitron,sans-serif;color:hsl(var(--primary));margin-top:1.5rem;margin-bottom:1rem}.alfred-plan-results ul{list-style:none;padding-left:0}.alfred-plan-results li{padding:.75rem 0;border-bottom:1px solid hsla(var(--border),.3);color:hsla(var(--foreground),.8)}.alfred-plan-results strong{color:hsl(var(--primary))}@keyframes bounce-in{0%{transform:scale(.9);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsla(var(--primary),.2);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(var(--primary),.4)}#calendar-days div.group:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,hsl(var(--primary)),transparent);transform-origin:left center;animation:sweep 4s linear infinite;z-index:5}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-section#view-dashboard .card{background:hsla(var(--card),.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(var(--border),.3)}.bg-primary.animate-pulse{box-shadow:0 0 8px hsl(var(--primary))}@media (max-width: 430px){body{font-size:14px;line-height:1.5}h1{font-size:1.5rem!important;line-height:1.3!important}h2{font-size:1.25rem!important;line-height:1.3!important}h3{font-size:1rem!important;line-height:1.4!important}.text-xs{font-size:.7rem!important}.text-sm{font-size:.8rem!important}.text-base{font-size:.875rem!important}.text-lg{font-size:1rem!important}.text-xl{font-size:1.125rem!important}.text-2xl{font-size:1.25rem!important}.text-3xl{font-size:1.5rem!important}.text-4xl{font-size:1.75rem!important}.text-5xl,.text-6xl{font-size:2rem!important;line-height:1.2}.topbar{padding:0 1rem;height:var(--topbar-height)}.topbar .ml-auto{gap:.5rem!important}#user-display-name{display:none}#user-role-badge{font-size:.65rem;padding:2px 6px}#topbar-profile-btn{width:32px!important;height:32px!important}#user-avatar-initial{font-size:.875rem!important}.sidebar{width:var(--sidebar-width)}.content-area{padding:1rem!important}.card{padding:1rem!important;border-radius:1.25rem!important}.mb-8{margin-bottom:1.5rem!important}.mb-10{margin-bottom:2rem!important}.mb-12{margin-bottom:2.5rem!important}.gap-4{gap:.75rem!important}.gap-6{gap:1rem!important}.gap-8{gap:1.25rem!important}.p-6{padding:1rem!important}.p-8{padding:1.25rem!important}.p-12{padding:1.5rem!important}.grid{grid-template-columns:1fr!important;gap:1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}#view-dashboard .grid.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}#view-dashboard .grid.grid-cols-1.lg\:grid-cols-12{grid-template-columns:1fr!important}#view-dashboard .lg\:col-span-8,#view-dashboard .lg\:col-span-4{grid-column:span 1!important}#view-dashboard .grid.grid-cols-1.md\:grid-cols-3{grid-template-columns:1fr!important;gap:1rem!important}.stat-value{font-size:1.75rem!important}.stat-label{font-size:.7rem!important}#achievements-catalog-grid{grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important}.btn{padding:.75rem 1rem!important;font-size:.875rem!important}#view-trainer{height:calc(100vh - var(--topbar-height))!important;padding:1rem!important}.trainer-orb-container{transform:scale(.7);margin:-2rem 0!important}#training-timer-overlay{position:relative!important;left:0!important;top:0!important;transform:none!important;margin:1rem auto!important;width:100%!important}#training-phase-name{font-size:.65rem!important}#performance-score{font-size:.6rem!important}#view-closer{padding:1rem!important}#view-closer .max-w-3xl>div{flex-direction:column!important;padding:1.5rem 1rem!important;gap:1rem!important}#client-input{width:100%!important;font-size:1rem!important;min-height:120px!important;padding:.75rem!important}#analyze-button{width:100%!important;padding:1rem!important;font-size:.95rem!important}#analysis-result-container .card{padding:1.25rem!important}#strategy-content{font-size:.875rem!important;line-height:1.6!important}#strategy-content h3,#strategy-content h4{font-size:1rem!important;margin-top:1.5rem!important;margin-bottom:.75rem!important}#strategy-content ul,#strategy-content ol{padding-left:1.25rem!important}#strategy-content li{margin-bottom:.5rem!important}#view-alfred{padding:1rem!important}#view-alfred .max-w-3xl{padding:0!important}#question-card{min-height:350px!important;padding:1.5rem!important}.alfred-opt-btn{padding:1rem!important;font-size:.875rem!important}#alfred-step-indicator,#alfred-progress-percent{font-size:.65rem!important}#view-profile{padding:1rem!important}#view-profile .max-w-4xl{padding:0!important}#view-profile .grid{grid-template-columns:1fr!important}#view-knowledge{padding:1rem!important}#view-knowledge .grid{grid-template-columns:1fr!important}#view-knowledge .max-w-6xl{padding:0!important}#view-wellness{padding:1rem!important}#view-wellness .grid{grid-template-columns:1fr!important}#view-wellness .max-w-6xl{padding:0!important}#view-admin-users,#view-admin-audit{padding:1rem!important}#leaderboard-list .flex{padding:.75rem!important}#leaderboard-list .text-sm{font-size:.8rem!important}.h-1\.5{height:.25rem!important}svg{max-width:20px;max-height:20px}.nav-item svg{width:18px!important;height:18px!important}#auth-modal .card{max-width:90vw!important;padding:1.5rem!important}.content-area{scrollbar-width:thin}.content-area::-webkit-scrollbar{width:3px}}@media (min-width: 431px) and (max-width: 768px){.content-area{padding:1.5rem}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid.grid-cols-1.lg\:grid-cols-12{grid-template-columns:1fr}#achievements-catalog-grid{grid-template-columns:repeat(4,1fr)!important}.stat-value{font-size:2rem!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}}@media (min-width: 769px){.sidebar{transform:translate(0)!important}#sidebar-toggle{display:none}#sidebar-close{display:none!important}}@media (max-width: 932px) and (orientation: landscape){.topbar{height:48px}.content-area{padding:.75rem!important}#view-trainer{height:calc(100vh - 48px)!important}.trainer-orb-container{transform:scale(.6);margin:-3rem 0!important}}