*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0f172a;background:#f7fbff;min-width:320px;min-height:100vh;margin:0;font-family:Segoe UI,Arial,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-page,.login-page *{box-sizing:border-box}.login-page{--login-primary:#0b63f6;--login-primary-dark:#064fc4;--login-primary-soft:#dbeafe;--login-navy:#071739;--login-navy-soft:#17213a;--login-text:#334155;--login-muted:#64748b;--login-border:#d8e2f0;--login-white:#fff;--login-panel:#fffffff0;--login-error-bg:#fef2f2;--login-error-border:#fecaca;--login-error-text:#b91c1c;height:100dvh;min-height:100vh;color:var(--login-navy);background:radial-gradient(circle at 78% 16%,#0b63f61a,#0000 32%),linear-gradient(135deg,#f8fbff 0%,#eef6ff 48%,#fff 100%);grid-template-columns:minmax(390px,42%) minmax(0,58%);font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:grid;overflow:hidden}.login-page input,.login-page button,.login-page textarea,.login-page select{font-family:inherit}.login-brand-panel{background:radial-gradient(circle at 18% 8%,#fffffffa,#0000 24%),radial-gradient(circle at 88% 16%,#337aff2e,#0000 30%),linear-gradient(145deg,#edf6ff 0%,#cfe4ff 48%,#b6d5ff 100%);justify-content:center;align-items:center;height:100dvh;padding:26px 44px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";z-index:0;pointer-events:none;position:absolute}.login-brand-panel:before{opacity:.94;background:radial-gradient(circle at 28% 48%,#063a93 0 34%,#0000 35%),radial-gradient(circle at 62% 70%,#6ea2ff 0 44%,#0000 45%),#0c49ad;border-radius:56% 44% 0 0;width:540px;height:315px;bottom:-190px;left:-150px}.login-brand-panel:after{opacity:.9;background:radial-gradient(circle at 72% 78%,#006c906b,#0000 40%),linear-gradient(135deg,#5ed7c9 0%,#27b9a3 100%);border-radius:55% 45% 0 0;width:420px;height:240px;bottom:-155px;right:-120px}.login-brand-content{z-index:1;width:min(480px,100%);margin-bottom:18px;position:relative}.login-brand-logo{object-fit:contain;filter:drop-shadow(0 12px 20px #114bad1f);width:160px;max-width:64%;margin:0 auto 20px;display:block}.login-brand-heading{text-align:center}.login-brand-heading h1{color:#06163b;letter-spacing:-.045em;margin:0;font-size:clamp(32px,3vw,42px);font-weight:850;line-height:1.06}.login-brand-heading p{color:#334155;width:min(405px,100%);margin:15px auto 0;font-size:17px;font-weight:600;line-height:1.45}.login-benefits-list{flex-direction:column;gap:14px;margin-top:26px;display:flex}.login-benefit-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #ffffff9e;border-radius:22px;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:16px;min-height:82px;padding:10px 14px;display:grid;box-shadow:0 12px 28px #0f172a0f}.login-benefit-icon{border:1px solid #ffffffdb;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 10px 22px #1e56b01f}.login-benefit-icon.blue{color:#185bd9;background:linear-gradient(145deg,#fff 0%,#dcecff 100%)}.login-benefit-icon.mint{color:#17b4a4;background:linear-gradient(145deg,#f5fffd 0%,#d8f8f2 100%)}.login-benefit-icon.teal{color:#13a99b;background:linear-gradient(145deg,#fff 0%,#dcfbf5 100%)}.login-benefit-item h2{color:#071739;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:850;line-height:1.2}.login-benefit-item p{color:#334155;margin:5px 0 0;font-size:14px;font-weight:600;line-height:1.35}.login-form-panel{flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:22px 34px 16px;display:flex;overflow:hidden}.login-card{background:var(--login-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #e2e8f0c7;border-radius:24px;width:min(540px,100%);padding:28px 38px 26px;box-shadow:0 24px 62px #0f172a1f}.login-lock-icon{color:#fff;background:linear-gradient(135deg,#4c83ff 0%,#0759df 100%);border:9px solid #dbe8ff;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 14px;display:grid;box-shadow:0 12px 24px #2563eb2e}.login-header{text-align:center}.login-header h2{color:var(--login-navy);letter-spacing:-.045em;margin:0;font-size:32px;font-weight:850;line-height:1.1}.login-header p{color:#65758f;margin:8px 0 0;font-size:15px;font-weight:650}.login-form-fields{flex-direction:column;gap:14px;margin-top:22px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field>span{color:var(--login-navy-soft);font-size:14px;font-weight:800}.login-input-wrapper{color:#7a879a;background:#fff;border:1.5px solid #cfd8e7;border-radius:11px;align-items:center;gap:12px;height:50px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.login-input-wrapper:focus-within{border-color:var(--login-primary);background:#fff;box-shadow:0 0 0 4px #0b63f61a}.login-input-wrapper input{color:#111827;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:15px;font-weight:550}.login-input-wrapper input::placeholder{color:#9aa6b8;font-weight:500}.login-password-toggle{color:#7a879a;cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:grid}.login-password-toggle:hover{color:var(--login-primary);background:#f1f5f9}.login-options-row{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.login-remember-option{color:#334155;cursor:pointer;align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.login-remember-option input{width:18px;height:18px;accent-color:var(--login-primary)}.login-link-button{color:#1d65f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:750}.login-link-button:hover{text-decoration:underline}.login-error{border:1px solid var(--login-error-border);background:var(--login-error-bg);color:var(--login-error-text);border-radius:12px;margin:14px 0 0;padding:11px 14px;font-size:13px;font-weight:700;line-height:1.4}.login-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2e75ff 0%,#0759df 100%);border:none;border-radius:10px;width:100%;height:52px;margin-top:18px;font-size:17px;font-weight:850;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 12px 24px #2563eb38}.login-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 28px #2563eb47}.login-submit-button:disabled{opacity:.65;cursor:not-allowed}.login-info-box{color:#2056b3;background:#eaf2ff;border-radius:13px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;padding:13px 16px;display:grid}.login-info-box svg{color:#fff;background:#1d65f1;border-radius:50%;width:30px;height:30px;padding:6px}.login-info-box p{color:#30486c;margin:0;font-size:13px;font-weight:650;line-height:1.42}.login-footer{color:#64748b;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:13px;font-weight:650;display:flex}.login-footer button{color:#1d65f1;cursor:pointer;background:0 0;border:none;border-left:1px solid #9aa6b8;padding:0 0 0 12px;font-size:13px;font-weight:750}.login-footer button:hover{text-decoration:underline}@media (height<=820px) and (width>=1121px){.login-brand-panel{padding-top:18px;padding-bottom:18px}.login-brand-logo{width:145px;margin-bottom:16px}.login-brand-heading h1{font-size:36px}.login-brand-heading p{margin-top:12px;font-size:16px}.login-benefits-list{gap:12px;margin-top:22px}.login-benefit-item{grid-template-columns:60px minmax(0,1fr);gap:14px;min-height:76px;padding:9px 12px}.login-benefit-icon{border-radius:17px;width:58px;height:58px}.login-benefit-item h2{font-size:15px}.login-benefit-item p{font-size:13px}.login-card{width:min(520px,100%);padding:24px 36px 22px}.login-lock-icon{width:64px;height:64px;margin-bottom:10px}.login-header h2{font-size:29px}.login-header p{margin-top:7px;font-size:14px}.login-form-fields{gap:12px;margin-top:18px}.login-input-wrapper{height:46px}.login-options-row{margin-top:12px}.login-submit-button{height:48px;margin-top:16px;font-size:16px}.login-info-box{margin-top:14px;padding:11px 14px}.login-footer{margin-top:12px;font-size:12px}.login-footer button{font-size:12px}}@media (width<=1120px){.login-page{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.login-brand-panel{height:auto;min-height:auto;padding:42px 28px 90px}.login-brand-content{margin-bottom:0}.login-brand-logo{width:180px;margin-bottom:24px}.login-benefits-list{width:min(560px,100%);margin:32px auto 0}.login-form-panel{height:auto;min-height:auto;padding:38px 20px 32px;overflow:visible}}@media (width<=640px){.login-brand-panel{padding:34px 20px 84px}.login-brand-heading h1{font-size:32px}.login-brand-heading p{font-size:16px}.login-benefit-item{grid-template-columns:62px minmax(0,1fr);gap:14px}.login-benefit-icon{border-radius:17px;width:60px;height:60px}.login-benefit-item h2{font-size:15px}.login-benefit-item p{font-size:13px}.login-card{border-radius:22px;padding:30px 22px 26px}.login-lock-icon{width:76px;height:76px}.login-header h2{font-size:30px}.login-header p{font-size:15px}.login-options-row{flex-direction:column;align-items:flex-start;gap:10px}.login-input-wrapper input{font-size:15px}.login-submit-button{font-size:16px}.login-footer{font-size:12px}}.dashboard-shell{color:#0f172a;background:#f7fbff;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e5eaf3;flex-direction:column;width:260px;min-height:100vh;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.brand-icon{color:#0b63f6;background:linear-gradient(135deg,#eaf2ff,#fff);border:1px solid #dbeafe;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.brand h1{color:#0b63f6;margin:0;font-size:31px;line-height:1}.brand p{color:#53627a;margin:4px 0 0;font-size:16px}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-link{color:#334155;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.sidebar-link:hover{color:#0b63f6;background:#edf4ff}.sidebar-link.active{color:#fff;background:#0b63f6;box-shadow:0 8px 20px #0b63f640}.sidebar-link.disabled{opacity:.65;cursor:not-allowed}.sidebar-profile{background:#fff;border:1px solid #e5eaf3;border-radius:14px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.profile-avatar,.topbar-avatar{color:#fff;background:linear-gradient(135deg,#0b63f6,#60a5fa);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.profile-info{flex-direction:column;flex:1;min-width:0;display:flex}.profile-info strong{color:#0f172a;font-size:14px}.profile-info span{color:#64748b;font-size:12px}.profile-info small{color:#10b981;font-size:12px}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e5eaf3;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex}.topbar-search{color:#64748b;background:#fff;border:1px solid #dfe7f3;border-radius:10px;align-items:center;gap:12px;width:min(430px,45vw);height:48px;padding:0 16px;display:flex}.topbar-search input{color:#0f172a;border:none;outline:none;width:100%;font-size:14px}.topbar-actions{align-items:center;gap:18px;display:flex}.notification-button{color:#1e293b;background:0 0;border:none;place-items:center;width:42px;height:42px;display:grid;position:relative}.notification-button span{color:#fff;background:#ef4444;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.topbar-user{align-items:center;gap:12px;display:flex}.topbar-user strong,.topbar-user span{display:block}.topbar-user strong{color:#0f172a;font-size:14px}.topbar-user span{color:#64748b;font-size:12px}.logout-button{color:#334155;background:#fff;border:1px solid #dbe3f1;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 12px;font-weight:700;display:flex}.logout-button:hover{color:#ef4444;background:#fff5f5;border-color:#fecaca}.dashboard-content{flex:1;padding:34px}.page-header{margin-bottom:26px}.page-header-with-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.breadcrumb{color:#0b63f6;margin:0 0 10px;font-size:14px;font-weight:700}.page-header h2{color:#0f172a;margin:0;font-size:31px}.page-header p{color:#64748b;margin:8px 0 0;font-size:15px}@media (width<=900px){.page-header-with-actions{flex-direction:column;align-items:flex-start}}@media (width<=820px){.dashboard-shell{flex-direction:column}.sidebar{width:100%;min-height:auto}.topbar{flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:18px}.topbar-search{width:100%}.topbar-actions{justify-content:space-between}}.primary-action-button{color:#fff;background:#0b63f6;border:none;border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 20px;font-size:15px;font-weight:800;display:flex;box-shadow:0 10px 24px #0b63f638}.primary-action-button:hover{background:#0858df}.secondary-action-button{color:#1e293b;background:#fff;border:1px solid #d8e2f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.secondary-action-button:hover{color:#0b63f6;background:#f8fafc;border-color:#bfdbfe}.danger-action-button{color:#ef4444;background:#fff;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.danger-action-button:hover{background:#fff5f5}.danger-action-button:disabled{opacity:.6;cursor:not-allowed}.table-action-button{color:#0b63f6;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 12px;font-weight:800}.table-action-button:hover{background:#eff6ff}.metrics-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:24px;display:grid}.metric-card{background:#fff;border:1px solid #e5eaf3;border-radius:16px;align-items:center;gap:18px;min-height:128px;padding:22px;display:flex;box-shadow:0 12px 30px #0f172a0d}.metric-icon{border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.metric-icon.blue{color:#0b63f6;background:#dbeafe}.metric-icon.green{color:#10b981;background:#d1fae5}.metric-icon.orange{color:#f59e0b;background:#fef3c7}.metric-icon.purple{color:#7c3aed;background:#ede9fe}.metric-card span{color:#475569;font-weight:700}.metric-card h3{color:#0f172a;margin:6px 0 0;font-size:32px}.metric-card small{color:#0b63f6;font-size:13px;font-weight:700}.panel-card{background:#fff;border:1px solid #e5eaf3;border-radius:16px;padding:22px;box-shadow:0 12px 30px #0f172a0d}.panel-card h3{color:#0f172a;margin:0 0 6px;font-size:20px}.panel-card p{color:#64748b;margin:0 0 18px}.placeholder-box{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:26px}.info-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:18px;padding:14px 16px;font-size:14px;font-weight:600}.empty-summary{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.metrics-grid{grid-template-columns:1fr}}.form-section{border-bottom:1px solid #e5eaf3;padding-bottom:24px}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 8px}.form-section p{margin:0 0 18px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-field{flex-direction:column;gap:8px;min-width:0;display:flex}.form-field span{color:#334155;font-size:14px;font-weight:800}.form-field input,.form-field select{color:#0f172a;background:#fff;border:1px solid #d8e2f0;border-radius:10px;outline:none;width:100%;min-width:0;max-width:100%;height:48px;padding:0 14px;font-size:14px}.form-field input:focus,.form-field select:focus{border-color:#0b63f6}.form-alert{border-radius:10px;padding:14px 16px;font-weight:700}.form-alert.error{color:#b91c1c;background:#fee2e2}.form-alert.success{color:#047857;background:#d1fae5}.form-actions{justify-content:flex-end;gap:14px;display:flex}@media (width<=720px){.form-grid-2{grid-template-columns:1fr}.form-actions{flex-direction:column}}.table-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.table-header p{color:#64748b;margin:4px 0 0}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:#f8fafc}.data-table th,.data-table td{text-align:left;color:#334155;border-bottom:1px solid #e5eaf3;padding:14px 16px}.data-table th{color:#475569;font-size:13px;font-weight:800}.user-cell{align-items:center;gap:12px;display:flex}.user-cell strong{color:#0f172a;display:block}.user-cell span{color:#64748b;margin-top:3px;font-size:12px;display:block}.table-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.badge{color:#334155;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.blue{color:#0b63f6;background:#dbeafe}.badge.light-blue{color:#0284c7;background:#e0f2fe}.badge.green{color:#059669;background:#d1fae5}.badge.purple{color:#7c3aed;background:#ede9fe}.badge.red{color:#ef4444;background:#fee2e2}.dashboard-grid{grid-template-columns:2fr 1.3fr;gap:18px;display:grid}.summary-list{flex-direction:column;gap:18px;display:flex}.summary-row{flex-direction:column;gap:8px;display:flex}.summary-row-header{color:#334155;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.summary-row-header span{text-transform:capitalize}.summary-row-header strong{color:#0f172a}.summary-progress{background:#e5e7eb;border-radius:999px;width:100%;height:9px;overflow:hidden}.summary-progress-fill{border-radius:999px;height:100%}.summary-progress-fill.blue{background:#0b63f6}.summary-progress-fill.green{background:#10b981}.summary-progress-fill.orange{background:#f59e0b}.summary-progress-fill.red{background:#ef4444}.summary-progress-fill.purple{background:#7c3aed}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}}.filters-panel{margin-bottom:22px}.filters-grid{grid-template-columns:1.5fr .8fr .8fr;gap:14px;display:grid}.filter-input{color:#64748b;background:#fff;border:1px solid #dfe7f3;border-radius:10px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.filter-input input{color:#0f172a;border:none;outline:none;width:100%;font-size:14px}.filters-grid select{color:#334155;background:#fff;border:1px solid #dfe7f3;border-radius:10px;height:46px;padding:0 14px;font-weight:600}.users-filters-grid{grid-template-columns:minmax(0,1.5fr) 240px 240px;align-items:center;gap:14px;display:grid}.users-filters-grid .filter-input{width:100%;min-width:0}.users-filters-grid select{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e2f0;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px;font-weight:700}.users-filters-grid select:focus{border-color:#0b63f6;box-shadow:0 0 0 3px #0b63f61f}@media (width<=900px){.users-filters-grid,.filters-grid{grid-template-columns:1fr}}.create-user-grid{grid-template-columns:minmax(0,2fr) 360px;align-items:start;gap:22px;display:grid}.create-user-form{flex-direction:column;gap:26px;display:flex}.role-options{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.role-option{color:#334155;background:#fff;border:1px solid #d8e2f0;border-radius:12px;place-items:center;gap:8px;min-height:92px;padding:16px;font-weight:800;display:grid}.role-option.selected{color:#0b63f6;background:#eff6ff;border-color:#0b63f6}.permissions-summary{position:sticky;top:100px}.selected-role-card{color:#0b63f6;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:14px;margin:18px 0 24px;padding:18px;display:flex}.selected-role-card span{color:#64748b;font-size:13px;display:block}.selected-role-card strong{color:#0f172a;margin-top:4px;font-size:18px;display:block}.permissions-list{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.permissions-list li{font-size:14px;font-weight:700}.permissions-list li.allowed{color:#059669}.permissions-list li.muted{color:#94a3b8}.warning-box{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:24px;padding:16px;font-size:14px;font-weight:700}.edit-user-summary{align-items:center;gap:18px;display:flex}.edit-user-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.edit-user-summary h3{margin:0 0 6px}.edit-user-summary p{color:#64748b;margin:0;font-weight:700}.edit-form-actions{justify-content:space-between}@media (width<=1100px){.create-user-grid{grid-template-columns:1fr}.permissions-summary{position:static}.role-options{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.role-options{grid-template-columns:1fr}}.academic-fields-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.academic-group-field{max-width:100%}.academic-fields-grid .form-field span{color:#334155;font-size:14px;font-weight:800}@media (width<=720px){.academic-fields-grid{grid-template-columns:1fr}}.assignments-grid{grid-template-columns:minmax(0,2fr) 360px;align-items:start;gap:22px;margin-top:22px;display:grid}.assignment-form{flex-direction:column;gap:20px;display:flex}.assignment-help-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.5}.assignment-side-card{position:sticky;top:100px}.assignment-check-list{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.assignment-check-list li{font-size:14px;font-weight:800}.assignment-check-list li.allowed{color:#059669}.assignment-check-list li.muted{color:#94a3b8}.assignments-table-card{margin-top:22px}.assignment-search{color:#64748b;background:#fff;border:1px solid #dfe7f3;border-radius:10px;align-items:center;gap:10px;width:min(360px,100%);height:44px;padding:0 14px;display:flex}.assignment-search input{color:#0f172a;border:none;outline:none;width:100%;min-width:0;font-size:14px}.assignment-form button:disabled{opacity:.7;cursor:not-allowed}@media (width<=1100px){.assignments-grid{grid-template-columns:1fr}.assignment-side-card{position:static}}@media (width<=720px){.table-header{flex-direction:column;align-items:flex-start;gap:14px}.assignment-search{width:100%}}.tutor-dashboard-grid{grid-template-columns:minmax(0,2fr) 360px;align-items:start;gap:22px;display:grid}.tutor-students-card{min-width:0}.tutor-search{color:#64748b;background:#fff;border:1px solid #dfe7f3;border-radius:10px;align-items:center;gap:10px;width:min(360px,100%);height:44px;padding:0 14px;display:flex}.tutor-search input{color:#0f172a;border:none;outline:none;width:100%;min-width:0;font-size:14px}.tutor-student-list{flex-direction:column;gap:14px;display:flex}.tutor-student-card{background:#fff;border:1px solid #e5eaf3;border-radius:14px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.tutor-student-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.tutor-student-info{min-width:0}.tutor-student-info strong{color:#0f172a;font-size:15px;display:block}.tutor-student-info span{color:#64748b;margin-top:3px;font-size:13px;display:block}.tutor-student-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tutor-student-tags small{color:#334155;background:#f1f5f9;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.tutor-summary-card{position:sticky;top:100px}.tutor-summary-list{flex-direction:column;gap:14px;display:flex}.tutor-summary-item{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.tutor-summary-icon{border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.tutor-summary-icon.blue{color:#0b63f6;background:#dbeafe}.tutor-summary-icon.orange{color:#f59e0b;background:#fef3c7}.tutor-summary-icon.green{color:#10b981;background:#d1fae5}.tutor-summary-item span{color:#64748b;font-size:13px;font-weight:700;display:block}.tutor-summary-item strong{color:#0f172a;margin-top:4px;font-size:22px;display:block}@media (width<=1100px){.tutor-dashboard-grid{grid-template-columns:1fr}.tutor-summary-card{position:static}}@media (width<=720px){.table-header{flex-direction:column;align-items:flex-start;gap:14px}.tutor-search{width:100%}.tutor-student-card{grid-template-columns:46px minmax(0,1fr)}.tutor-student-card .table-action-button{grid-column:1/-1;width:100%}}.tutor-students-filters{margin-bottom:22px}.tutor-students-filters-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 220px 180px;gap:14px;display:grid}.tutor-students-filters-grid select{color:#334155;background:#fff;border:1px solid #dfe7f3;border-radius:10px;width:100%;min-width:0;height:46px;padding:0 14px;font-weight:600}.clear-student-filters-button{margin-top:16px}.tutor-students-table-card{margin-top:22px}.tutor-students-table-card .data-table td:nth-child(3){max-width:340px}@media (width<=1200px){.tutor-students-filters-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.tutor-students-filters-grid{grid-template-columns:1fr}.clear-student-filters-button{width:100%}}.student-detail-header-actions{align-items:center;gap:12px;display:flex}.student-profile-card{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:24px;display:grid}.student-profile-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.student-profile-info{min-width:0}.student-profile-info h3{color:#0f172a;margin:0 0 6px;font-size:24px}.student-profile-info p{color:#64748b;margin:0;font-weight:700}.student-profile-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.student-profile-tags span{color:#334155;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.student-detail-grid{grid-template-columns:minmax(0,2fr) 360px;align-items:start;gap:22px;display:grid}.secondary-grid{margin-top:22px}.risk-level-title{text-transform:capitalize;font-size:22px!important}.student-risk-card{position:sticky;top:100px}.student-risk-main{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.student-risk-main span{color:#9a3412;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.student-risk-recommendation{margin-top:18px}.student-risk-recommendation p{margin-top:8px;line-height:1.5}.emotion-summary-list{flex-direction:column;gap:12px;display:flex}.emotion-summary-row{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.emotion-summary-row span{color:#334155;font-weight:800}.emotion-summary-row strong{color:#0b63f6;font-size:20px}.trend-list{flex-direction:column;gap:12px;display:flex}.trend-item{color:#0b63f6;background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.trend-item strong{color:#0f172a;display:block}.trend-item span{color:#64748b;margin-top:3px;font-size:13px;font-weight:700;display:block}@media (width<=1100px){.student-detail-grid{grid-template-columns:1fr}.student-risk-card{position:static}.student-profile-card{grid-template-columns:76px minmax(0,1fr)}.student-profile-card .primary-action-button{grid-column:1/-1;justify-content:center;width:100%}}@media (width<=720px){.student-detail-header-actions{flex-direction:column;width:100%}.student-detail-header-actions button{width:100%}.student-profile-card{text-align:center;grid-template-columns:1fr}.student-profile-avatar{margin:0 auto}.student-profile-tags{justify-content:center}}.tutor-alerts-filters{margin-bottom:22px}.tutor-alerts-filters-grid{grid-template-columns:minmax(0,1.5fr) 240px 220px;gap:14px;display:grid}.tutor-alerts-filters-grid select{color:#334155;background:#fff;border:1px solid #dfe7f3;border-radius:10px;width:100%;min-width:0;height:46px;padding:0 14px;font-weight:600}.tutor-alerts-table-card{margin-top:22px}.tutor-alerts-table-card .data-table td:nth-child(2){max-width:420px;line-height:1.5}.metric-icon.red{color:#ef4444;background:#fee2e2}.tutor-alerts-table-card button:disabled{opacity:.7;cursor:not-allowed}.alert-actions-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=1000px){.tutor-alerts-filters-grid{grid-template-columns:1fr}}.alert-detail-header-actions{align-items:center;gap:12px;display:flex}.alert-detail-main-card{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:24px;display:grid}.alert-detail-icon{color:#d97706;background:#fef3c7;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.alert-detail-title h3{color:#0f172a;margin:0 0 8px;font-size:22px}.alert-detail-title p{color:#64748b;margin:0;line-height:1.5}.alert-detail-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.alert-detail-risk-title,.alert-detail-date-title,.alert-detail-student-title{font-size:22px!important}.alert-detail-grid{grid-template-columns:minmax(0,1.4fr) 420px;align-items:start;gap:22px;display:grid}.alert-student-card{background:#f8fafc;border:1px solid #e5eaf3;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.alert-student-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.alert-student-card strong{color:#0f172a;font-size:16px;display:block}.alert-student-card span{color:#64748b;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.alert-student-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.alert-student-tags small{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.alert-interpretation-box{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;display:flex}.alert-interpretation-box strong{color:#9a3412;display:block}.alert-interpretation-box span{color:#c2410c;margin-top:6px;line-height:1.5;display:block}.alert-detail-main-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (width<=1100px){.alert-detail-main-actions{grid-column:1/-1;justify-content:stretch}.alert-detail-main-actions button,.alert-detail-main-actions .badge{justify-content:center;width:100%}.alert-detail-grid{grid-template-columns:1fr}.alert-detail-main-card{grid-template-columns:76px minmax(0,1fr)}.alert-detail-main-card .primary-action-button,.alert-detail-main-card>.badge{grid-column:1/-1;justify-content:center;width:100%}}@media (width<=720px){.alert-detail-header-actions{flex-direction:column;width:100%}.alert-detail-header-actions button{width:100%}.alert-detail-main-card{text-align:center;grid-template-columns:1fr}.alert-detail-icon{margin:0 auto}.alert-detail-badges{justify-content:center}.alert-student-card{text-align:center;flex-direction:column}.alert-student-card span,.alert-student-tags{justify-content:center}}.referral-header-actions{align-items:center;gap:12px;display:flex}.referral-grid{grid-template-columns:minmax(0,2fr) 390px;align-items:start;gap:22px;display:grid}.referral-form{flex-direction:column;gap:22px;display:flex}.referral-textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #d8e2f0;border-radius:10px;outline:none;min-height:120px;padding:14px;font-family:inherit;font-size:14px}.referral-textarea:focus{border-color:#0b63f6}.referral-summary-card{position:sticky;top:100px}.referral-alert-box{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;gap:12px;padding:16px;display:flex}.referral-alert-box strong{color:#9a3412;display:block}.referral-alert-box span{color:#c2410c;margin-top:6px;line-height:1.5;display:block}.referral-summary-section{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px;display:flex}.referral-summary-section span{color:#64748b;font-weight:800}.referral-student-card{background:#f8fafc;border:1px solid #e5eaf3;border-radius:14px;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.referral-student-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.referral-student-card strong{color:#0f172a;display:block}.referral-student-card span{color:#64748b;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.referral-student-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.referral-student-tags small{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}@media (width<=1100px){.referral-grid{grid-template-columns:1fr}.referral-summary-card{position:static}}@media (width<=720px){.referral-header-actions{flex-direction:column;width:100%}.referral-header-actions button{width:100%}.referral-student-card{text-align:center;flex-direction:column}.referral-student-card span,.referral-student-tags{justify-content:center}}.support-dashboard-grid{grid-template-columns:minmax(0,2fr) 360px;align-items:start;gap:22px;display:grid}.support-referrals-card{min-width:0}.support-search{color:#64748b;background:#fff;border:1px solid #dfe7f3;border-radius:10px;align-items:center;gap:10px;width:min(380px,100%);height:44px;padding:0 14px;display:flex}.support-search input{color:#0f172a;border:none;outline:none;width:100%;min-width:0;font-size:14px}.support-summary-card{position:sticky;top:100px}.support-summary-list{flex-direction:column;gap:12px;display:flex}.support-summary-item{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.support-summary-item span{color:#64748b;font-weight:800}.support-summary-item strong{color:#0b63f6;font-size:22px}.support-next-step-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:16px;padding:14px 16px;font-weight:800}@media (width<=1100px){.support-dashboard-grid{grid-template-columns:1fr}.support-summary-card{position:static}}@media (width<=720px){.table-header{flex-direction:column;align-items:flex-start;gap:14px}.support-search{width:100%}}.support-referrals-filters{margin-bottom:22px}.support-referrals-filter-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.support-referrals-filters-grid{grid-template-columns:minmax(0,1.5fr) 240px 220px;gap:14px;display:grid}.support-referrals-filters-grid select{color:#334155;background:#fff;border:1px solid #dfe7f3;border-radius:10px;width:100%;min-width:0;height:46px;padding:0 14px;font-weight:600}.support-referrals-table-card{margin-top:22px}.support-priority-summary{color:#ef4444;background:#fee2e2;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:flex}.support-referral-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.support-referral-actions .table-action-button{align-items:center;gap:6px;display:inline-flex}.support-referrals-table-card .data-table td:nth-child(3){max-width:360px;line-height:1.5}.support-referral-actions button:disabled{opacity:.7;cursor:not-allowed}@media (width<=1100px){.support-referrals-filter-header{flex-direction:column;align-items:flex-start}.support-referrals-filters-grid{grid-template-columns:1fr}}@media (width<=720px){.support-referrals-filter-header button{width:100%}.support-priority-summary{justify-content:center;width:100%}}.support-referral-detail-actions{align-items:center;gap:12px;display:flex}.support-referral-main-card{grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:24px;display:grid}.support-referral-main-icon{color:#0b63f6;background:#dbeafe;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.support-referral-main-info h3{color:#0f172a;margin:0 0 8px;font-size:22px}.support-referral-main-info p{color:#64748b;margin:0;line-height:1.5}.support-referral-main-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.support-referral-main-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.support-referral-date-title{font-size:22px!important}.support-referral-detail-grid{grid-template-columns:minmax(0,1.5fr) 420px;align-items:start;gap:22px;display:grid}.support-referral-info-box{background:#f8fafc;border:1px solid #e5eaf3;border-radius:14px;margin-top:16px;padding:16px}.support-referral-info-box strong{color:#0f172a;margin-bottom:8px;display:block}.support-referral-info-box p{color:#334155;margin:0;line-height:1.5}.support-person-card{background:#f8fafc;border:1px solid #e5eaf3;border-radius:14px;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.support-person-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.support-person-avatar.tutor{color:#7c3aed;background:#ede9fe}.support-person-card strong{color:#0f172a;display:block}.support-person-card span{color:#64748b;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.support-person-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.support-person-tags small{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}@media (width<=1100px){.support-referral-main-card{grid-template-columns:76px minmax(0,1fr)}.support-referral-main-actions{grid-column:1/-1;justify-content:stretch}.support-referral-main-actions button,.support-referral-main-actions .badge{justify-content:center;width:100%}.support-referral-detail-grid{grid-template-columns:1fr}}@media (width<=720px){.support-referral-detail-actions{flex-direction:column;width:100%}.support-referral-detail-actions button{width:100%}.support-referral-main-card{text-align:center;grid-template-columns:1fr}.support-referral-main-icon{margin:0 auto}.support-referral-main-badges{justify-content:center}.support-person-card{text-align:center;flex-direction:column}.support-person-card span,.support-person-tags{justify-content:center}}.support-attention-header-actions{align-items:center;gap:12px;display:flex}.support-attention-main-card{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:24px;display:grid}.support-attention-main-icon{color:#0b63f6;background:#dbeafe;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.support-attention-main-info h3{color:#0f172a;margin:0 0 8px;font-size:22px}.support-attention-main-info p{color:#64748b;margin:0;line-height:1.5}.support-attention-main-badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.support-attention-grid{grid-template-columns:minmax(0,2fr) 390px;align-items:start;gap:22px;display:grid}.support-attention-form{flex-direction:column;gap:22px;display:flex}.support-attention-textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #d8e2f0;border-radius:10px;outline:none;min-height:120px;padding:14px;font-family:inherit;font-size:14px}.support-attention-textarea:focus{border-color:#0b63f6}.support-attention-check{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:10px;padding:14px;font-weight:800;display:flex}.support-attention-check input{width:18px;height:18px}.support-attention-summary-card{position:sticky;top:100px}.support-attention-student-card,.support-attention-tutor-card{background:#f8fafc;border:1px solid #e5eaf3;border-radius:14px;align-items:center;gap:14px;margin-top:16px;padding:16px;display:flex}.support-attention-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.support-attention-avatar.tutor{color:#7c3aed;background:#ede9fe}.support-attention-student-card strong,.support-attention-tutor-card strong{color:#0f172a;display:block}.support-attention-student-card span,.support-attention-tutor-card span{color:#64748b;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:700;display:flex}.support-attention-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.support-attention-tags small{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.support-attention-summary-row{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;justify-content:space-between;margin-top:16px;padding:14px;display:flex}.support-attention-summary-row span{color:#64748b;font-weight:800}.support-attention-summary-row strong{color:#0b63f6;font-size:22px}.support-attention-history-card{margin-top:22px}.support-attention-history-list{flex-direction:column;gap:14px;display:flex}.support-attention-history-item{background:#f8fafc;border:1px solid #e5eaf3;border-radius:14px;gap:14px;padding:16px;display:flex}.support-attention-history-icon{color:#0b63f6;background:#dbeafe;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.support-attention-history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.support-attention-history-header strong{color:#0f172a}.support-attention-history-header span{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.support-attention-history-item p{color:#334155;margin:8px 0;line-height:1.5}.support-attention-history-item small{color:#0b63f6;font-weight:800}@media (width<=1100px){.support-attention-grid{grid-template-columns:1fr}.support-attention-summary-card{position:static}}@media (width<=720px){.support-attention-header-actions{flex-direction:column;width:100%}.support-attention-header-actions button{width:100%}.support-attention-main-card{text-align:center;grid-template-columns:1fr}.support-attention-main-icon{margin:0 auto}.support-attention-main-badges{justify-content:center}.support-attention-student-card,.support-attention-tutor-card,.support-attention-history-item{text-align:center;flex-direction:column}.support-attention-student-card span,.support-attention-tutor-card span,.support-attention-tags{justify-content:center}}.support-students-filter-card{margin-bottom:22px}.support-students-search{color:#64748b;background:#fff;border:1px solid #dfe7f3;border-radius:10px;align-items:center;gap:10px;width:100%;height:46px;margin-top:16px;padding:0 14px;display:flex}.support-students-search input{color:#0f172a;border:none;outline:none;width:100%;min-width:0;font-size:14px}.support-students-list-card{margin-top:22px}.support-students-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.support-student-card{background:#fff;border:1px solid #e5eaf3;border-radius:16px;padding:18px;box-shadow:0 12px 28px #0f172a0a}.support-student-card-header{align-items:center;gap:14px;display:flex}.support-student-avatar{color:#0b63f6;background:#dbeafe;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:18px;font-weight:900;display:grid}.support-student-card-header h3{color:#0f172a;margin:0;font-size:17px}.support-student-card-header p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:700}.support-student-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.support-student-tags span{color:#3730a3;background:#eef2ff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.support-student-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.support-student-info-grid div{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;padding:12px}.support-student-info-grid span{color:#64748b;font-size:11px;font-weight:800;display:block}.support-student-info-grid strong{color:#0b63f6;margin-top:6px;font-size:20px;display:block}.support-student-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.support-student-meta div{background:#f8fafc;border:1px solid #e5eaf3;border-radius:12px;padding:12px}.support-student-meta span{color:#64748b;font-size:12px;font-weight:800;display:block}.support-student-meta strong{color:#0f172a;margin-top:6px;font-size:13px;display:block}.support-student-card-footer{border-top:1px solid #e5eaf3;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.support-student-card-footer .table-action-button{align-items:center;gap:6px;display:inline-flex}.badge.orange{color:#d97706;background:#fef3c7}@media (width<=1100px){.support-students-grid{grid-template-columns:1fr}}@media (width<=720px){.support-student-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-student-meta{grid-template-columns:1fr}.support-student-card-footer{flex-direction:column;align-items:stretch}.support-student-card-footer .table-action-button{justify-content:center;width:100%}}