@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--font-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Fira Code","Cascadia Code",monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--text-4xl:48px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--grey-50:#f8fafc;--grey-100:#f1f5f9;--grey-200:#e2e8f0;--grey-300:#cbd5e1;--grey-400:#94a3b8;--grey-500:#64748b;--grey-600:#475569;--grey-700:#334155;--grey-800:#1e293b;--grey-900:#0f172a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--danger-50:#fff1f2;--danger-100:#ffe4e6;--danger-500:#ef4444;--danger-600:#dc2626;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--surface-page:var(--grey-50);--surface-card:#fff;--surface-raised:#fff;--surface-sunken:var(--grey-100);--surface-overlay:rgba(15,23,42,.6);--text-primary:var(--grey-800);--text-secondary:var(--grey-500);--text-tertiary:var(--grey-400);--text-disabled:var(--grey-300);--text-on-brand:#fff;--text-on-accent:var(--grey-900);--border-subtle:var(--grey-200);--border-default:var(--grey-300);--border-strong:var(--grey-400);--border-brand:var(--colour-primary);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 25px rgba(0,0,0,.1),0 8px 10px rgba(0,0,0,.04);--shadow-brand:0 4px 14px rgba(var(--colour-primary-rgb,26,58,92),0.3);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-base);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--colour-primary);outline-offset:2px;border-radius:var(--radius-sm)}.ds-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.ds-card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.ds-card-interactive{transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);cursor:pointer}.ds-card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-1px)}.ds-card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:none;text-decoration:none}.ds-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-btn-primary{background:var(--colour-primary);color:var(--text-on-brand);box-shadow:var(--shadow-sm)}.ds-btn-primary:hover{background:var(--colour-primary-dark);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.ds-btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.ds-btn-secondary{background:var(--surface-card);color:var(--text-primary);border:1.5px solid var(--border-default);box-shadow:var(--shadow-xs)}.ds-btn-secondary:hover{background:var(--grey-50);border-color:var(--border-strong)}.ds-btn-ghost{background:transparent;color:var(--text-secondary)}.ds-btn-ghost:hover{background:var(--grey-100);color:var(--text-primary)}.ds-btn-danger{background:var(--danger-500);color:#fff}.ds-btn-danger:hover{background:var(--danger-600)}.ds-btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.ds-btn-lg{height:52px;padding:0 var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.ds-btn-full,.ds-input{width:100%}.ds-input{height:44px;padding:0 var(--space-4);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-base);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.ds-input::-moz-placeholder{color:var(--text-tertiary)}.ds-input::placeholder{color:var(--text-tertiary)}.ds-input:hover{border-color:var(--border-strong)}.ds-input:focus{border-color:var(--colour-primary);box-shadow:0 0 0 3px rgba(var(--colour-primary-rgb,26,58,92),.12)}.ds-input:disabled{background:var(--grey-100);color:var(--text-tertiary);cursor:not-allowed}.ds-input-error{border-color:var(--danger-500)}.ds-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.12)}.ds-textarea{width:100%;padding:var(--space-3) var(--space-4);min-height:100px;resize:vertical;line-height:var(--leading-relaxed);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-base);font-size:var(--text-base);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ds-textarea:focus{border-color:var(--colour-primary);box-shadow:0 0 0 3px rgba(var(--colour-primary-rgb,26,58,92),.12)}.ds-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.ds-form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.ds-field-error{color:var(--danger-500);margin-top:var(--space-1);display:flex}.ds-badge,.ds-field-error{font-size:var(--text-xs);align-items:center;gap:var(--space-1)}.ds-badge{display:inline-flex;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.ds-badge-success{background:var(--success-100);color:var(--success-700)}.ds-badge-warning{background:var(--warning-100);color:var(--warning-600)}.ds-badge-danger{background:var(--danger-100);color:var(--danger-600)}.ds-badge-info{background:var(--info-100);color:var(--info-600)}.ds-badge-neutral{background:var(--grey-100);color:var(--grey-600)}.ds-badge-brand{background:var(--colour-primary);color:var(--text-on-brand)}.ds-stat-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.ds-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-stat-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary)}.ds-stat-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.ds-stat-sub{font-size:var(--text-sm);color:var(--text-secondary)}.ds-stat-trend-up{color:var(--success-600)}.ds-stat-trend-down,.ds-stat-trend-up{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ds-stat-trend-down{color:var(--danger-500)}.ds-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);background:var(--grey-50)}.ds-table td,.ds-table th{border-bottom:1px solid var(--border-subtle)}.ds-table td{padding:var(--space-4);color:var(--text-secondary);vertical-align:middle}.ds-table tr:last-child td{border-bottom:none}.ds-table tr:hover td{background:var(--grey-50)}.ds-progress-track{width:100%;height:6px;background:var(--grey-200);border-radius:var(--radius-full);overflow:hidden}.ds-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--colour-primary);transition:width var(--transition-slow)}.ds-progress-fill-success{background:var(--success-500)}.ds-progress-fill-warning{background:var(--warning-500)}.ds-progress-fill-danger{background:var(--danger-500)}.ds-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}.ds-empty-state{flex-direction:column;text-align:center;padding:var(--space-16) var(--space-6);gap:var(--space-3)}.ds-empty-state,.ds-empty-state-icon{display:flex;align-items:center;justify-content:center}.ds-empty-state-icon{width:64px;height:64px;background:var(--grey-100);border-radius:var(--radius-full);font-size:28px;margin-bottom:var(--space-2)}.ds-empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.ds-empty-state-body{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px;line-height:var(--leading-relaxed)}@keyframes ds-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.ds-skeleton{background:var(--grey-200);border-radius:var(--radius-sm);animation:ds-skeleton-pulse 1.5s ease-in-out infinite}.ds-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:var(--z-toast);background:var(--grey-900);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-xl);white-space:nowrap;animation:ds-toast-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes ds-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ds-toast-success{background:var(--success-600)}.ds-toast-warning{background:var(--warning-600)}.ds-toast-danger{background:var(--danger-600)}@media (min-width:768px){.ds-toast{bottom:var(--space-6)}}.page-enter{animation:ds-page-enter .2s ease-out both}@keyframes ds-page-enter{0%{opacity:0}to{opacity:1}}.xp-toast{position:fixed;top:70px;left:50%;transform:translateX(-50%);background:var(--colour-primary);color:#fff;padding:8px 20px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:ds-xp-drop 2.5s cubic-bezier(.34,1.56,.64,1) forwards;white-space:nowrap}@keyframes ds-xp-drop{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}75%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-12px)}}.badge-earn-animation{animation:ds-badge-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes ds-badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ds-nav-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);position:relative;cursor:pointer;border-left:3px solid transparent}.ds-nav-item:hover{background:var(--grey-100);color:var(--text-primary)}.ds-nav-item.active{background:rgba(var(--colour-primary-rgb,26,58,92),.08);color:var(--colour-primary);border-left-color:var(--colour-primary);font-weight:var(--weight-semibold)}.ds-nav-section-label{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-tertiary);padding:var(--space-4) 12px var(--space-2)}.ds-nav-badge{margin-left:auto;background:var(--danger-500);color:#fff;font-size:10px;font-weight:700;min-width:20px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 5px}.ds-portal-header{height:60px;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-xs);flex-shrink:0}.ds-portal-page-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.ds-bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;padding-bottom:env(safe-area-inset-bottom);background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:var(--z-sticky)}.ds-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--grey-400);font-size:10px;font-weight:var(--weight-medium);min-height:48px;position:relative;transition:color var(--transition-fast)}.ds-tab-item.active{color:var(--colour-primary)}.ds-tab-item.active:before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:var(--colour-primary);border-radius:var(--radius-full)}.ds-tab-icon{width:22px;height:22px}.ds-tab-badge,.ds-tab-icon{display:flex;align-items:center;justify-content:center}.ds-tab-badge{position:absolute;top:4px;right:calc(50% - 18px);width:16px;height:16px;background:var(--danger-500);color:#fff;font-size:9px;font-weight:900;border-radius:var(--radius-full);border:2px solid #fff}@media (prefers-color-scheme:dark){:root{--surface-page:#0f172a;--surface-card:#1e293b;--surface-raised:#1e293b;--surface-sunken:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-subtle:#1e293b;--border-default:#334155;--border-strong:#475569;--grey-50:#1e293b;--grey-100:#334155;--grey-200:#475569}}:root{--content-max-width:1200px;--sidebar-width:240px;--sidebar-collapsed-width:72px}.ds-grid{display:grid;gap:var(--space-4)}.ds-grid-1{grid-template-columns:1fr}.ds-grid-2{grid-template-columns:repeat(2,1fr)}.ds-grid-3{grid-template-columns:repeat(3,1fr)}.ds-grid-4{grid-template-columns:repeat(4,1fr)}.ds-grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ds-grid-auto-md{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ds-grid-auto-lg{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ds-stats-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.ds-stats-grid{grid-template-columns:repeat(4,1fr)}}.portal-layout{display:flex;min-height:100vh;background:var(--surface-page)}.portal-sidebar{display:none;flex-direction:column;background:var(--surface-card);border-right:1px solid var(--border-subtle);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;z-index:var(--z-sticky)}.portal-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.portal-content{flex:1;padding:var(--space-4);padding-bottom:calc(64px + 24px + env(safe-area-inset-bottom));overflow-y:auto}.portal-bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;padding-bottom:env(safe-area-inset-bottom);background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:var(--z-sticky)}@media (min-width:768px){.portal-sidebar{display:flex;width:var(--sidebar-collapsed-width)}.portal-bottom-tabs{display:none}.portal-content{padding:var(--space-5);padding-bottom:var(--space-5)}}@media (min-width:1024px){.portal-sidebar{width:var(--sidebar-width)}.portal-content{padding:var(--space-6) var(--space-8)}}.sidebar-logo-area{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-3)}.sidebar-logo-area,.sidebar-logo-initial{display:flex;align-items:center;flex-shrink:0}.sidebar-logo-initial{width:36px;height:36px;border-radius:var(--radius-md);background:var(--colour-primary);color:#fff;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold)}.sidebar-school-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-area{flex:1;padding:var(--space-3) var(--space-2);overflow-y:auto;overflow-x:hidden}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-subtle);flex-shrink:0}@media (min-width:768px) and (max-width:1023px){.ds-nav-item span.nav-label,.ds-nav-section-label,.sidebar-footer .nav-user-name,.sidebar-logo-area .sidebar-school-info,.sidebar-school-name{display:none}.sidebar-logo-area{justify-content:center;padding:var(--space-4) var(--space-2)}.ds-nav-item{justify-content:center;padding:0;height:44px;border-left:none;border-radius:var(--radius-md)}.ds-nav-item.active{background:rgba(var(--colour-primary-rgb,26,58,92),.1);border-left:none}.ds-nav-badge{position:absolute;top:4px;right:4px;margin-left:0}}.ds-portal-header{padding:0 var(--space-4)}@media (min-width:768px){.ds-portal-header{padding:0 var(--space-6)}}.header-hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--transition-fast);cursor:pointer;border:none;background:none}.header-hamburger:hover{background:var(--grey-100);color:var(--text-primary)}@media (min-width:768px){.header-hamburger{display:none}}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:var(--surface-overlay);z-index:calc(var(--z-sticky) - 1)}.mobile-sidebar-overlay.open{display:block}.mobile-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--surface-card);border-right:1px solid var(--border-subtle);z-index:var(--z-sticky);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform var(--transition-normal);overflow-y:auto}.mobile-sidebar-drawer.open{transform:translateX(0)}@media (min-width:768px){.mobile-sidebar-drawer,.mobile-sidebar-overlay{display:none!important}}.ds-quick-actions{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);-ms-overflow-style:none;scrollbar-width:none}.ds-quick-actions::-webkit-scrollbar{display:none}.ds-quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-width:120px;height:80px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;text-decoration:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.ds-quick-action-card:hover{box-shadow:var(--shadow-md);border-color:var(--colour-primary);transform:translateY(-2px)}.ds-quick-action-icon{font-size:22px;color:var(--colour-primary)}.ds-quick-action-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-align:center;white-space:nowrap}@media (min-width:768px){.ds-quick-actions{flex-wrap:wrap}}.ds-section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary);margin-bottom:var(--space-3)}.ds-greeting-card{background:linear-gradient(135deg,var(--colour-primary),var(--colour-primary-dark));border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;position:relative;overflow:hidden}.ds-greeting-card:after{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:hsla(0,0%,100%,.05);pointer-events:none}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-add-dashed{display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:2px dashed var(--grey-300);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);cursor:pointer;text-decoration:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);background:transparent;width:100%}.ds-add-dashed:hover{border-color:var(--colour-primary);background:rgba(var(--colour-primary-rgb,26,58,92),.04);color:var(--colour-primary)}