*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .7rem;--text-sm: .825rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--leading-tight: 1.3;--leading-normal: 1.55;--leading-loose: 1.8;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--duration-fast: .12s;--duration-normal: .24s;--duration-slow: .4s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--transition-fast: var(--duration-fast) var(--ease-standard);--transition-normal: var(--duration-normal) var(--ease-standard);--transition-slow: var(--duration-slow) var(--ease-standard);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .07), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .06);--z-below: -1;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-skip: 400;--sidebar-width: 220px;--sidebar-collapsed: 64px;--navbar-height: 56px;--content-max: 1280px}.theme-light{color-scheme:light;--bg-app: 220 14% 97%;--bg-surface: 0 0% 100%;--bg-elevated: 220 14% 97%;--bg-sunken: 220 13% 94%;--bg-hover: 220 13% 93%;--text-primary: 222 47% 11%;--text-secondary: 215 16% 47%;--text-muted: 215 15% 65%;--text-disabled: 215 15% 78%;--text-inverse: 0 0% 100%;--brand: 243 75% 59%;--brand-hover: 243 75% 53%;--brand-active: 243 75% 47%;--brand-subtle: 243 75% 59% / .1;--brand-border: 243 75% 59% / .3;--accent: 217 91% 60%;--accent-subtle:217 91% 60% / .1;--success: 142 72% 29%;--success-subtle:142 72% 29% / .1;--success-border:142 72% 29% / .25;--warning: 38 92% 50%;--warning-subtle:38 92% 50% / .1;--warning-border:38 92% 50% / .25;--danger: 0 72% 51%;--danger-subtle:0 72% 51% / .1;--danger-border:0 72% 51% / .25;--border: 220 13% 91%;--border-focus: var(--brand);--border-strong:220 13% 80%;--card-shadow: var(--shadow-sm);--overlay-bg: 222 47% 11% / .4;--primary: var(--brand);--bg-primary: var(--bg-app);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-sunken);--border-color: var(--border);--glass-bg: 0 0% 100% / .9}.theme-dark{color-scheme:dark;--bg-app: 222 47% 9%;--bg-surface: 222 47% 13%;--bg-elevated: 222 47% 11%;--bg-sunken: 222 47% 7%;--bg-hover: 217 33% 17%;--text-primary: 210 40% 97%;--text-secondary: 215 20% 72%;--text-muted: 215 16% 52%;--text-disabled: 215 16% 38%;--text-inverse: 222 47% 9%;--brand: 245 75% 68%;--brand-hover: 245 75% 74%;--brand-active: 245 75% 80%;--brand-subtle: 245 75% 68% / .12;--brand-border: 245 75% 68% / .3;--accent: 217 91% 65%;--accent-subtle:217 91% 65% / .12;--success: 142 70% 45%;--success-subtle:142 70% 45% / .12;--success-border:142 70% 45% / .3;--warning: 45 93% 47%;--warning-subtle:45 93% 47% / .12;--warning-border:45 93% 47% / .3;--danger: 355 84% 62%;--danger-subtle:355 84% 62% / .12;--danger-border:355 84% 62% / .3;--border: 217 33% 20%;--border-focus: var(--brand);--border-strong:217 33% 28%;--card-shadow: 0 4px 24px rgba(0, 0, 0, .35);--overlay-bg: 222 47% 4% / .6;--primary: var(--brand);--bg-primary: var(--bg-app);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-sunken);--border-color: var(--border);--glass-bg: 222 47% 13% / .9}.theme-forest{color-scheme:light;--bg-app: 100 15% 96%;--bg-surface: 0 0% 100%;--bg-elevated: 100 15% 96%;--bg-sunken: 100 12% 91%;--bg-hover: 100 12% 89%;--text-primary: 120 25% 14%;--text-secondary: 120 10% 44%;--text-muted: 120 8% 58%;--text-disabled: 120 8% 72%;--text-inverse: 0 0% 100%;--brand: 135 48% 35%;--brand-hover: 135 48% 29%;--brand-active: 135 48% 24%;--brand-subtle: 135 48% 35% / .1;--brand-border: 135 48% 35% / .3;--accent: 43 65% 45%;--accent-subtle:43 65% 45% / .1;--success: 135 48% 35%;--success-subtle:135 48% 35% / .1;--success-border:135 48% 35% / .25;--warning: 35 75% 45%;--warning-subtle:35 75% 45% / .1;--warning-border:35 75% 45% / .25;--danger: 0 65% 45%;--danger-subtle:0 65% 45% / .1;--danger-border:0 65% 45% / .25;--border: 100 12% 86%;--border-focus: var(--brand);--border-strong:100 12% 76%;--card-shadow: var(--shadow-sm);--overlay-bg: 120 25% 14% / .4;--primary: var(--brand);--bg-primary: var(--bg-app);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-sunken);--border-color: var(--border);--glass-bg: 0 0% 100% / .9}.theme-study{color-scheme:light;--bg-app: 210 30% 96%;--bg-surface: 0 0% 100%;--bg-elevated: 210 30% 96%;--bg-sunken: 210 24% 91%;--bg-hover: 210 24% 88%;--text-primary: 217 42% 15%;--text-secondary: 215 19% 36%;--text-muted: 215 16% 52%;--text-disabled: 215 14% 72%;--text-inverse: 0 0% 100%;--brand: 209 82% 40%;--brand-hover: 209 82% 34%;--brand-active: 209 82% 28%;--brand-subtle: 209 82% 40% / .11;--brand-border: 209 82% 40% / .3;--accent: 160 46% 38%;--accent-subtle:160 46% 38% / .11;--success: 150 55% 32%;--success-subtle:150 55% 32% / .1;--success-border:150 55% 32% / .25;--warning: 40 90% 45%;--warning-subtle:40 90% 45% / .12;--warning-border:40 90% 45% / .28;--danger: 0 68% 48%;--danger-subtle:0 68% 48% / .1;--danger-border:0 68% 48% / .25;--border: 210 21% 85%;--border-focus: var(--brand);--border-strong:210 21% 74%;--card-shadow: var(--shadow-sm);--overlay-bg: 217 42% 15% / .4;--primary: var(--brand);--bg-primary: var(--bg-app);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-sunken);--border-color: var(--border);--glass-bg: 0 0% 100% / .92}.theme-cyberpunk{color-scheme:dark;--bg-app: 270 35% 4%;--bg-surface: 270 30% 8%;--bg-elevated: 270 30% 6%;--bg-sunken: 270 35% 3%;--bg-hover: 270 28% 13%;--text-primary: 280 80% 95%;--text-secondary: 285 40% 72%;--text-muted: 270 25% 50%;--text-disabled: 270 18% 35%;--text-inverse: 270 35% 4%;--brand: 290 100% 65%;--brand-hover: 290 100% 71%;--brand-active: 290 100% 77%;--brand-subtle: 290 100% 65% / .13;--brand-border: 290 100% 65% / .35;--accent: 180 100% 55%;--accent-subtle:180 100% 55% / .12;--success: 140 100% 48%;--success-subtle:140 100% 48% / .12;--success-border:140 100% 48% / .3;--warning: 45 100% 55%;--warning-subtle:45 100% 55% / .12;--warning-border:45 100% 55% / .3;--danger: 350 100% 60%;--danger-subtle:350 100% 60% / .12;--danger-border:350 100% 60% / .3;--border: 270 28% 18%;--border-focus: var(--brand);--border-strong:270 28% 26%;--card-shadow: 0 4px 24px rgba(180, 0, 255, .12);--overlay-bg: 270 35% 2% / .72;--primary: var(--brand);--bg-primary: var(--bg-app);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-sunken);--border-color: var(--border);--glass-bg: 270 30% 8% / .95}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (forced-colors: active){.btn,.form-input,.glass-panel{forced-color-adjust:auto}}.form-error:before{content:"";display:inline-block;width:12px;height:12px;background:currentColor;border-radius:50%;flex-shrink:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") no-repeat center}html{scroll-behavior:smooth;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:hsl(var(--bg-app));color:hsl(var(--text-primary));min-height:100vh;overflow-x:hidden;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-muted))}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);letter-spacing:-.015em;line-height:var(--leading-tight);color:hsl(var(--text-primary))}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{color:hsl(var(--text-secondary))}a{color:hsl(var(--brand));text-decoration:none;transition:color var(--transition-fast)}a:hover{color:hsl(var(--brand-hover))}code,kbd,samp{font-family:var(--font-mono);font-size:.9em}.glass-panel{background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.glass-panel-hover:hover{border-color:hsla(var(--brand-border));box-shadow:var(--shadow-md)}.glass-panel-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:hsla(var(--brand-border))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);padding:0 var(--space-4);height:36px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;min-height:auto;min-width:auto}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:hsl(var(--brand));color:#fff;border-color:hsl(var(--brand))}.btn-primary:hover{background-color:hsl(var(--brand-hover));border-color:hsl(var(--brand-hover));box-shadow:0 2px 6px hsla(var(--brand) / .3)}.btn-secondary{background-color:hsl(var(--bg-surface));color:hsl(var(--text-primary));border-color:hsl(var(--border))}.btn-secondary:hover{background-color:hsl(var(--bg-hover));border-color:hsl(var(--border-strong))}.btn-ghost{background-color:transparent;color:hsl(var(--text-secondary));border-color:transparent}.btn-ghost:hover{background-color:hsl(var(--bg-hover));color:hsl(var(--text-primary))}.btn-danger{background-color:hsl(var(--danger));color:#fff;border-color:hsl(var(--danger))}.btn-danger:hover{background-color:hsla(var(--danger) / .88);box-shadow:0 2px 6px hsla(var(--danger) / .3)}.btn-success{background-color:hsl(var(--success));color:#fff}.btn-success:hover{background-color:hsla(var(--success) / .88)}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-icon{width:36px;height:36px;padding:0}.btn-icon-sm{width:28px;height:28px;padding:0;border-radius:var(--radius-xs)}.w-full{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:1;white-space:nowrap}.badge-primary{background-color:hsla(var(--brand-subtle));color:hsl(var(--brand))}.badge-success{background-color:hsla(var(--success-subtle));color:hsl(var(--success))}.badge-warning{background-color:hsla(var(--warning-subtle));color:hsl(var(--warning))}.badge-danger{background-color:hsla(var(--danger-subtle));color:hsl(var(--danger))}.badge-neutral{background-color:hsl(var(--bg-sunken));color:hsl(var(--text-secondary));border:1px solid hsl(var(--border))}.progress-bar{height:6px;background-color:hsl(var(--bg-sunken));border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:hsl(var(--brand));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-standard)}.progress-bar-fill.success{background-color:hsl(var(--success))}.progress-bar-fill.warning{background-color:hsl(var(--warning))}.xp-bar-container{height:5px;background-color:hsl(var(--bg-sunken));border-radius:var(--radius-full);overflow:hidden}.xp-bar-fill{height:100%;background-color:hsl(var(--brand));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-standard)}.divider,hr.dropdown-divider{height:1px;background-color:hsl(var(--border));margin:var(--space-2) 0;border:none}.toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:hsl(var(--text-primary));min-width:240px;max-width:360px;pointer-events:all;animation:slideUp var(--duration-normal) var(--ease-decelerate) both}.toast.toast-success{border-left:3px solid hsl(var(--success))}.toast.toast-warn{border-left:3px solid hsl(var(--warning))}.toast.toast-error{border-left:3px solid hsl(var(--danger))}.toast.toast-info{border-left:3px solid hsl(var(--brand))}.stats-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.stats-card-label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.06em}.stats-card-value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:hsl(var(--text-primary));line-height:1}.stats-card-sub{font-size:var(--text-xs);color:hsl(var(--text-muted))}.tabs{display:flex;gap:2px;background-color:hsl(var(--bg-sunken));padding:3px;border-radius:var(--radius-sm);border:1px solid hsl(var(--border))}.tab-btn{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);min-height:auto;min-width:auto}.tab-btn:hover{color:hsl(var(--text-primary));background-color:hsla(var(--bg-surface) / .6)}.tab-btn.active{background-color:hsl(var(--bg-surface));color:hsl(var(--text-primary));box-shadow:var(--shadow-xs);font-weight:var(--fw-semibold)}.auth-page-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background-color:hsl(var(--bg-app))}.auth-card{display:grid;grid-template-columns:1fr 1.15fr;width:100%;max-width:820px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.auth-visual-pane{background:linear-gradient(135deg,hsl(var(--brand)),hsl(var(--accent)));padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;color:#fff}.auth-visual-pane .big-logo{width:52px;height:52px;font-size:1.6rem;border-radius:var(--radius-md);background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fw-bold)}.auth-visual-pane h2{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:#fff}.auth-quote{font-size:var(--text-sm);color:#fffc;line-height:var(--leading-loose);font-style:italic}.auth-footer-dots{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.auth-footer-dots .dot{width:7px;height:7px;border-radius:50%;background-color:#ffffff59}.auth-footer-dots .dot.active{background-color:#fff}.auth-form-pane{padding:var(--space-8);background-color:hsl(var(--bg-surface));display:flex;flex-direction:column;gap:var(--space-5);justify-content:center}.auth-tabs{display:flex;gap:2px}.auth-tab-btn{flex:1;padding:var(--space-2) var(--space-3);background:hsl(var(--bg-sunken));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);min-height:36px;min-width:auto}.auth-tab-btn.active{background-color:hsl(var(--bg-surface));color:hsl(var(--brand));border-color:hsl(var(--brand-border));font-weight:var(--fw-semibold)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form.hidden{display:none}.auth-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);border:1px solid transparent;display:flex;align-items:center;gap:var(--space-2)}.auth-alert.hidden{display:none}.auth-alert.alert-success{background-color:hsla(var(--success-subtle));border-color:hsl(var(--success-border));color:hsl(var(--success))}.auth-alert.alert-danger{background-color:hsla(var(--danger-subtle));border-color:hsl(var(--danger-border));color:hsl(var(--danger))}.forgot-password-link{font-size:var(--text-xs);color:hsl(var(--brand));font-weight:var(--fw-medium);min-height:auto;min-width:auto}.label-wrapper-flex{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.demo-assist-box{padding:var(--space-3) var(--space-4);background-color:hsl(var(--bg-sunken));border-radius:var(--radius-sm);border:1px solid hsl(var(--border));font-size:var(--text-xs);color:hsl(var(--text-muted))}.demo-assist-box ul{margin-top:var(--space-2);padding-left:var(--space-4);display:flex;flex-direction:column;gap:2px}.auth-buttons-flex{display:flex;gap:var(--space-3)}.auth-buttons-flex .btn{flex:1}@media (max-width: 620px){.auth-card{grid-template-columns:1fr}.auth-visual-pane{display:none}.auth-form-pane{padding:var(--space-6) var(--space-5)}}.page-content{max-width:var(--content-max);margin:0 auto;padding-bottom:var(--space-8)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header-left h1{margin-bottom:var(--space-1)}.page-header-left p{font-size:var(--text-sm);color:hsl(var(--text-muted))}.dashboard-welcome-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.dashboard-welcome-section .subtitle-text{font-size:var(--text-sm);color:hsl(var(--text-muted));margin-top:var(--space-1)}.welcome-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.stats-xp-progress{margin-top:var(--space-4)}.first-day-action{width:100%;justify-content:flex-start}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.logs-console{background-color:hsl(var(--bg-sunken));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);overflow-y:auto;flex:1;min-height:200px}.log-entry{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-1) 0;border-bottom:1px solid hsla(var(--border) / .5);line-height:var(--leading-normal)}.log-entry:last-child{border-bottom:none}.log-timestamp{color:hsl(var(--text-muted))}.log-level{font-weight:var(--fw-bold)}.log-level.success{color:hsl(var(--success))}.log-level.info{color:hsl(var(--accent))}.log-level.warn{color:hsl(var(--warning))}.log-level.error{color:hsl(var(--danger))}.landing-page-wrapper{min-height:100vh;background-color:hsl(var(--bg-app))}.landing-header{position:sticky;top:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background-color:hsla(var(--bg-surface) / .9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid hsl(var(--border))}.landing-brand{display:flex;align-items:center;gap:var(--space-3)}.landing-nav{display:flex;gap:var(--space-6)}.landing-nav a{font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-secondary))}.landing-nav a:hover{color:hsl(var(--text-primary))}.landing-auth-actions{display:flex;gap:var(--space-2)}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;padding:var(--space-16) var(--space-8);max-width:var(--content-max);margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:hsla(var(--brand-subtle));color:hsl(var(--brand));border:1px solid hsl(var(--brand-border));border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);margin-bottom:var(--space-5)}.hero-content{display:flex;flex-direction:column;justify-content:center}.hero-content h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-5)}.hero-desc{font-size:var(--text-base);color:hsl(var(--text-secondary));line-height:var(--leading-loose);margin-bottom:var(--space-6);max-width:480px}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-mockup-wrapper{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid hsl(var(--border));background-color:hsl(var(--bg-surface));min-height:300px;display:flex;align-items:center;justify-content:center}.hero-mockup-img{width:100%;height:auto;display:block}.hero-mockup-placeholder{padding:var(--space-10);text-align:center;color:hsl(var(--text-muted))}.hero-system-preview{width:100%;min-height:340px;display:grid;grid-template-columns:180px 1fr;background:hsl(var(--bg-app))}.preview-sidebar{border-right:1px solid hsl(var(--border));background:hsl(var(--bg-surface));padding:14px 10px}.preview-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;margin-bottom:16px}.preview-brand-logo{width:20px;height:20px;border-radius:6px;background:hsl(var(--brand));color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px}.preview-nav{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:11px;color:hsl(var(--text-secondary))}.preview-nav li{padding:6px 8px;border-radius:8px}.preview-nav li.active{background:hsla(var(--brand-subtle));color:hsl(var(--brand));font-weight:600}.preview-main{padding:12px;display:grid;grid-template-rows:auto auto 1fr;gap:10px}.preview-topbar{display:flex;justify-content:space-between;font-size:11px;color:hsl(var(--text-secondary))}.preview-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-card{border:1px solid hsl(var(--border));border-radius:10px;padding:8px;font-size:10px;line-height:1.4;color:hsl(var(--text-secondary));background:hsl(var(--bg-surface))}.preview-card b{color:hsl(var(--text-primary));font-size:14px}.preview-wide-card{border:1px dashed hsl(var(--brand-border));border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:hsl(var(--brand));background:hsla(var(--brand-subtle))}.landing-features,.landing-pricing,.landing-testimonials,.landing-cta{padding:var(--space-16) var(--space-8);max-width:var(--content-max);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.section-header p{font-size:var(--text-base);color:hsl(var(--text-muted));max-width:520px;margin:0 auto;line-height:var(--leading-loose)}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5)}.feature-card-item{padding:var(--space-6);border-radius:var(--radius-md);background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-normal)}.feature-card-item:hover{border-color:hsl(var(--brand-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon-box{font-size:1.75rem;width:52px;height:52px;border-radius:var(--radius-md);background-color:hsla(var(--brand-subtle));display:flex;align-items:center;justify-content:center}.feature-card-item h3{font-size:var(--text-base)}.feature-card-item p{font-size:var(--text-sm);line-height:var(--leading-loose);color:hsl(var(--text-muted))}.testimonial-carousel{padding:16px;overflow:hidden}.testimonial-track{display:flex;transition:transform .35s ease}.testimonial-slide{min-width:100%;padding:12px}.testimonial-controls{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.testimonial-dots{display:flex;gap:8px}.testimonial-dot{width:8px;height:8px;border-radius:999px;border:0;background:hsl(var(--border));cursor:pointer}.testimonial-dot.active{background:hsl(var(--brand))}@media (max-width: 768px){.landing-hero{grid-template-columns:1fr}.hero-mockup-wrapper,.landing-nav{display:none}.landing-header{padding:var(--space-4)}.landing-features,.landing-pricing,.landing-cta,.landing-hero{padding:var(--space-10) var(--space-4)}}.hidden{display:none!important}.invisible{visibility:hidden}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.opacity-60{opacity:.6}.text-center{text-align:center}.text-success{color:hsl(var(--success))!important}.text-warning{color:hsl(var(--warning))!important}.text-danger{color:hsl(var(--danger))!important}.text-primary{color:hsl(var(--brand))!important}.text-accent{color:hsl(var(--accent))!important}.text-muted{color:hsl(var(--text-muted))!important}.app-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4);color:hsl(var(--text-muted))}.loader-spinner{width:36px;height:36px;border:3px solid hsla(var(--brand) / .2);border-top-color:hsl(var(--brand));border-radius:50%;animation:spin .7s linear infinite}.offline-banner{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);background:hsla(var(--bg-surface) / .95);border:1px solid hsl(var(--warning-border));padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);color:hsl(var(--warning));display:flex;align-items:center;gap:var(--space-2);z-index:var(--z-toast);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-container{display:grid;grid-template-rows:var(--navbar-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr;grid-template-areas:"sidebar navbar" "sidebar main";height:100vh;width:100vw;overflow:hidden;background-color:hsl(var(--bg-app))}.app-sidebar{grid-area:sidebar;display:flex;flex-direction:column;background-color:hsl(var(--bg-surface));border-right:1px solid hsl(var(--border));padding:var(--space-4);overflow-y:auto;overflow-x:hidden;z-index:var(--z-raised);transition:width var(--transition-normal),transform var(--transition-normal)}.brand-section{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-1);flex-shrink:0}.brand-logo{width:30px;height:30px;border-radius:var(--radius-sm);background-color:hsl(var(--brand));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fw-bold);font-size:1.05rem;flex-shrink:0}.brand-name{font-size:var(--text-md);font-weight:var(--fw-semibold);color:hsl(var(--text-primary));white-space:nowrap}.nav-menu{display:flex;flex-direction:column;gap:2px;list-style:none;flex-grow:1;overflow:hidden}.nav-item a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:hsl(var(--text-secondary));text-decoration:none;font-weight:var(--fw-medium);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;min-height:36px}.nav-item a:hover{color:hsl(var(--text-primary));background-color:hsl(var(--bg-hover))}.nav-item.active a{font-weight:var(--fw-semibold);color:hsl(var(--brand));background-color:hsla(var(--brand-subtle))}.nav-item a svg{width:18px;height:18px;stroke:hsl(var(--text-muted));stroke-width:2;fill:none;flex-shrink:0;transition:stroke var(--transition-fast)}.nav-item a:hover svg{stroke:hsl(var(--text-primary))}.nav-item.active a svg{stroke:hsl(var(--brand))}.nav-section-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-3) var(--space-1);margin-top:var(--space-2)}.user-status-card{margin-top:auto;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid hsl(var(--border));background-color:hsl(var(--bg-surface));flex-shrink:0}.user-status-xp{display:flex;justify-content:space-between;font-size:var(--text-xs);margin-bottom:var(--space-2);color:hsl(var(--text-secondary))}.app-navbar{grid-area:navbar;display:flex;align-items:center;justify-content:space-between;background-color:hsl(var(--bg-surface));border-bottom:1px solid hsl(var(--border));padding:0 var(--space-5);z-index:var(--z-raised);gap:var(--space-3)}.navbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.menu-toggle{display:none;background:transparent;border:none;color:hsl(var(--text-primary));cursor:pointer;width:36px;height:36px;border-radius:var(--radius-sm);align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast);min-height:auto;min-width:auto}.menu-toggle:hover{background-color:hsl(var(--bg-hover))}.page-title{font-size:var(--text-md);font-weight:var(--fw-semibold);color:hsl(var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.nav-action-btn{background:transparent;border:none;color:hsl(var(--text-secondary));cursor:pointer;position:relative;width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);min-height:auto;min-width:auto}.nav-action-btn:hover{background-color:hsl(var(--bg-hover));color:hsl(var(--text-primary))}.badge-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;background-color:hsl(var(--danger));border-radius:50%;border:1.5px solid hsl(var(--bg-surface))}.user-profile-menu{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast);border:1px solid transparent;min-height:auto;min-width:auto}.user-profile-menu:hover{background-color:hsl(var(--bg-hover));border-color:hsl(var(--border))}.user-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid hsl(var(--border));flex-shrink:0}.user-name-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-primary))}.dropdown-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;padding:var(--space-1) 0;z-index:var(--z-overlay);border-radius:var(--radius-md);border:1px solid hsl(var(--border));background-color:hsl(var(--bg-surface));box-shadow:var(--shadow-lg)}.dropdown-menu.hidden{display:none}.dropdown-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid hsl(var(--border));font-size:var(--text-xs);font-weight:var(--fw-semibold);color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.05em}.dropdown-divider{height:1px;background-color:hsl(var(--border));margin:var(--space-1) 0;border:none}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:0;color:hsl(var(--text-primary));font-family:var(--font-sans);font-size:var(--text-sm);text-align:left;text-decoration:none;cursor:pointer;transition:background var(--transition-fast);min-height:auto;min-width:auto}.dropdown-item:hover{background-color:hsl(var(--bg-hover))}.dropdown-item.text-danger{color:hsl(var(--danger))}.dropdown-item.text-danger:hover{background-color:hsla(var(--danger-subtle))}.notifications-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid hsl(var(--border));transition:background var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:hsl(var(--bg-hover))}.noti-badge{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0}.noti-success{background-color:hsl(var(--success))}.noti-warn{background-color:hsl(var(--warning))}.noti-error{background-color:hsl(var(--danger))}.noti-info{background-color:hsl(var(--brand))}.noti-body p{font-size:var(--text-xs);color:hsl(var(--text-primary));line-height:var(--leading-normal)}.noti-body small{font-size:.68rem;color:hsl(var(--text-muted));display:block;margin-top:2px}.noti-empty{padding:var(--space-4) var(--space-3);font-size:var(--text-xs);color:hsl(var(--text-muted));text-align:center}.app-main{grid-area:main;padding:var(--space-5);overflow-y:auto;background-color:hsl(var(--bg-app))}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:hsla(var(--overlay-bg));z-index:calc(var(--z-modal) - 1)}.sidebar-overlay.active{display:block}@media (max-width: 900px){.app-container{grid-template-columns:1fr;grid-template-rows:var(--navbar-height) 1fr;grid-template-areas:"navbar" "main"}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);transform:translate(-100%);z-index:var(--z-modal);box-shadow:var(--shadow-xl)}.app-sidebar.mobile-open{transform:translate(0)}.menu-toggle{display:flex}.app-main{padding:var(--space-4)}}@media (max-width: 480px){.app-main{padding:var(--space-3)}.user-name-label{display:none}}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-secondary));margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);color:hsl(var(--text-primary));font-family:var(--font-sans);font-size:var(--text-sm);transition:all var(--transition-fast);min-height:38px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:hsl(var(--brand));box-shadow:0 0 0 3px hsla(var(--brand-subtle))}.form-input::placeholder,.form-textarea::placeholder{color:hsl(var(--text-muted))}.form-input[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:hsl(var(--danger));box-shadow:0 0 0 3px hsla(var(--danger-subtle))}.form-textarea{resize:vertical;min-height:96px;padding:var(--space-3)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}.input-wrapper{position:relative}.input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:hsl(var(--text-muted));pointer-events:none}.input-wrapper .form-input{padding-left:var(--space-8)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(var(--overlay-bg));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:var(--space-5);transform:scale(.96);transition:transform var(--transition-normal);background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border))}.modal-close{background:transparent;border:none;color:hsl(var(--text-secondary));cursor:pointer;width:28px;height:28px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);min-height:auto;min-width:auto}.modal-close:hover{background-color:hsl(var(--bg-hover));color:hsl(var(--text-primary))}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid hsl(var(--border))}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);margin-top:var(--space-4)}@media (max-width: 760px){.dashboard-grid{grid-template-columns:1fr}}.widget-card{display:flex;flex-direction:column;min-height:280px;padding:var(--space-4)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border));flex-shrink:0}.widget-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--fw-semibold);color:hsl(var(--text-primary))}.widget-title svg{color:hsl(var(--brand))!important;flex-shrink:0}.widget-drag-handle{cursor:grab;padding:var(--space-1);border-radius:var(--radius-xs);color:hsl(var(--text-muted));transition:color var(--transition-fast)}.widget-drag-handle:hover{color:hsl(var(--text-secondary))}.widget-content{flex-grow:1;overflow-y:auto}.habits-list{display:flex;flex-direction:column;gap:var(--space-2)}.habit-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius-sm);background-color:hsl(var(--bg-app));border:1px solid hsl(var(--border));transition:all var(--transition-fast)}.habit-item.completed{border-color:hsla(var(--success-border));background-color:hsla(var(--success-subtle))}.habit-item-info{display:flex;flex-direction:column;gap:2px}.habit-item-name{font-weight:var(--fw-medium);font-size:var(--text-sm);color:hsl(var(--text-primary))}.habit-item.completed .habit-item-name{text-decoration:line-through;color:hsl(var(--text-muted))}.habit-item-streak{font-size:var(--text-xs);color:hsl(var(--brand));font-weight:var(--fw-semibold)}.habit-checkbox{width:22px;height:22px;border-radius:var(--radius-xs);border:1.5px solid hsl(var(--border-strong));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);background:transparent;flex-shrink:0;min-height:auto;min-width:auto}.habit-checkbox.checked{background-color:hsl(var(--success));border-color:hsl(var(--success))}.habit-checkbox svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;opacity:0;transition:opacity var(--transition-fast)}.habit-checkbox.checked svg{opacity:1}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);height:calc(100vh - 160px);align-items:start}@media (max-width: 900px){.kanban-board{grid-template-columns:repeat(2,1fr);height:auto}}@media (max-width: 540px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background-color:hsl(var(--bg-app));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column}.kanban-column-header{margin-bottom:var(--space-3)}.kanban-column-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:hsl(var(--text-primary))}.kanban-column-count{font-size:var(--text-xs);color:hsl(var(--text-muted));margin-left:var(--space-2)}.kanban-cards-container{display:flex;flex-direction:column;gap:var(--space-2);min-height:100px}.kanban-card{padding:var(--space-3);background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);cursor:grab;display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:hsl(var(--brand-border))}.kanban-card.dragging{opacity:.5;cursor:grabbing}.kanban-card-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-primary))}.kanban-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:hsl(var(--text-muted))}.kanban-card-time{display:flex;align-items:center;gap:var(--space-1)}.kanban-drop-zone{min-height:60px;border:2px dashed transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.kanban-drop-zone.active{border-color:hsl(var(--brand));background-color:hsla(var(--brand-subtle))}.calendar-container{display:flex;flex-direction:column;gap:var(--space-4)}.calendar-top{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.calendar-month-label{font-size:var(--text-lg);font-weight:var(--fw-semibold)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day-header{text-align:center;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:hsl(var(--text-muted));padding:var(--space-2) 0;text-transform:uppercase;letter-spacing:.05em}.calendar-day{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:72px;padding:var(--space-1);font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;border:1px solid transparent;overflow:hidden}.calendar-day:hover{background-color:hsl(var(--bg-hover))}.calendar-day.today{background-color:hsla(var(--brand-subtle));border-color:hsl(var(--brand-border))}.calendar-day.has-events:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:hsl(var(--brand))}.calendar-day.selected{background-color:hsl(var(--brand));color:#fff}.calendar-day.other-month{color:hsl(var(--text-muted));opacity:.5}.focus-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 760px){.focus-layout-grid{grid-template-columns:1fr}}.focus-card-wrapper{padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.focus-mode-tabs{display:flex;gap:2px;background-color:hsl(var(--bg-sunken));padding:3px;border-radius:var(--radius-sm);border:1px solid hsl(var(--border));width:100%}.focus-tab-btn{flex:1;padding:var(--space-2) var(--space-2);background:transparent;border:none;border-radius:calc(var(--radius-sm) - 2px);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-medium);color:hsl(var(--text-secondary));cursor:pointer;transition:all var(--transition-fast);min-height:auto;min-width:auto}.focus-tab-btn:hover{color:hsl(var(--text-primary))}.focus-tab-btn.active{background-color:hsl(var(--bg-surface));color:hsl(var(--brand));font-weight:var(--fw-semibold);box-shadow:var(--shadow-xs)}.focus-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.pomodoro-svg-wrapper{position:relative;width:240px;height:240px}.pomodoro-circle-bg{fill:none;stroke:hsl(var(--bg-sunken));stroke-width:12}.pomodoro-circle-progress{fill:none;stroke:hsl(var(--brand));stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--duration-normal) var(--ease-standard)}.timer-text-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1)}.timer-time{font-family:var(--font-mono);font-size:3rem;font-weight:var(--fw-bold);color:hsl(var(--text-primary));line-height:1}.timer-status{font-size:var(--text-xs);color:hsl(var(--text-muted));font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.1em}.focus-controls{display:flex;align-items:center;gap:var(--space-3)}.focus-sounds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%}.focus-sound-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background-color:hsl(var(--bg-app));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);color:hsl(var(--text-secondary));transition:all var(--transition-fast);min-height:auto;min-width:auto}.focus-sound-btn:hover,.focus-sound-btn.active{border-color:hsl(var(--brand-border));background-color:hsla(var(--brand-subtle));color:hsl(var(--brand))}.level-gamy-status{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-5)}.gamy-avatar-wrapper{display:flex;align-items:center;gap:var(--space-4)}.level-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--brand)),hsl(var(--accent)));color:#fff;font-size:var(--text-xl);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.goal-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.goal-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.goal-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:hsl(var(--text-primary))}.goal-category{font-size:var(--text-xs);color:hsl(var(--text-muted));flex-shrink:0}.goal-progress-label{display:flex;justify-content:space-between;font-size:var(--text-xs);color:hsl(var(--text-muted));margin-bottom:var(--space-1)}.smart-energy-panel{padding:var(--space-4)}.energy-chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.energy-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:var(--radius-full);background:hsla(var(--brand-subtle));border:1px solid hsl(var(--brand-border));color:hsl(var(--text-secondary));font-size:var(--text-xs);font-weight:var(--fw-medium)}.goal-smart-actions{display:flex;gap:var(--space-2);margin-top:12px;flex-wrap:wrap}.goal-risk-row{margin-top:12px}.goal-risk-badge{display:inline-flex;font-size:var(--text-xs);padding:5px 9px;border-radius:var(--radius-full);border:1px solid hsl(var(--border))}.goal-risk-badge.risk-low{background:hsla(var(--success-subtle));color:hsl(var(--success))}.goal-risk-badge.risk-medium{background:hsla(var(--warning-subtle));color:hsl(var(--warning))}.goal-risk-badge.risk-high,.goal-risk-badge.risk-critical{background:hsla(var(--danger-subtle));color:hsl(var(--danger))}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.achievement-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.achievement-icon{font-size:1.5rem;flex-shrink:0;filter:grayscale(1);opacity:.4;transition:all var(--transition-normal)}.achievement-card.unlocked .achievement-icon{filter:none;opacity:1}.achievement-info{display:flex;flex-direction:column;gap:2px}.achievement-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:hsl(var(--text-primary))}.achievement-desc{font-size:var(--text-xs);color:hsl(var(--text-muted));line-height:var(--leading-normal)}.routine-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5)}@media (max-width: 900px){.routine-layout{grid-template-columns:1fr}}.routine-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border));transition:all var(--transition-fast);gap:var(--space-3)}.routine-item:hover{border-color:hsl(var(--brand-border))}.routine-item.completed{border-color:hsla(var(--success-border));background-color:hsla(var(--success-subtle))}.routine-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.routine-item-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-primary))}.routine-item.completed .routine-item-name{text-decoration:line-through;color:hsl(var(--text-muted))}.routine-item-time{font-size:var(--text-xs);color:hsl(var(--text-muted))}.routine-item-actions{display:flex;gap:var(--space-1);flex-shrink:0}.profile-grid{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6)}@media (max-width: 760px){.profile-grid{grid-template-columns:1fr}}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5)}.profile-avatar-lg{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid hsl(var(--brand))}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.06em;padding-bottom:var(--space-2);border-bottom:1px solid hsl(var(--border))}.theme-picker{display:flex;gap:var(--space-3);flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-md);border:2px solid transparent;transition:all var(--transition-fast);min-height:auto;min-width:auto}.theme-option:hover{border-color:hsl(var(--border-strong))}.theme-option.active{border-color:hsl(var(--brand))}.theme-swatch{width:56px;height:36px;border-radius:var(--radius-sm);border:1px solid hsl(var(--border))}.theme-swatch.light{background:linear-gradient(135deg,#f8fafc 50%,#4f46e5 50%)}.theme-swatch.dark{background:linear-gradient(135deg,#0f172a 50%,#6366f1 50%)}.theme-swatch.forest{background:linear-gradient(135deg,#f4f7f4 50%,#2d6a4f 50%)}.theme-label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:hsl(var(--text-secondary))}.fab-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);width:48px;height:48px;border-radius:var(--radius-full);background-color:hsl(var(--brand));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);z-index:var(--z-overlay);min-height:auto;min-width:auto}.fab-btn:hover{background-color:hsl(var(--brand-hover));transform:scale(1.05);box-shadow:var(--shadow-xl)}.admin-workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-5)}@media (max-width: 768px){.admin-workspace-grid{grid-template-columns:1fr}}.test-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}.admin-table th{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-muted));border-bottom:1px solid hsl(var(--border))}.admin-table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid hsla(var(--border) / .5);color:hsl(var(--text-primary))}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:hsl(var(--bg-hover))}.stats-widget-inner{display:flex;justify-content:space-around;height:100%;align-items:center}.stat-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-num{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:hsl(var(--text-primary))}.stat-label{font-size:var(--text-xs);color:hsl(var(--text-muted));text-align:center}.agenda-list{display:flex;flex-direction:column;gap:var(--space-2)}.agenda-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:hsl(var(--bg-app));border:1px solid hsl(var(--border));font-size:var(--text-sm);transition:all var(--transition-fast)}.agenda-item:hover{border-color:hsl(var(--brand-border))}.agenda-item-time{font-family:var(--font-mono);font-size:var(--text-xs);color:hsl(var(--brand));font-weight:var(--fw-semibold);flex-shrink:0;min-width:40px}.agenda-item-name{flex:1;color:hsl(var(--text-primary));font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-suggestions-list{display:flex;flex-direction:column;gap:var(--space-3)}.ai-suggestion-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background-color:hsla(var(--brand-subtle));border:1px solid hsl(var(--brand-border));font-size:var(--text-xs);color:hsl(var(--text-secondary));line-height:var(--leading-normal)}.ai-suggestion-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.chart-wrapper{position:relative;height:180px}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;pointer-events:none}.levelup-card{background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--brand-border));border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-xl);animation:scaleIn var(--duration-normal) var(--ease-decelerate)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5)}.pricing-card{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid hsl(var(--border));background-color:hsl(var(--bg-surface));display:flex;flex-direction:column;gap:var(--space-4)}.pricing-card.featured{border-color:hsl(var(--brand));box-shadow:0 0 0 3px hsla(var(--brand-subtle))}.pricing-price{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:hsl(var(--text-primary))}.pricing-price span{font-size:var(--text-base);font-weight:var(--fw-normal);color:hsl(var(--text-muted))}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.pricing-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:hsl(var(--text-secondary))}.pricing-features li:before{content:"✓";color:hsl(var(--success));font-weight:var(--fw-bold);flex-shrink:0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.testimonial-card{padding:var(--space-5);border-radius:var(--radius-md);background-color:hsl(var(--bg-surface));border:1px solid hsl(var(--border))}.testimonial-quote{font-size:var(--text-sm);color:hsl(var(--text-secondary));line-height:var(--leading-loose);margin-bottom:var(--space-4);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.testimonial-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid hsl(var(--border))}.testimonial-author-info{display:flex;flex-direction:column;gap:1px}.testimonial-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:hsl(var(--text-primary))}.testimonial-role{font-size:var(--text-xs);color:hsl(var(--text-muted))}.cta-section{text-align:center;padding:var(--space-12) var(--space-8);background:linear-gradient(135deg,hsla(var(--brand-subtle)),hsla(var(--accent-subtle)));border-radius:var(--radius-xl);border:1px solid hsl(var(--brand-border))}.cta-section h2{margin-bottom:var(--space-3)}.cta-section p{margin-bottom:var(--space-6);color:hsl(var(--text-muted))}.empty-state-text{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:hsl(var(--text-muted))}.priority-high{border-left:3px solid hsl(var(--danger))!important}.priority-medium{border-left:3px solid hsl(var(--warning))!important}.priority-low{border-left:3px solid hsl(var(--success))!important}.priority-text-high{color:hsl(var(--danger));font-weight:var(--fw-semibold)}.priority-text-medium{color:hsl(var(--warning));font-weight:var(--fw-semibold)}.priority-text-low{color:hsl(var(--success));font-weight:var(--fw-semibold)}.badge-category{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium);background:hsla(var(--brand-subtle));color:hsl(var(--brand))}.badge-frequency{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium);background:hsla(var(--accent-subtle));color:hsl(var(--accent));border:1px solid hsla(var(--accent) / .25)}.badge-priority{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.today-tasks-list{display:flex;flex-direction:column;gap:var(--space-2)}.task-agenda-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:hsl(var(--bg-app));border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--border-strong));transition:all var(--transition-fast)}.task-agenda-item.completed{opacity:.55}.task-agenda-item.completed .task-title-text{text-decoration:line-through;color:hsl(var(--text-muted))}.task-agenda-item.priority-high{border-left-color:hsl(var(--danger))}.task-agenda-item.priority-medium{border-left-color:hsl(var(--warning))}.task-agenda-item.priority-low{border-left-color:hsl(var(--success))}.task-check-circle{width:20px;height:20px;border-radius:50%;border:2px solid hsl(var(--border-strong));display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;flex-shrink:0;min-height:auto;min-width:auto;transition:all var(--transition-fast)}.task-check-circle.checked{background:hsl(var(--success));border-color:hsl(var(--success))}.task-check-circle svg{width:10px;height:10px;stroke:#fff;stroke-width:3;fill:none;opacity:0;transition:opacity var(--transition-fast)}.task-check-circle.checked svg{opacity:1}.task-agenda-details{flex:1;min-width:0}.task-title-text{font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-primary));display:block}.task-meta-flex{display:flex;gap:var(--space-2);align-items:center;margin-top:2px;flex-wrap:wrap}.task-time-lbl{font-size:var(--text-xs);font-family:var(--font-mono);color:hsl(var(--brand));font-weight:var(--fw-semibold)}.task-tag-lbl{display:inline-flex;align-items:center;padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium)}.pomodoro-widget-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0;height:100%}.pomo-widget-mode{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--text-muted))}.pomo-widget-timer{font-family:var(--font-mono);font-size:2.5rem;font-weight:var(--fw-bold);color:hsl(var(--text-primary));line-height:1}.pomo-widget-controls{display:flex;gap:var(--space-2)}.kanban-info-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.kanban-col-add-btn{width:26px;height:26px;border-radius:var(--radius-xs);border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--text-muted));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);min-height:auto;min-width:auto}.kanban-col-add-btn:hover{border-color:hsl(var(--brand-border));color:hsl(var(--brand));background:hsla(var(--brand-subtle))}.routine-header-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.routine-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.date-selector-wrapper{display:flex;align-items:center;gap:var(--space-3)}.routine-workspace-split{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5);align-items:start}@media (max-width: 900px){.routine-workspace-split{grid-template-columns:1fr}}.periods-container{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.period-segment{padding:var(--space-4)}.period-segment-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:4px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;margin-bottom:var(--space-3)}.period-manha{background:#f4c02526;color:#c68910}.period-tarde{background:#f47b2526;color:#c15415}.period-noite{background:#5252e026;color:#4242d7}.period-madrugada{background:#9933cc26;color:#9b41c8}.routine-schedule-area{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.routine-habits-area{display:flex;flex-direction:column;gap:var(--space-4)}.period-tasks-list{display:flex;flex-direction:column;gap:var(--space-2)}.empty-period-text{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:hsl(var(--text-muted))}.task-row-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:hsl(var(--bg-app));border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--border-strong));border-radius:var(--radius-sm);transition:all var(--transition-fast)}.task-row-card:hover{border-color:hsl(var(--brand-border))}.task-row-card.completed{opacity:.55}.task-row-card.priority-high{border-left-color:hsl(var(--danger))}.task-row-card.priority-medium{border-left-color:hsl(var(--warning))}.task-row-card.priority-low{border-left-color:hsl(var(--success))}.task-row-left{display:flex;gap:var(--space-3);align-items:flex-start;flex:1;min-width:0}.task-row-time{font-family:var(--font-mono);font-size:var(--text-xs);color:hsl(var(--brand));font-weight:var(--fw-semibold);flex-shrink:0;min-width:44px}.task-row-body{flex:1;min-width:0}.task-row-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:hsl(var(--text-primary))}.task-row-notes{font-size:var(--text-xs);color:hsl(var(--text-muted));display:block;margin-top:2px}.task-row-actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.habits-area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.habits-list-scroll{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;max-height:60vh}.habit-manager-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:hsl(var(--bg-app));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);transition:all var(--transition-fast)}.habit-manager-item.completed{background:hsla(var(--success-subtle));border-color:hsl(var(--success-border))}.templates-grid-list{display:flex;flex-direction:column;gap:var(--space-2)}.template-select-item{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);background:hsl(var(--bg-app));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:var(--font-sans);min-height:auto;min-width:auto}.template-select-item:hover{border-color:hsl(var(--brand-border));background:hsla(var(--brand-subtle))}.template-select-item strong{font-size:var(--text-sm);color:hsl(var(--text-primary))}.template-select-item p{font-size:var(--text-xs);color:hsl(var(--text-muted));margin:0}.ai-conflict-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.warning-icon{font-size:1.25rem;flex-shrink:0}.calendar-workspace-flex{display:grid;grid-template-columns:1fr 300px;gap:var(--space-5);margin-top:var(--space-4);align-items:start}@media (max-width: 900px){.calendar-workspace-flex{grid-template-columns:1fr}}.calendar-grid-wrapper{padding:var(--space-4)}.calendar-day-number{font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:2px 4px;border-radius:var(--radius-xs);align-self:flex-start;line-height:1.4}.calendar-day.today .calendar-day-number{background:hsl(var(--brand));color:#fff;border-radius:var(--radius-xs)}.calendar-day-events{display:flex;flex-direction:column;gap:2px;margin-top:2px;width:100%;overflow:hidden}.calendar-event{font-size:.62rem;padding:1px 4px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:hsla(var(--brand-subtle));color:hsl(var(--brand));border:1px solid hsl(var(--brand-border));line-height:1.5}.calendar-event.completed{opacity:.5;text-decoration:line-through}.calendar-event.priority-high{background:hsla(var(--danger-subtle));color:hsl(var(--danger));border-color:hsl(var(--danger-border))}.calendar-event.priority-medium{background:hsla(var(--warning-subtle));color:hsl(var(--warning));border-color:hsl(var(--warning-border))}.calendar-day-details-panel{padding:var(--space-4)}.calendar-day-details-panel.hidden{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border))}.panel-body{flex:1}.details-tasks-list{display:flex;flex-direction:column;gap:var(--space-2)}.focus-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.focus-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.focus-history-list{display:flex;flex-direction:column;gap:var(--space-2)}.focus-history-item{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-2) 0;border-bottom:1px solid hsla(var(--border) / .5)}.focus-history-item:last-child{border-bottom:none}.history-bullet{font-size:1rem;flex-shrink:0}.soundscape-panel{width:100%;background:hsl(var(--bg-app));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:var(--space-4)}.soundscape-panel h4{font-size:var(--text-sm);margin-bottom:var(--space-3);color:hsl(var(--text-secondary))}.soundscape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}@media (max-width: 540px){.soundscape-grid{grid-template-columns:repeat(2,1fr)}}.soundscape-item{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:hsl(var(--bg-surface));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-medium);color:hsl(var(--text-secondary));transition:all var(--transition-fast);min-height:auto;min-width:auto}.soundscape-item:hover,.soundscape-item.active{border-color:hsl(var(--brand-border));background:hsla(var(--brand-subtle));color:hsl(var(--brand))}.goals-layout-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5);align-items:start}@media (max-width: 1024px){.goals-layout-grid{grid-template-columns:1fr}}.goals-management-area{display:flex;flex-direction:column;min-width:0}.achievements-sidebar-area{display:flex;flex-direction:column;gap:var(--space-4)}.completed-goals-list{opacity:.8}.goals-area-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.goals-category-sec{margin-top:var(--space-5)}.goals-category-sec h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.goals-list-flex{display:flex;flex-direction:column;gap:var(--space-3)}.goal-card-item{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.goal-card-item.completed{opacity:.65}.goal-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.goal-progress-slider{width:100%;height:6px;border-radius:var(--radius-full);cursor:pointer;accent-color:hsl(var(--brand));margin-top:var(--space-2);display:block}.smart-goal-summary{padding:var(--space-3)}.profile-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}@media (max-width: 900px){.profile-layout-grid{grid-template-columns:1fr}}.profile-main-area{padding:var(--space-5)}.profile-side-area{display:flex;flex-direction:column;gap:0}.avatar-change-wrapper{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.pref-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.theme-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.theme-btn-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid hsl(var(--border));cursor:pointer;background:hsl(var(--bg-app));transition:all var(--transition-fast);font-family:var(--font-sans);min-height:auto;min-width:auto}.theme-btn-card:hover{border-color:hsl(var(--brand-border))}.theme-btn-card.active{border-color:hsl(var(--brand));box-shadow:0 0 0 2px hsla(var(--brand-subtle))}.theme-circle{width:44px;height:44px;border-radius:50%;border:1px solid hsla(0 0% 0% / .12);flex-shrink:0}.theme-btn-card strong{font-size:var(--text-xs);font-weight:var(--fw-medium);color:hsl(var(--text-primary));text-align:center}.achievement-icon-wrapper{font-size:1.5rem;flex-shrink:0;filter:grayscale(1);opacity:.35;transition:all var(--transition-normal)}.achievement-card.unlocked .achievement-icon-wrapper{filter:none;opacity:1}.landing-prefooter-cta{display:flex;justify-content:center;margin:var(--space-2) 0 var(--space-6)}.landing-footer{border-top:1px solid hsl(var(--border));padding:var(--space-8);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs);color:hsl(var(--text-muted));max-width:var(--content-max);margin:0 auto}.ai-suggestion-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-normal)}.ai-suggestion-card strong{display:block;font-weight:var(--fw-semibold);margin-bottom:2px}.ai-suggestion-card p{margin:0;opacity:.9}.noti-filter-btn.active,.tour-filter-btn.active{background-color:hsl(var(--brand));color:#fff;border-color:hsl(var(--brand))}.task-audit-trail,.goal-audit-trail{font-size:.68rem;color:hsl(var(--text-muted));margin-top:var(--space-2);display:flex;flex-direction:column;gap:2px;border-top:1px dashed hsla(var(--border-color) / .5);padding-top:var(--space-2)}.habit-audit-trail{font-size:.65rem;color:hsl(var(--text-muted));margin-top:2px}.goal-slider-progress{margin:var(--space-4) 0}.skip-link{position:fixed;top:-100%;left:var(--space-4);z-index:var(--z-skip, 400);padding:var(--space-3) var(--space-5);background-color:hsl(var(--bg-surface));color:hsl(var(--brand));font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);text-decoration:none;border:2px solid hsl(var(--brand));border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:top var(--duration-fast) var(--ease-decelerate)}.skip-link:focus{top:var(--space-3);outline:3px solid hsl(var(--brand));outline-offset:2px}:focus-visible{outline:2px solid hsl(var(--brand));outline-offset:2px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[tabindex]:focus-visible{outline:2px solid hsl(var(--brand));outline-offset:2px;border-radius:var(--radius-xs)}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid hsl(var(--brand));outline-offset:0;border-color:hsl(var(--brand));box-shadow:0 0 0 3px hsla(var(--brand-subtle))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}[aria-live=polite],[aria-live=assertive]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[aria-live=polite]:not(:empty),[aria-live=assertive]:not(:empty){clip:auto;clip-path:none;height:auto;overflow:visible;position:static;white-space:normal;width:auto}[aria-disabled=true],[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}[aria-busy=true]{cursor:wait}[aria-expanded=false] .expand-icon{transform:rotate(0)}[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[aria-selected=true]{background-color:hsla(var(--brand-subtle));color:hsl(var(--brand))}[aria-pressed=true]{background-color:hsla(var(--brand-subtle));color:hsl(var(--brand));border-color:hsl(var(--brand-border))}[aria-invalid=true] .form-input,[aria-invalid=true].form-input{border-color:hsl(var(--danger));box-shadow:0 0 0 3px hsla(var(--danger-subtle))}.keyboard-nav-active *:focus{outline:2px solid hsl(var(--brand));outline-offset:2px}button,[role=button],a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.btn-inline,.btn-xs,.btn-icon-sm{min-height:32px;min-width:32px}.text-on-dark{color:#fff}.text-on-light{color:#0f1729}.nav-item a:focus-visible{outline:2px solid hsl(var(--brand));outline-offset:-2px;border-radius:var(--radius-sm)}.form-group{position:relative}.form-error{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-size:var(--text-xs);color:hsl(var(--danger));font-weight:var(--fw-medium)}.form-error:before{content:"";display:inline-block;width:12px;height:12px;background:currentColor;border-radius:50%;flex-shrink:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") no-repeat center}.form-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:hsl(var(--text-muted))}.form-label-required:after{content:" *";color:hsl(var(--danger));font-weight:var(--fw-normal)}.skeleton{background:linear-gradient(90deg,hsla(var(--border)) 25%,hsla(var(--bg-hover)),hsla(var(--border)) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm);color:transparent!important;-webkit-user-select:none;user-select:none}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.skeleton-text.w-75{width:75%}.skeleton-text.w-50{width:50%}.skeleton-text.w-25{width:25%}.skeleton-avatar{width:36px;height:36px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center;color:hsl(var(--text-muted));gap:var(--space-3)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-2);opacity:.6}.empty-state-title{font-size:var(--text-md);font-weight:var(--fw-semibold);color:hsl(var(--text-secondary))}.empty-state-desc{font-size:var(--text-sm);max-width:300px;line-height:var(--leading-loose)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid transparent}.alert-info{background-color:hsla(var(--accent-subtle));border-color:hsla(var(--accent) / .25);color:hsl(var(--accent))}.alert-success{background-color:hsla(var(--success-subtle));border-color:hsl(var(--success-border));color:hsl(var(--success))}.alert-warning{background-color:hsla(var(--warning-subtle));border-color:hsl(var(--warning-border));color:hsl(var(--warning))}.alert-danger{background-color:hsla(var(--danger-subtle));border-color:hsl(var(--danger-border));color:hsl(var(--danger))}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background-color:hsl(var(--bg-sunken));color:hsl(var(--text-primary));font-size:var(--text-xs);font-weight:var(--fw-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid hsl(var(--border));white-space:nowrap;z-index:var(--z-overlay);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-md)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:hsl(var(--border))}.tooltip-wrapper:hover .tooltip,.tooltip-wrapper:focus-within .tooltip{opacity:1}.help-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:hsl(var(--bg-hover));color:hsl(var(--text-muted));border:1px solid hsl(var(--border));font-size:11px;font-weight:var(--fw-bold);cursor:pointer;transition:all var(--duration-fast);line-height:1;font-family:var(--font-sans);vertical-align:middle}.help-btn:hover{background-color:hsla(var(--brand-subtle));color:hsl(var(--brand));border-color:hsl(var(--brand-border))}.help-panel{position:fixed;right:0;top:var(--navbar-height, 56px);bottom:0;width:320px;background-color:hsl(var(--bg-surface));border-left:1px solid hsl(var(--border));box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-normal) var(--ease-decelerate)}.help-panel.open{transform:translate(0)}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid hsl(var(--border))}.help-panel-body{flex:1;overflow-y:auto;padding:var(--space-5)}.help-panel-section{margin-bottom:var(--space-6)}.help-panel-section h4{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.help-step{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.help-step-num{width:22px;height:22px;border-radius:50%;background-color:hsla(var(--brand-subtle));color:hsl(var(--brand));font-size:var(--text-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-step-text{font-size:var(--text-sm);color:hsl(var(--text-secondary));line-height:var(--leading-normal)}.guided-tour-layer.hidden{display:none}.guided-tour-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000}.guided-tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0206178c}.tour-highlight{position:relative;z-index:12001;box-shadow:0 0 0 3px hsl(var(--accent)),0 0 0 9999px #02061759;border-radius:10px}.guided-tour-popover{position:fixed;width:min(320px,calc(100vw - 24px));padding:14px;border-radius:12px;background:hsl(var(--bg-surface));border:1px solid hsl(var(--border));box-shadow:var(--shadow-xl);z-index:12002}.guided-tour-step{font-size:.75rem;color:hsl(var(--text-secondary));margin-bottom:6px}.guided-tour-popover h3{margin:0 0 8px;font-size:1rem}.guided-tour-popover p{margin:0;font-size:.86rem;color:hsl(var(--text-secondary))}.guided-tour-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.help-tour-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:hsl(var(--warning));box-shadow:0 0 0 2px hsl(var(--bg-surface))}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;background-color:hsl(var(--bg-sunken));border:1px solid hsl(var(--border-strong));border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.68rem;font-weight:var(--fw-semibold);color:hsl(var(--text-secondary));box-shadow:0 1px hsl(var(--border-strong))}.spinner{display:inline-block;width:18px;height:18px;border:2px solid hsla(var(--brand) / .2);border-top-color:hsl(var(--brand));border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-4);color:hsl(var(--text-muted));font-size:var(--text-sm)}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-decelerate) both}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-decelerate) both}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-decelerate) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}