:root{--brand-indigo:#4f5dff;--brand-indigo-soft:#eef0ff;--brand-teal:#06b6d4;--brand-teal-soft:#ecfeff;--brand-amber:#f59e0b;--brand-amber-soft:#fffbeb;--brand-rose:#f43f5e;--brand-rose-soft:#fff1f2;--brand-violet:#8b5cf6;--brand-violet-soft:#f5f3ff;--surface-muted:#eef1f8;--text-primary:#0f172a;--text-muted:#64748b;--shadow-card:0 4px 24px #0f172a12;--shadow-card-hover:0 12px 40px #4f5dff2e}body{background:var(--surface-muted);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.app-shell{background:var(--surface-muted);min-height:100vh}.app-sider{border-right:1px solid #e2e8f0;box-shadow:4px 0 24px #0f172a0a;background:#fff!important}.app-sider-brand{border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding:20px 16px 16px}.app-sider-logo{color:#fff;background:linear-gradient(135deg,#4f5dff 0%,#06b6d4 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 14px #4f5dff66}.app-sider-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:800;line-height:1.3}.app-sider-role{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.app-sider-role--admin{background:var(--brand-indigo-soft);color:var(--brand-indigo)}.app-sider-role--teacher{background:var(--brand-teal-soft);color:#0891b2}.app-sider-role--parent{background:var(--brand-amber-soft);color:#d97706}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;box-shadow:0 1px #fffc;background:#ffffffe0!important;border-bottom:1px solid #e2e8f0!important;padding-inline:28px!important;display:flex!important}.app-content{background:radial-gradient(ellipse 80% 50% at 100% 0%, #4f5dff0f 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 0% 100%, #06b6d40d 0%, transparent 50%), var(--surface-muted);min-height:calc(100vh - 64px);padding:28px!important}.app-menu.ant-menu{padding:8px 10px;border-inline-end:none!important}.app-menu .ant-menu-item{margin-bottom:2px;font-weight:500;border-radius:10px!important}.app-menu .ant-menu-item-selected{box-shadow:inset 3px 0 0 var(--brand-indigo);font-weight:600}.page-loading{justify-content:center;align-items:center;min-height:240px;padding:64px 24px;display:flex}.page-header{box-shadow:var(--shadow-card);background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:28px;padding:20px 24px;position:relative;overflow:hidden}.page-header:before{content:"";background:linear-gradient(#4f5dff,#06b6d4);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.page-header h1,.page-header .ant-typography h3{letter-spacing:-.02em;color:var(--text-primary)!important;margin:0 0 4px!important;font-size:26px!important;font-weight:800!important}.page-header p,.page-header .ant-typography-secondary{color:var(--text-muted);margin:0;font-size:14px}.stat-widget{cursor:pointer;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important}.stat-widget:after{content:"";background:var(--widget-accent,linear-gradient(90deg, #4f5dff, #06b6d4));opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.stat-widget:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:#4f5dff40!important}.stat-widget__value{letter-spacing:-.03em;color:var(--widget-value-color,var(--text-primary));font-size:32px;font-weight:800;line-height:1.1}.stat-widget__icon{background:var(--widget-icon-bg,var(--brand-indigo-soft));width:48px;height:48px;color:var(--widget-icon-color,var(--brand-indigo));border-radius:14px;justify-content:center;align-items:center;font-size:22px;display:flex;box-shadow:0 4px 12px #4f5dff26}.stat-widget--primary{--widget-accent:linear-gradient(90deg, #4f5dff, #6366f1);--widget-icon-bg:linear-gradient(135deg, #eef0ff, #e0e7ff);--widget-icon-color:#4f5dff}.stat-widget--success{--widget-accent:linear-gradient(90deg, #10b981, #06b6d4);--widget-value-color:#059669;--widget-icon-bg:linear-gradient(135deg, #ecfdf5, #d1fae5);--widget-icon-color:#10b981}.stat-widget--warning{--widget-accent:linear-gradient(90deg, #f59e0b, #fbbf24);--widget-value-color:#d97706;--widget-icon-bg:linear-gradient(135deg, #fffbeb, #fef3c7);--widget-icon-color:#f59e0b}.stat-widget--danger{--widget-accent:linear-gradient(90deg, #ef4444, #f43f5e);--widget-value-color:#dc2626;--widget-icon-bg:linear-gradient(135deg, #fef2f2, #fee2e2);--widget-icon-color:#ef4444}.stat-widget--violet{--widget-accent:linear-gradient(90deg, #8b5cf6, #a78bfa);--widget-icon-bg:linear-gradient(135deg, #f5f3ff, #ede9fe);--widget-icon-color:#7c3aed}.timer-widget{color:#fff;box-shadow:0 8px 32px #4f5dff59;background:linear-gradient(135deg,#4f5dff 0%,#6366f1 50%,#06b6d4 100%)!important;border:none!important;border-radius:16px!important}.timer-widget--expired{box-shadow:0 8px 32px #ef444459;background:linear-gradient(135deg,#ef4444 0%,#f43f5e 100%)!important}.timer-widget .ant-statistic-title{font-weight:500;color:#ffffffd9!important}.timer-widget .ant-statistic-content{color:#fff!important}.timer-widget .ant-statistic-content-value{font-size:28px!important;font-weight:800!important}.timer-widget__hint{color:#ffffffbf;margin-top:4px;font-size:12px}.login-page{background:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;position:relative;overflow:hidden}.login-page__bg{background:radial-gradient(circle at 20% 20%,#4f5dff73 0%,#0000 45%),radial-gradient(circle at 80% 80%,#06b6d459 0%,#0000 45%),radial-gradient(circle,#8b5cf633 0%,#0000 60%),linear-gradient(160deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);position:absolute;inset:0}.login-page__grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%)}.login-page__content{z-index:1;width:100%;max-width:1000px;position:relative}.login-hero{text-align:center;margin-bottom:48px}.login-hero__badge{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.login-hero__title{text-shadow:0 2px 20px #4f5dff4d;color:#fff!important;letter-spacing:-.03em!important;margin-bottom:12px!important;font-size:clamp(28px,5vw,40px)!important;font-weight:800!important}.login-hero__subtitle{max-width:480px;color:#ffffffa6!important;margin:0 auto!important;font-size:16px!important}.role-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;height:100%;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:20px!important}.role-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000059;background:#ffffff1a!important}.role-card--admin:hover{box-shadow:0 20px 60px #4f5dff40;border-color:#4f5dff99!important}.role-card--teacher:hover{box-shadow:0 20px 60px #06b6d440;border-color:#06b6d499!important}.role-card--parent:hover{box-shadow:0 20px 60px #f59e0b33;border-color:#f59e0b99!important}.role-card__icon{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.role-card--admin .role-card__icon{background:linear-gradient(135deg,#4f5dff,#6366f1);box-shadow:0 8px 24px #4f5dff73}.role-card--teacher .role-card__icon{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 24px #06b6d473}.role-card--parent .role-card__icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 24px #f59e0b73}.role-card__title{color:#fff!important;margin-bottom:8px!important;font-weight:700!important}.role-card__desc{font-size:14px;color:#fff9!important;margin:0!important}.role-card__cta{color:#ffffff80;margin-top:16px;font-size:13px;font-weight:600;transition:color .2s;display:inline-block}.role-card:hover .role-card__cta{color:#fff}.demo-banner{text-align:center;color:#fffffff2;letter-spacing:.01em;background:linear-gradient(90deg,#4f5dff 0%,#6366f1 50%,#06b6d4 100%);padding:7px 16px;font-size:12px;font-weight:500}.ant-card{border-color:#e2e8f0!important;border-radius:14px!important}.ant-list-bordered{box-shadow:var(--shadow-card);overflow:hidden;border-color:#e2e8f0!important;border-radius:14px!important}.ant-table-wrapper .ant-table{box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.grade-chip{color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-size:13px;font-weight:700;transition:transform .15s;display:inline-flex;box-shadow:0 2px 8px #0000001f}.grade-chip:hover{transform:scale(1.08)}.grade-chip-add{color:var(--brand-indigo);border:2px dashed var(--brand-indigo);box-shadow:none;background:#fff}.journal-card-mobile{margin-bottom:12px;border-radius:14px!important}.lesson-highlight{border-left:4px solid var(--brand-amber)!important;background:linear-gradient(90deg,#fffbeb,#fff)!important}.lesson-own{border-left:4px solid var(--brand-indigo)!important;background:linear-gradient(90deg,#eef0ff,#fff)!important}.sparkline{align-items:flex-end;gap:6px;height:48px;margin-top:12px;display:flex}.sparkline-bar{opacity:.9;background:linear-gradient(#4f5dff,#06b6d4);border-radius:6px 6px 0 0;flex:1;min-height:10px}.sparkline-card{box-shadow:var(--shadow-card);border:1px solid #e2e8f0!important;border-radius:16px!important}.user-avatar{font-weight:700;box-shadow:0 4px 12px #4f5dff59;background:linear-gradient(135deg,#4f5dff,#06b6d4)!important}