:root{--color-primary: #6366F1;--color-primary-light: #818CF8;--color-primary-dark: #4F46E5;--color-primary-bg: #EEF0FF;--color-primary-gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 50%, #A78BFA 100%);--color-accent: #F97316;--color-accent-light: #FB923C;--color-accent-bg: #FFF7ED;--color-accent-gradient: linear-gradient(135deg, #F97316 0%, #FB923C 50%, #FBBF24 100%);--color-success: #10B981;--color-success-bg: #ECFDF5;--color-success-dark: #059669;--color-success-gradient: linear-gradient(135deg, #34D399 0%, #10B981 50%, #059669 100%);--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-danger: #F43F5E;--color-danger-bg: #FFF1F2;--color-danger-dark: #E11D48;--color-info: #6366F1;--color-peach: #FDBA74;--color-peach-bg: #FFF5EB;--color-sunny: #FCD34D;--color-sunny-bg: #FFFBEB;--color-mint: #6EE7B7;--color-mint-bg: #ECFDF5;--color-lavender: #C4B5FD;--color-lavender-bg: #F5F3FF;--color-coral: #FCA5A5;--color-coral-bg: #FEF2F2;--color-chart-positive: #34D399;--color-chart-corrective: #FB923C;--color-chart-neutral: #A8A29E;--color-chart-severity-minor: #60A5FA;--color-chart-severity-moderate: #FBBF24;--color-chart-severity-major: #F87171;--color-chart-severity-crisis: #DC2626;--color-white: #ffffff;--color-gray-50: #FFFBF7;--color-gray-100: #F5F0EB;--color-gray-200: #E8E3DB;--color-gray-300: #C8C2B8;--color-gray-400: #9A9488;--color-gray-500: #6B6560;--color-gray-600: #4A4540;--color-gray-700: #332F2B;--color-gray-800: #1E1C19;--color-gray-900: #0F0E0C;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 36px;--space-2xl: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(120, 80, 50, .05);--shadow-md: 0 4px 16px rgba(120, 80, 50, .07);--shadow-lg: 0 8px 32px rgba(120, 80, 50, .09);--shadow-card-hover: 0 12px 36px rgba(120, 80, 50, .11);--shadow-glow-primary: 0 0 28px rgba(99, 102, 241, .3);--shadow-glow-accent: 0 0 28px rgba(249, 115, 22, .35);--shadow-glow-success: 0 0 28px rgba(16, 185, 129, .3);--touch-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-gray-50);color:var(--color-gray-800);line-height:1.6;min-height:100dvh}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.skip-to-content{position:absolute;top:-100px;left:var(--space-md);background:var(--color-primary);color:var(--color-white);padding:var(--space-sm) var(--space-md);font-weight:600;font-size:.875rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:1000;transition:top .2s;text-decoration:none}.skip-to-content:focus{top:0;outline:2px solid var(--color-white);outline-offset:-4px}.alert-dismiss{background:none;border:none;cursor:pointer;opacity:.6;padding:0 4px;line-height:1;display:flex;align-items:center;transition:opacity .15s,background .15s;border-radius:var(--radius-sm)}.alert-dismiss:hover{background:#00000014;opacity:1}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:36px;height:36px;border-width:4px}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);min-height:16px}.skeleton--text{height:14px;margin-bottom:var(--space-sm)}.skeleton--title{height:20px;width:60%;margin-bottom:var(--space-md)}.skeleton--card{height:120px;margin-bottom:var(--space-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}h1,h2,h3,h4,h5,h6{font-weight:650;line-height:1.3;color:var(--color-gray-900)}h1{font-size:1.75rem;letter-spacing:-.02em}h2{font-size:1.35rem;letter-spacing:-.01em}h3{font-size:1.15rem;font-weight:500}p{margin-bottom:var(--space-md);font-size:.95rem;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}a:focus-visible .card,a:focus-visible .stat-card,a:focus-visible .goal-card,a:focus-visible .top-earner-item{outline:2px solid var(--color-primary);outline-offset:1px;border-radius:var(--radius-md)}.app-main>*{animation:pageSlideIn .35s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-container{display:flex;flex-direction:column;min-height:100dvh}.app-header{background:var(--color-primary-gradient);color:var(--color-white);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;min-height:52px;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #6366f14d}.app-header__title{font-size:1.15rem;font-weight:700;color:var(--color-white);letter-spacing:-.01em}.app-header__user{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem}.app-header__user-btn{background:#ffffff26;border:none;color:var(--color-white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;min-height:var(--touch-min);transition:background .2s,transform .15s}.app-header__user-btn:hover{background:#ffffff40;transform:translateY(-1px)}.app-main{flex:1;padding:var(--space-md);padding-bottom:80px;max-width:900px;margin:0 auto;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-gray-200);display:flex;justify-content:space-around;align-items:center;padding:var(--space-xs) var(--space-sm);z-index:100;box-shadow:0 -2px 16px #7850320f}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);min-height:var(--touch-min);min-width:var(--touch-min);border:none;background:none;color:var(--color-gray-500);cursor:pointer;font-size:.75rem;font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:color .2s,background .2s,transform .15s;position:relative}.bottom-nav__item:hover{color:var(--color-primary);background:var(--color-primary-bg);transform:translateY(-2px)}.bottom-nav__item--active{color:var(--color-primary);background:var(--color-primary-bg)}.bottom-nav__item--active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--color-primary);border-radius:0 0 3px 3px}.bottom-nav__icon{font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .2s}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__item--fab{color:var(--color-white)!important;background:var(--color-accent-gradient)!important;border-radius:var(--radius-full)!important;width:52px;height:52px;min-width:52px;min-height:52px;margin-top:-24px;box-shadow:0 4px 20px #f9731666;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s!important;animation:fabBounceIn .5s ease-out}.bottom-nav__item--fab:hover{transform:scale(1.1)!important;box-shadow:0 6px 28px #f9731680!important;background:var(--color-accent-gradient)!important}.bottom-nav__item--fab .bottom-nav__icon{font-size:1.5rem}.bottom-nav__item--fab:after{display:none}@keyframes fabBounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.bottom-nav__more-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 -4px 20px #0000001f;padding:var(--space-xs);display:flex;flex-direction:column;gap:2px;min-width:160px;z-index:100;animation:moreMenuIn .2s ease-out}@keyframes moreMenuIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottom-nav__more-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-gray-700);text-decoration:none;transition:background .15s;min-height:40px}.bottom-nav__more-item:hover,.bottom-nav__more-item--active{background:var(--color-primary-bg);color:var(--color-primary)}.card{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary-light);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .25s,border-color .2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-light)}.card--elevated{box-shadow:var(--shadow-md);border-left:4px solid var(--color-accent);background:linear-gradient(180deg,var(--color-white) 0%,var(--color-accent-bg) 100%)}.card--elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.card__title{font-size:1rem;font-weight:650;color:var(--color-gray-900)}.card__subtitle{font-size:.8rem;color:var(--color-gray-500)}.card__body{font-size:.925rem}.card__footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-gray-100);display:flex;gap:var(--space-sm);flex-wrap:wrap}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-xs);letter-spacing:.01em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;font-family:var(--font-sans);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-gray-800);min-height:var(--touch-min);transition:border-color .2s,box-shadow .2s,background .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a;background:#fafaff}.form-textarea{min-height:100px;resize:vertical}.form-input--error{border-color:var(--color-danger)}.form-error{font-size:.8rem;color:var(--color-danger);margin-top:var(--space-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.925rem;font-weight:600;font-family:var(--font-sans);border:1.5px solid transparent;border-radius:10px;cursor:pointer;min-height:var(--touch-min);transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn:after{content:"";position:absolute;inset:0;background:transparent;transition:background .2s;border-radius:inherit}.btn:hover:after{background:#ffffff1f}.btn--primary{background:var(--color-primary-gradient);color:var(--color-white);box-shadow:0 2px 12px #6366f14d}.btn--primary:hover{box-shadow:0 4px 20px #6366f166;transform:translateY(-1px)}.btn--secondary{background:var(--color-white);color:var(--color-primary);border-color:var(--color-primary-light)}.btn--secondary:hover{background:var(--color-primary-bg);transform:translateY(-1px)}.btn--danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:var(--color-white);box-shadow:0 2px 12px #f43f5e40}.btn--danger:hover{box-shadow:0 4px 20px #f43f5e59;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-gray-600);border-color:transparent}.btn--ghost:hover{background:var(--color-gray-100)}.btn--success{background:var(--color-success-gradient);color:var(--color-white);box-shadow:0 2px 12px #10b98140}.btn--success:hover{box-shadow:0 4px 20px #10b98159;transform:translateY(-1px)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:.8rem;min-height:36px}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:1.05rem;min-height:52px;border-radius:12px}.btn--full{width:100%}.badge{display:inline-flex;align-items:center;padding:3px var(--space-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);line-height:1.5;letter-spacing:.02em;transition:transform .15s}.badge:hover{transform:scale(1.05)}.badge--positive{background:var(--color-success-bg);color:var(--color-success-dark)}.badge--minor{background:var(--color-primary-bg);color:var(--color-primary-dark)}.badge--moderate{background:var(--color-warning-bg);color:#92400e}.badge--major{background:var(--color-danger-bg);color:var(--color-danger-dark)}.badge--crisis{background:#fee2e2;color:#991b1b}.badge--neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.badge--pending{background:var(--color-warning-bg);color:#92400e}.badge--completed{background:var(--color-success-bg);color:var(--color-success-dark)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.8rem}.text-muted{color:var(--color-gray-500)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-gray-400);font-size:.925rem}.alert{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.9rem;border:1px solid;animation:alertSlideIn .3s ease-out}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert--info{background:var(--color-primary-bg);border-color:#ddd6fe;color:var(--color-primary-dark)}.alert--warning{background:var(--color-warning-bg);border-color:#fde68a;color:#92400e}.alert--success{background:var(--color-success-bg);border-color:#a7f3d0;color:#065f46}.alert--error{background:var(--color-danger-bg);border-color:#fecdd3;color:#9f1239}.alert--demo{background:linear-gradient(135deg,#f5f3ff,#fff7ed);border-color:#ddd6fe;color:#4338ca;font-size:.8rem;padding:var(--space-sm) var(--space-md)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-gray-500)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-300)}.fab-add{position:fixed;bottom:84px;right:var(--space-md);width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent-gradient);color:var(--color-white);border:none;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #f9731673;cursor:pointer;z-index:50;transition:transform .2s,box-shadow .2s;animation:fabEnter .5s ease-out}@keyframes fabEnter{0%{transform:scale(.7);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.fab-add:hover{transform:scale(1.05);box-shadow:0 8px 32px #f973168c}.fab-add:active{transform:scale(.95)}.demo-label{display:inline-flex;align-items:center;padding:2px 8px;background:#f0f4ff;color:#3a4a7a;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid #D0D8F0}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);font-size:.85rem;font-weight:500;font-family:var(--font-sans);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-gray-700);cursor:pointer;min-height:var(--touch-min);transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.chip:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chip--selected{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary-dark);font-weight:600;box-shadow:0 0 0 2px #6366f126}.chip--custom{border-style:dashed;color:var(--color-gray-400)}.chip--custom:hover{color:var(--color-primary);border-color:var(--color-primary-light)}.chip-custom-input-wrapper{display:inline-flex;align-items:center;gap:0}.chip-custom-input{width:110px;padding:var(--space-sm) var(--space-md);font-size:.85rem;font-family:var(--font-sans);border:1.5px dashed var(--color-gray-300);border-radius:var(--radius-full) 0 0 var(--radius-full);background:var(--color-white);color:var(--color-gray-800);min-height:var(--touch-min);outline:none}.chip-custom-input:focus{border-color:var(--color-primary)}.chip-custom-ok{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;min-height:var(--touch-min);cursor:pointer;font-weight:700;font-size:.85rem;transition:background .15s}.chip-custom-ok:hover{background:var(--color-primary-dark)}@keyframes chipShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.chip-custom-input-wrapper--error{animation:chipShake .4s ease-out}.chip-custom-input-wrapper--error .chip-custom-input{border-color:var(--color-danger)}.type-chip-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.type-chip{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-sm);font-size:.9rem;font-weight:500;font-family:var(--font-sans);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);cursor:pointer;min-height:52px;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;text-align:center;line-height:1.2;-webkit-user-select:none;user-select:none}.type-chip:hover{border-color:var(--color-gray-300);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.type-chip--selected{border-width:2px;box-shadow:0 0 0 2px var(--color-primary-light);transform:translateY(-1px)}.student-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:200;margin-top:4px;animation:dropdownIn .15s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.student-dropdown__item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:none;cursor:pointer;font-family:var(--font-sans);text-align:left;min-height:var(--touch-min);transition:background .15s,transform .1s}.student-dropdown__item:hover{background:var(--color-primary-bg);transform:translate(2px)}.student-dropdown__item:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.student-dropdown__empty{padding:var(--space-md);color:var(--color-gray-400);text-align:center}.student-card{background:linear-gradient(135deg,var(--color-gray-50),var(--color-primary-bg));border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-md)}.student-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:700;font-size:.85rem;flex-shrink:0;overflow:hidden;object-fit:cover;border:2px solid var(--color-primary-light);box-shadow:0 2px 8px #6366f133;transition:transform .2s,box-shadow .2s}.student-avatar:hover{transform:scale(1.08);box-shadow:0 4px 14px #6366f14d}.student-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.student-avatar--lg{width:48px;height:48px;font-size:1rem}.student-info{display:flex;flex-direction:column;gap:2px}.collapsible{margin-bottom:var(--space-md)}.collapsible__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md);background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:var(--font-sans);color:var(--color-gray-800);cursor:pointer;min-height:var(--touch-min);transition:background .2s,border-color .2s}.collapsible__header:hover{background:var(--color-gray-50);border-color:var(--color-primary-light)}.collapsible__arrow{font-size:1.2rem;transition:transform .3s;color:var(--color-gray-400);display:flex;align-items:center}.collapsible__body{max-height:0;overflow:hidden;border:1.5px solid transparent;border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-white);transition:max-height .3s ease,border-color .3s}.collapsible__body--open{max-height:2000px;border-color:var(--color-gray-200)}.collapsible__body-inner{padding:var(--space-md);animation:collapsibleIn .2s ease-out}.collapsible__body--open .collapsible__body-inner{animation:collapsibleIn .25s ease-out}@keyframes collapsibleIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.app-main{padding:var(--space-lg);padding-bottom:var(--space-lg)}.bottom-nav{display:none}.fab-add{bottom:var(--space-lg);right:var(--space-lg)}.app-header{padding:var(--space-sm) var(--space-lg)}.app-layout{display:flex}.side-nav{display:flex;flex-direction:column;width:220px;background:var(--color-white);border-right:1px solid var(--color-gray-200);min-height:100dvh;padding:var(--space-md) var(--space-sm);position:sticky;top:0;height:100dvh}.side-nav__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:var(--touch-min);color:var(--color-gray-600);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:background .2s,color .2s,border-color .2s,transform .15s;border-left:3px solid transparent;margin-left:-3px}.side-nav__item:hover{background:var(--color-primary-bg);color:var(--color-primary);border-left-color:var(--color-primary-light);transform:translate(2px)}.side-nav__item--active{background:var(--color-primary-bg);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}}@media(max-width:767px){.side-nav{display:none}}.stat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}@media(max-width:900px){.stat-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stat-cards-grid{grid-template-columns:1fr 1fr;gap:var(--space-xs)}}@media(max-width:360px){.stat-cards-grid{grid-template-columns:1fr}}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .25s,border-color .2s;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-top-color:var(--color-primary-dark)}.stat-card__icon{font-size:1.25rem;margin-bottom:var(--space-xs);line-height:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-primary);background:var(--color-primary-bg)}.stat-card__value{font-size:1.6rem;font-weight:700;color:var(--color-gray-800);line-height:1.2}.stat-card__label{font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.stat-card__sub{font-size:.75rem;color:var(--color-gray-500);margin-top:2px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:767px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s,transform .2s}.chart-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-1px)}.chart-card__title{font-size:.8rem;font-weight:600;color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm)}.chart-card__body{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-card__body svg{display:block;max-width:100%;animation:chartFadeIn .4s ease-out}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.student-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:600px){.student-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.student-grid{grid-template-columns:1fr 1fr 1fr}}.student-list-card{display:flex;align-items:center;gap:var(--space-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary-light);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .25s,border-color .2s;min-height:80px}.student-list-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary);border-left-color:var(--color-primary)}.student-list-card__avatar{width:48px;height:48px;border-radius:var(--radius-full);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;overflow:hidden;border:3px solid var(--color-primary-light);box-shadow:0 3px 10px #6366f140;transition:transform .2s,box-shadow .2s}.student-list-card:hover .student-list-card__avatar{transform:scale(1.06);box-shadow:0 4px 16px #6366f159}.student-list-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.student-list-card__info{flex:1;min-width:0}.student-list-card__name{font-weight:600;font-size:.95rem;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-list-card__meta{font-size:.78rem;color:var(--color-gray-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-list-card__badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.student-list-card__arrow{font-size:1.1rem;color:var(--color-gray-400);flex-shrink:0;transition:transform .2s,color .2s}.student-list-card:hover .student-list-card__arrow{transform:translate(2px);color:var(--color-primary)}.student-profile__avatar{width:64px;height:64px;border-radius:var(--radius-full);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;flex-shrink:0;overflow:hidden;border:3px solid var(--color-primary-light);box-shadow:0 4px 16px #6366f14d}.student-profile__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.entry-detail-grid{display:flex;flex-direction:column;gap:var(--space-md)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;z-index:1000;overflow-y:auto;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;width:100%;max-width:480px;margin:var(--space-md);animation:modalIn .25s ease-out}@media(max-width:480px){.modal-overlay{padding-top:0;align-items:flex-end}.modal{margin:0;max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;overflow-y:auto}.modal__header{position:sticky;top:0;z-index:10;background:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-200);background:linear-gradient(180deg,var(--color-primary-bg),transparent)}.modal__title{font-size:1.1rem;font-weight:600;margin:0}.modal__close{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:var(--space-xs);line-height:1;min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s,color .2s,transform .15s}.modal__close:hover{background:var(--color-gray-100);color:var(--color-gray-600);transform:rotate(90deg)}.modal__body{padding:var(--space-lg)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-gray-100)}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--color-gray-800);color:var(--color-white);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;z-index:2000;box-shadow:var(--shadow-lg);animation:toastSlideIn .3s ease-out;white-space:nowrap}@media(max-width:767px){.toast{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:767px){.hide-mobile-filters{display:none}.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none}}@media(max-width:480px){.student-list-card__badges{display:none}}@media(max-width:480px){.form-grid-2{grid-template-columns:1fr!important}}.goal-card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:600px){.goal-card-grid{grid-template-columns:1fr 1fr}}.goal-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .25s,border-color .2s;display:flex;flex-direction:column;gap:var(--space-sm);min-height:160px}.goal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-top-color:var(--color-primary-dark)}.goal-card__header{display:flex;align-items:center;gap:var(--space-md)}.goal-card__avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;overflow:hidden}.goal-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.goal-card__student-info{flex:1;min-width:0}.goal-card__student-name{font-weight:600;font-size:.9rem;color:var(--color-gray-800)}.goal-card__student-meta{font-size:.8rem;color:var(--color-gray-500)}.goal-card__title{font-weight:600;font-size:.925rem;color:var(--color-gray-900);line-height:1.3}.goal-card__behavior{font-size:.8rem;color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-card__progress{display:flex;align-items:center;gap:var(--space-sm)}.goal-card__progress-bar{flex:1;height:8px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.goal-card__progress-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out}.goal-card__progress-label{font-size:.75rem;color:var(--color-gray-500);white-space:nowrap}.goal-card__dates{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-gray-500)}.goal-card__review{font-weight:600}.goal-card__review--overdue{color:var(--color-danger)}.goal-detail,.goal-overview{display:flex;flex-direction:column;gap:var(--space-md)}.goal-overview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.goal-overview__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-lg)}@media(max-width:480px){.goal-overview__fields{grid-template-columns:1fr}}.goal-field{display:flex;flex-direction:column;gap:2px}.goal-field__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.goal-field__value{font-size:.875rem;color:var(--color-gray-800)}.progress-timeline{display:flex;flex-direction:column;gap:var(--space-sm)}.progress-entry{display:flex;gap:var(--space-md);align-items:flex-start}.progress-entry__date{width:90px;flex-shrink:0;font-size:.78rem;color:var(--color-gray-500);text-align:right;padding-top:4px}.progress-entry__content{flex:1;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.progress-entry__rating{display:flex;gap:3px;margin-bottom:var(--space-xs)}.progress-entry__dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-gray-200)}.progress-entry__dot--filled{background:var(--color-primary)}.progress-entry__notes{font-size:.85rem;color:var(--color-gray-700);line-height:1.4}.rating-dots{display:flex;gap:var(--space-sm);align-items:center}.rating-dot{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-gray-300);background:var(--color-white);cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;min-width:32px}.rating-dot:hover{border-color:var(--color-primary);transform:scale(1.15);box-shadow:0 0 12px #6366f140}.rating-dot--selected{border-color:transparent;transform:scale(1.12)}.rating-dot--1.rating-dot--selected{background:#f43f5e;box-shadow:0 0 0 3px #f43f5e33}.rating-dot--2.rating-dot--selected{background:#f97316;box-shadow:0 0 0 3px #f9731633}.rating-dot--3.rating-dot--selected{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.rating-dot--4.rating-dot--selected{background:#10b981;box-shadow:0 0 0 3px #10b98133}.rating-dot--5.rating-dot--selected{background:#059669;box-shadow:0 0 0 3px #05966933}.status-select-inline{font-size:.8rem;font-weight:600;padding:4px var(--space-sm);border-radius:var(--radius-full);border:1px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;min-height:34px;font-family:var(--font-sans);transition:border-color .2s}.status-select-inline:hover{border-color:var(--color-primary-light)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.section-header h2{margin-bottom:0}@media print{.bottom-nav,.side-nav,.app-header,.fab-add,.btn,.alert--demo,.hide-mobile-filters,button{display:none!important}.app-main{padding:0!important;max-width:100%!important}.charts-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;page-break-inside:avoid}.chart-card{break-inside:avoid;border:1px solid #ccc!important;box-shadow:none!important;padding:8px!important}.card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid;transform:none!important}.stat-cards-grid{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.stat-card{border:1px solid #ccc!important;box-shadow:none!important;min-height:auto!important;padding:4px!important;transform:none!important}.stat-card__value{font-size:1rem!important}body{font-size:10px!important;background:#fff!important}h1{font-size:1.2rem!important}h2{font-size:1rem!important}.form-group,.form-select,.form-input,.chip-group{display:none!important}}.landing{background:var(--color-white);color:var(--color-gray-800)}.landing-section{padding:var(--space-2xl) var(--space-md);max-width:960px;margin:0 auto}.landing-section--alt{background:linear-gradient(180deg,#FFFBEB 0%,#FFF5EB 30%,#F5F3FF 70%,var(--color-primary-bg) 100%);max-width:none;padding-left:var(--space-md);padding-right:var(--space-md)}.landing-section--alt>*{max-width:960px;margin-left:auto;margin-right:auto}.landing-section__title{font-size:1.6rem;font-weight:750;text-align:center;margin-bottom:var(--space-sm);color:var(--color-gray-900);position:relative;display:inline-block;width:100%;letter-spacing:-.02em}.landing-section__title:after{content:"";display:block;width:56px;height:4px;background:var(--color-accent-gradient);border-radius:var(--radius-full);margin:var(--space-sm) auto 0}.landing-section__subtitle{text-align:center;color:var(--color-gray-500);margin-bottom:var(--space-xl);font-size:.95rem}.landing-hero{background:linear-gradient(135deg,#3730a3,#4f46e5,#6366f1 40%,#8b5cf6 65%,#a78bfa 85%,#f97316);padding:var(--space-2xl) var(--space-md);position:relative;overflow:hidden;min-height:460px;display:flex;align-items:center}.landing-hero:before{content:"";position:absolute;top:-40%;right:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 40%,transparent 70%);border-radius:50%;animation:heroFloat 8s ease-in-out infinite}.landing-hero:after{content:"";position:absolute;bottom:-25%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(251,191,36,.15) 0%,rgba(249,115,22,.08) 40%,transparent 70%);border-radius:50%;animation:heroFloat 6s ease-in-out infinite reverse}@keyframes heroFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,10px) scale(.97)}}.landing-hero__inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:var(--space-xl);position:relative;z-index:1}.landing-hero__text{flex:1}.landing-hero__graphic{flex-shrink:0}.landing-hero__headline{font-size:2.4rem;font-weight:850;line-height:1.1;color:var(--color-white);margin-bottom:var(--space-md);letter-spacing:-.03em}.landing-hero__sub{font-size:1.15rem;color:#ffffffe0;margin-bottom:var(--space-lg);line-height:1.5;font-weight:400}.landing-hero__actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.landing-hero__actions .btn--primary{background:var(--color-accent-gradient);box-shadow:0 6px 30px #f9731673;font-size:1.05rem;border-radius:12px;padding:var(--space-md) var(--space-xl)}.landing-hero__actions .btn--primary:hover{box-shadow:0 8px 36px #f973168c;transform:translateY(-2px)}.landing-hero__actions .btn--secondary{background:#ffffff1f;border-color:#ffffff4d;color:var(--color-white);font-size:1.05rem;border-radius:12px;padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-hero__actions .btn--secondary:hover{background:#ffffff38;border-color:#ffffff80}.landing-hero__actions .btn--ghost{background:transparent;color:#ffffffbf;border-color:transparent;font-size:1.02rem;border-radius:12px;padding:var(--space-md) var(--space-lg)}.landing-hero__actions .btn--ghost:hover{background:#ffffff1f;border-color:#fff6;color:var(--color-white)}@media(max-width:640px){.landing-hero{min-height:380px}.landing-hero__inner{flex-direction:column-reverse;text-align:center;gap:var(--space-lg)}.landing-hero__headline{font-size:1.8rem}.landing-hero__sub{font-size:1rem}.landing-hero__actions{justify-content:center}}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.landing-steps__item{text-align:center;padding:var(--space-lg);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}.landing-steps__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.landing-steps__item h3{margin-bottom:var(--space-sm);font-size:1.05rem;color:var(--color-gray-900)}.landing-steps__item p{font-size:.9rem;color:var(--color-gray-500);margin-bottom:0}.landing-steps__number{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-primary-gradient);color:var(--color-white);font-size:1.4rem;font-weight:700;margin-bottom:var(--space-md);box-shadow:0 4px 16px #6366f159}@media(max-width:640px){.landing-steps{grid-template-columns:1fr;gap:var(--space-md)}}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.landing-features__item{background:var(--color-white);border:1px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .2s}.landing-features__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-top-color:var(--color-accent)}.landing-features__icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-primary-gradient);color:var(--color-white);margin-bottom:var(--space-sm)}.landing-features__title{font-size:.95rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--color-gray-900)}.landing-features__desc{font-size:.85rem;color:var(--color-gray-500);margin-bottom:0;line-height:1.5}@media(max-width:768px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.landing-features{grid-template-columns:1fr}}.landing-users{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.landing-users__card{background:var(--color-white);border:1px solid var(--color-gray-200);border-top:4px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .2s}.landing-users__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-top-color:var(--color-accent-light)}.landing-users__icon{font-size:2.5rem;margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-accent-bg);color:var(--color-accent);margin-left:auto;margin-right:auto}.landing-users__card h3{font-size:1rem;margin-bottom:var(--space-xs)}.landing-users__card p{font-size:.85rem;color:var(--color-gray-500);margin-bottom:0}@media(max-width:640px){.landing-users{grid-template-columns:1fr}}.landing-docs__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.landing-docs__item{display:flex;gap:var(--space-md);align-items:flex-start;background:var(--color-white);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}.landing-docs__item:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.landing-docs__item strong{display:block;font-size:.95rem;margin-bottom:var(--space-xs);color:var(--color-gray-900)}.landing-docs__item p{font-size:.85rem;color:var(--color-gray-500);margin-bottom:0}@media(max-width:640px){.landing-docs__grid{grid-template-columns:1fr}}.dashboard-preview{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;max-width:700px;margin:0 auto;transition:transform .3s,box-shadow .3s}.dashboard-preview:hover{transform:translateY(-3px);box-shadow:0 16px 48px #78503221}.dashboard-preview__header{background:var(--color-primary-gradient);color:var(--color-white);padding:var(--space-sm) var(--space-md);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:var(--space-sm)}.dashboard-preview__stats{display:grid;grid-template-columns:repeat(4,1fr);padding:var(--space-md);gap:var(--space-sm);background:linear-gradient(180deg,var(--color-white) 0%,var(--color-primary-bg) 100%);border-bottom:1px solid var(--color-gray-100)}.dashboard-preview__stat{text-align:center;padding:var(--space-sm);background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-gray-100);transition:transform .2s}.dashboard-preview__stat:hover{transform:translateY(-2px)}.dashboard-preview__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary);line-height:1.2}.dashboard-preview__stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.dashboard-preview__stat-sub{font-size:.75rem;color:var(--color-gray-400)}.dashboard-preview__chart{padding:var(--space-md);background:var(--color-white)}.dashboard-preview__chart-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-gray-500);margin-bottom:var(--space-md)}.dashboard-preview__bars{display:flex;flex-direction:column;gap:var(--space-sm)}.dashboard-preview__bar-row{display:flex;align-items:center;gap:var(--space-sm)}.dashboard-preview__bar-label{width:80px;font-size:.75rem;color:var(--color-gray-600);text-align:right;flex-shrink:0}.dashboard-preview__bar-track{flex:1;height:12px;background:var(--color-gray-100);border-radius:var(--radius-full);overflow:hidden}.dashboard-preview__bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease-out}.dashboard-preview__bar-val{width:24px;font-size:.75rem;font-weight:600;color:var(--color-gray-600);flex-shrink:0}.dashboard-preview__footer{padding:var(--space-sm) var(--space-md);background:var(--color-sunny-bg);border-top:1px solid #FDE68A;font-size:.75rem}@media(max-width:480px){.dashboard-preview__stats{grid-template-columns:repeat(2,1fr)}.dashboard-preview__bar-label{width:55px;font-size:.65rem}}.landing-privacy__content{max-width:640px;margin:0 auto;font-size:.9rem;line-height:1.6}.landing-privacy__content ul{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.landing-privacy__content li{margin-bottom:var(--space-xs)}.landing-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);align-items:stretch}.landing-pricing__card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:transform .25s,box-shadow .25s,border-color .2s}.landing-pricing__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.landing-pricing__card--highlight{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg),var(--shadow-md);position:relative;border-top:4px solid var(--color-primary);background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-white) 40px)}.landing-pricing__name{font-size:.95rem;font-weight:700;color:var(--color-gray-900)}.landing-pricing__price{font-size:2.4rem;font-weight:850;color:var(--color-primary);line-height:1}.landing-pricing__price span{font-size:.9rem;font-weight:500;color:var(--color-gray-400)}.landing-pricing__desc{font-size:.85rem;color:var(--color-gray-500);margin-bottom:var(--space-sm)}@media(max-width:700px){.landing-pricing{grid-template-columns:1fr}}.landing-demo-form-wrapper{max-width:500px;margin:0 auto}.demo-form{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border-top:4px solid var(--color-primary)}.landing-faq{max-width:680px;margin:0 auto}.faq-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden;transition:box-shadow .2s,border-color .2s}.faq-item:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-light)}.faq-item__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md);background:var(--color-white);border:none;font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--color-gray-800);cursor:pointer;min-height:var(--touch-min);text-align:left;gap:var(--space-sm);transition:background .2s}.faq-item__trigger:hover{background:var(--color-primary-bg)}.faq-item__arrow{font-size:1.1rem;color:var(--color-gray-400);transition:transform .3s;flex-shrink:0}.faq-item__arrow--open{transform:rotate(180deg)}.faq-item__body{padding:0 var(--space-md) var(--space-md);font-size:.88rem;color:var(--color-gray-600);line-height:1.6;background:var(--color-white);animation:faqSlideIn .2s ease-out}@keyframes faqSlideIn{0%{opacity:0}to{opacity:1}}.faq-item__body p{margin-bottom:0}.landing-footer{background:var(--color-gray-800);color:var(--color-gray-300);padding:var(--space-xl) var(--space-md) var(--space-md)}.landing-footer__inner{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap}.landing-footer__brand strong{color:var(--color-white);font-size:1rem;display:block;margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-footer__brand p{font-size:.82rem;margin-bottom:0;color:var(--color-gray-400)}.landing-footer__links{display:flex;gap:var(--space-lg)}.landing-footer__links a{color:var(--color-gray-300);font-size:.85rem}.landing-footer__links a:hover{color:var(--color-accent-light)}.landing-footer__bottom{max-width:960px;margin:0 auto;padding-top:var(--space-md);border-top:1px solid var(--color-gray-700);font-size:.75rem;color:var(--color-gray-500);text-align:center}.form-input--error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px var(--color-danger-bg)}.form-error{display:block;margin-top:var(--space-xs);font-size:.8rem;color:var(--color-danger)}.alert--error{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-danger-dark)}.alert--error a{color:var(--color-danger-dark);text-decoration:underline}.points-chip-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.points-chip{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;font-size:1.15rem;font-weight:700;font-family:var(--font-sans);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.points-chip:hover{background:var(--color-mint-bg);border-color:var(--color-mint);color:var(--color-success-dark);box-shadow:0 0 16px #10b9814d;transform:scale(1.06)}.points-chip--selected{background:var(--color-success-gradient);border-color:var(--color-success-dark);color:var(--color-white);transform:scale(1.12);box-shadow:0 6px 24px #10b98173;animation:pointsChipPulse .4s ease-out}.points-chip--selected:hover{background:var(--color-success-gradient);color:var(--color-white);box-shadow:0 6px 28px #10b9818c}@keyframes pointsChipPulse{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1.12)}}.points-preview{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--color-mint-bg),var(--color-success-bg));border:1px solid var(--color-mint);border-radius:var(--radius-md);color:var(--color-success-dark);font-size:.9rem;font-weight:500;margin-top:var(--space-sm)}.points-celebration{position:fixed;inset:0;z-index:3000;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:celebrationFadeOut .3s ease-out;animation-delay:2s;animation-fill-mode:forwards}@keyframes celebrationFadeOut{to{opacity:0}}.points-celebration__backdrop{position:absolute;inset:0;background:#00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdropIn .3s ease-out}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.points-badge{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-2xl);background:var(--color-success-gradient);color:var(--color-white);font-size:2rem;font-weight:850;border-radius:var(--radius-lg);box-shadow:0 12px 60px #10b98180;animation:badgeBounceIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.points-badge__stars{font-size:2.5rem;margin-bottom:var(--space-xs);animation:badgeStarsSpin .8s ease-out}.points-badge__text{font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.points-badge__student{font-size:1rem;font-weight:500;opacity:.9;margin-top:var(--space-xs)}@keyframes badgeBounceIn{0%{transform:scale(.2);opacity:0}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes badgeStarsSpin{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.points-sparkles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.points-sparkle{position:absolute;width:12px;height:12px;border-radius:50%;animation:sparkleFly 1.5s ease-out forwards}.points-sparkle:nth-child(1){left:20%;top:55%;background:#fcd34d;animation-delay:.1s}.points-sparkle:nth-child(2){left:30%;top:40%;background:#f97316;animation-delay:.15s}.points-sparkle:nth-child(3){left:50%;top:35%;background:#34d399;animation-delay:.05s}.points-sparkle:nth-child(4){left:60%;top:45%;background:#fbbf24;animation-delay:.2s}.points-sparkle:nth-child(5){left:70%;top:50%;background:#a78bfa;animation-delay:.08s}.points-sparkle:nth-child(6){left:40%;top:58%;background:#f472b6;animation-delay:.25s}.points-sparkle:nth-child(7){left:25%;top:50%;background:#60a5fa;animation-delay:.12s}.points-sparkle:nth-child(8){left:55%;top:38%;background:#fcd34d;animation-delay:.18s}.points-sparkle:nth-child(9){left:45%;top:60%;background:#34d399;animation-delay:.22s}.points-sparkle:nth-child(10){left:65%;top:42%;background:#fb923c;animation-delay:.3s}.points-sparkle:nth-child(11){left:35%;top:44%;background:#c084fc;animation-delay:.14s}.points-sparkle:nth-child(12){left:75%;top:55%;background:#fcd34d;animation-delay:.28s}@keyframes sparkleFly{0%{opacity:1;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(var(--sx, 20px),var(--sy, -80px)) scale(1.5)}to{opacity:0;transform:translate(var(--ex, 120px),var(--ey, -200px)) scale(.3)}}.points-sparkle:nth-child(odd){--sx: -30px;--sy: -60px;--ex: -120px;--ey: -180px}.points-sparkle:nth-child(2n){--sx: 30px;--sy: -70px;--ex: 120px;--ey: -200px}.points-confetti{position:absolute;width:8px;height:16px;border-radius:2px;animation:confettiDrop 1.8s ease-out forwards}.points-confetti:nth-child(13){left:15%;top:60%;background:#fcd34d;transform:rotate(30deg);animation-delay:.05s}.points-confetti:nth-child(14){left:80%;top:45%;background:#f97316;transform:rotate(-20deg);animation-delay:.1s}.points-confetti:nth-child(15){left:35%;top:42%;background:#34d399;transform:rotate(45deg);animation-delay:.15s}.points-confetti:nth-child(16){left:55%;top:55%;background:#a78bfa;transform:rotate(-35deg);animation-delay:.08s}.points-confetti:nth-child(17){left:10%;top:50%;background:#f472b6;transform:rotate(15deg);animation-delay:.2s}.points-confetti:nth-child(18){left:70%;top:38%;background:#60a5fa;transform:rotate(-50deg);animation-delay:.12s}.points-confetti:nth-child(19){left:25%;top:48%;background:#fb923c;transform:rotate(60deg);animation-delay:.25s}.points-confetti:nth-child(20){left:60%;top:52%;background:#fbbf24;transform:rotate(-10deg);animation-delay:.18s}@keyframes confettiDrop{0%{opacity:1;transform:translate(0) rotate(var(--r, 30deg)) scale(0)}15%{opacity:1;transform:translate(var(--cx, -40px),-60px) rotate(var(--cr, 180deg)) scale(1)}to{opacity:0;transform:translate(var(--fx, 80px),300px) rotate(var(--fr, 400deg)) scale(.5)}}.points-confetti:nth-child(odd){--cx: -50px;--fx: -150px}.points-confetti:nth-child(2n){--cx: 50px;--fx: 150px}.stat-card--points{border-top-color:var(--color-success)!important;background:linear-gradient(180deg,var(--color-mint-bg) 0%,var(--color-white) 50%)}.stat-card--points .stat-card__icon{background:var(--color-mint-bg);color:var(--color-success)}.stat-card--points .stat-card__value{color:var(--color-success-dark)}.points-history{display:flex;flex-direction:column;gap:var(--space-sm)}.points-history-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(90deg,var(--color-mint-bg),var(--color-success-bg));border:1px solid var(--color-mint);border-radius:var(--radius-sm);font-size:.875rem;transition:transform .15s,box-shadow .15s}.points-history-item:hover{transform:translate(2px);box-shadow:var(--shadow-sm)}.points-history-item__date{color:var(--color-gray-500);font-size:.8rem;min-width:90px}.points-history-item__points{font-weight:700;color:var(--color-success-dark);min-width:60px;text-align:right}.points-history-item__note{color:var(--color-gray-700);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-earners-list{display:flex;flex-direction:column;gap:var(--space-sm)}.top-earner-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;color:inherit}.top-earner-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-mint)}.top-earner-item__rank{font-size:.8rem;font-weight:700;color:var(--color-gray-400);min-width:24px;text-align:center}.top-earner-item__rank--gold{color:#d4a017;font-size:1rem}.top-earner-item__avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-mint-bg);color:var(--color-success-dark);font-weight:700;font-size:.8rem;flex-shrink:0;overflow:hidden;border:2px solid var(--color-mint)}.top-earner-item__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.top-earner-item__info{flex:1;min-width:0}.top-earner-item__name{font-weight:600;font-size:.9rem;color:var(--color-gray-800)}.top-earner-item__meta{font-size:.75rem;color:var(--color-gray-500)}.top-earner-item__points{font-weight:700;font-size:1.05rem;color:var(--color-success-dark);text-align:right}.top-earner-item__points-label{font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em}.splash-decoration{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--color-primary-light) 0%,transparent 70%);opacity:.08;pointer-events:none}@media(max-width:400px){.filter-row{flex-direction:column!important;align-items:stretch!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.points-sparkle,.points-confetti{display:none}}button.stat-card--clickable,.stat-card--clickable{font:inherit;width:100%;cursor:pointer;text-align:center;color:inherit;-webkit-tap-highlight-color:transparent}.stat-card--clickable .stat-card__value,.stat-card--clickable .stat-card__label,.stat-card--clickable .stat-card__sub{display:block}.stat-card--clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-top-color:var(--color-primary-dark)}.stat-card--clickable:focus-visible,a:focus-visible .stat-card--clickable{outline:2px solid var(--color-primary);outline-offset:2px}.stat-card__cue{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:var(--space-xs);font-size:.72rem;font-weight:600;color:var(--color-gray-500)}.stat-card--clickable:hover .stat-card__cue{color:var(--color-primary-dark)}.drilldown-overlay{position:fixed;inset:0;z-index:1000;background:#1c191773;display:flex;justify-content:flex-end;align-items:stretch}.drilldown-panel{background:var(--color-white);width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 28px #00000029;animation:drill-in .22s ease}@keyframes drill-in{0%{transform:translate(28px);opacity:0}to{transform:none;opacity:1}}@media(min-width:768px){.drilldown-panel{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}}.drilldown-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-gray-100)}.drilldown-panel__heading{flex:1;min-width:0}.drilldown-panel__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-gray-800)}.drilldown-panel__scope{margin:4px 0 0;font-size:.8rem;color:var(--color-gray-500);line-height:1.4}.drilldown-panel__close{border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.drilldown-panel__close:hover{background:var(--color-gray-50)}.drilldown-panel__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.drilldown-panel__body{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg) var(--space-xl)}.drilldown-panel__count{font-size:.74rem;font-weight:600;color:var(--color-gray-500);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.drilldown-panel__empty{padding:var(--space-xl) var(--space-sm)}.drilldown-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-sm);text-decoration:none;color:inherit;background:var(--color-white);transition:border-color .15s,background .15s}.drilldown-row:hover{border-color:var(--color-primary-light);background:var(--color-gray-50)}.drilldown-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.drilldown-row__main{flex:1;min-width:0}.drilldown-row__title{font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.drilldown-row__title .badge{font-size:.68rem}.drilldown-row__meta{font-size:.78rem;color:var(--color-gray-500);margin-top:2px}.drilldown-row__obs{font-size:.78rem;color:var(--color-gray-600);margin-top:4px}.drilldown-row__count{font-size:.78rem;color:var(--color-gray-600);font-weight:600;white-space:nowrap}.drilldown-row__chev{color:var(--color-gray-400);flex:none}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-gray-100);background:var(--color-gray-50)}.app-footer__links{display:flex;gap:var(--space-md);flex-wrap:wrap}.app-footer__links a{color:var(--color-gray-500);font-size:.82rem}.app-footer__links a:hover{color:var(--color-primary)}.onboarding-steps{margin:0;padding-left:var(--space-lg);font-size:.9rem;color:var(--color-gray-700);line-height:1.9;display:flex;flex-direction:column;gap:var(--space-xs)}.onboarding-steps a{color:var(--color-primary)}