@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:420px;max-width:95%;padding:28px;position:relative;box-shadow:0 20px 45px #00000040}.modal-close{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:#e5e7eb}.auth-subtitle{text-align:center;color:#6b7280;margin-bottom:22px}.auth-error{color:#d11a2a;background:#ffeaea;border-radius:8px;margin-bottom:18px;padding:10px;font-size:14px}.auth-field{margin-bottom:18px}.auth-field label{color:#444;margin-bottom:8px;font-weight:600;display:block}.auth-input-wrap input{box-sizing:border-box;border:1px solid #dcdfe6;border-radius:10px;outline:none;width:100%;height:48px;padding-left:45px;padding-right:48px;font-size:15px;transition:all .2s}.auth-input-wrap input:focus{border-color:#2563eb}.input-icon{color:#777;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.toggle-visibility{cursor:pointer;color:#666;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-visibility:hover{color:#2563eb}.toggle-visibility:focus{outline:none}.auth-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;width:100%;height:48px;margin-top:8px;font-size:16px;font-weight:600}.auth-submit:hover{background:#2563eb}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.app-navbar{padding:var(--space-4,1rem) var(--space-6,1.5rem);border-bottom:1px solid var(--color-border,#e5e7eb);z-index:40;background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:var(--space-2,.5rem);color:inherit;text-decoration:none;display:flex}.navbar-brand-icon{background:var(--color-primary,#2563eb);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.navbar-brand-text{color:var(--color-text,#1f2937);letter-spacing:.01em;font-size:1.05rem;font-weight:700}.navbar-right{position:relative}.navbar-user-btn{color:var(--color-text,#1f2937);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:.4rem .75rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.navbar-user-btn:hover{background:#f3f4f6;border-color:#e5e7eb}.navbar-chevron{color:#9ca3af;transition:transform .15s}.navbar-chevron.is-open{transform:rotate(180deg)}.navbar-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:220px;padding:6px;animation:.12s ease-out navbar-dropdown-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0000001f}@keyframes navbar-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{width:100%;color:var(--color-text,#1f2937);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:.6rem .75rem;font-size:.875rem;font-weight:500;transition:background .12s;display:flex}.navbar-dropdown-item:hover{background:#f3f4f6}.navbar-dropdown-item--danger{color:#dc2626}.navbar-dropdown-item--danger:hover{background:#fef2f2}.navbar-dropdown-item--danger.is-confirming{color:#fff;background:#dc2626}@media (width<=480px){.app-navbar{padding:var(--space-3,.75rem) var(--space-4,1rem)}.navbar-brand-text{font-size:.95rem}.navbar-user-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}}.dashboard-welcome{margin-bottom:var(--space-8);animation:slideUp var(--duration-slow) var(--ease-out)}.dashboard-welcome h2{margin-bottom:var(--space-1);background:linear-gradient(135deg, var(--text-primary), var(--accent-primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.dashboard-welcome p{color:var(--text-tertiary);font-size:14px}.dashboard-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.dashboard-section{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);animation:slideUp var(--duration-slow) var(--ease-out) both}.dashboard-section-title{margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:15px;font-weight:600;display:flex}.quick-list{gap:var(--space-2);flex-direction:column;display:flex}.quick-list-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;font-size:13px;display:flex}.quick-list-item:hover{background:#0f172a0a}.quick-list-item span:last-child{color:var(--text-tertiary);font-size:12px}.course-breakdown{gap:var(--space-4);flex-direction:column;display:flex}.course-breakdown-row{gap:var(--space-1);flex-direction:column;display:flex}.course-breakdown-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.course-breakdown-count{color:var(--text-primary);font-weight:700}.course-breakdown-bar-track{border-radius:var(--radius-sm,4px);background:#0f172a0f;width:100%;height:8px;overflow:hidden}.course-breakdown-bar-fill{border-radius:var(--radius-sm,4px);height:100%;transition:width var(--duration-slow,.4s) var(--ease-out,ease)}.year-breakdown{gap:var(--space-4);flex-wrap:wrap;display:flex}.year-breakdown-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:110px;padding:var(--space-4);text-align:center;background:#0f172a08;flex:120px}.year-breakdown-year{color:var(--text-secondary);margin-bottom:var(--space-1);font-size:13px;font-weight:600}.year-breakdown-count{color:var(--accent-primary);font-size:24px;font-weight:800}.year-breakdown-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.page-header{margin-bottom:var(--space-6);animation:slideUp var(--duration-slow) var(--ease-out);justify-content:space-between;align-items:center;display:flex}.page-header h2{font-size:24px;font-weight:700}.page-header-desc{color:var(--text-tertiary);margin-top:var(--space-1);font-size:13px}.not-found{text-align:center;height:60vh;animation:fadeIn var(--duration-slow) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found h1{color:var(--accent-primary);margin-bottom:var(--space-4);font-size:80px;font-weight:800;line-height:1}.not-found p{color:var(--text-tertiary);margin-bottom:var(--space-6);font-size:15px}.home-page{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-orb{filter:blur(80px);opacity:.45;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate orbFloat;position:absolute}.home-orb-1{background:linear-gradient(135deg,#3b82f6,#06b6d4);width:420px;height:420px;top:-10%;left:-5%}.home-orb-2{background:linear-gradient(135deg,#8b5cf6,#ec4899);width:350px;height:350px;animation-delay:3s;bottom:-8%;right:-3%}.home-orb-3{background:linear-gradient(135deg,#10b981,#3b82f6);width:200px;height:200px;animation-delay:5s;top:50%;left:60%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-20px)scale(1.08)}}.home-content{z-index:1;text-align:center;animation:fadeIn var(--duration-slow) var(--ease-out);flex-direction:column;align-items:center;display:flex;position:relative}.home-brand{animation:slideUp .6s var(--ease-out) both;margin-bottom:56px}.home-title{letter-spacing:-1px;background:linear-gradient(135deg,#1e293b 0%,#3b82f6 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800}.home-subtitle{color:var(--text-tertiary);max-width:400px;font-size:16px;line-height:1.7}.home-cards{gap:var(--space-8);grid-template-columns:1fr 1fr;margin-bottom:48px;display:grid}.role-card{text-align:center;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);cursor:pointer;width:280px;transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease-out);animation:slideUp .6s var(--ease-out) both;background:#ffffffd9;flex-direction:column;align-items:center;padding:40px 32px 32px;display:flex;position:relative;overflow:hidden}.role-card:first-child{animation-delay:.2s}.role-card:nth-child(2){animation-delay:.35s}.role-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.role-card:active{transform:scale(.95)}.role-card-glow{filter:blur(50px);opacity:0;width:160px;height:160px;transition:opacity .4s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.role-card-teacher .role-card-glow{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.role-card-student .role-card-glow{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.role-card-icon{border-radius:var(--radius-lg);width:72px;height:72px;margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.role-card-teacher .role-card-icon{color:#3b82f6;background:linear-gradient(135deg,#3b82f61f,#06b6d41f)}.role-card-student .role-card-icon{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61f,#ec48991f)}.role-card-info h2{margin-bottom:var(--space-2);color:var(--text-primary);font-size:22px;font-weight:700}.role-card-info p{color:var(--text-tertiary);margin-bottom:var(--space-6);font-size:13px;line-height:1.6}.role-card-action{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:13px;font-weight:600;display:inline-flex}.role-card-action-disabled{opacity:.7;background:linear-gradient(135deg,#94a3b8,#64748b)}.home-footer{color:var(--text-tertiary);opacity:.7;animation:fadeIn .8s var(--ease-out) .6s both;font-size:12px}@media (width<=768px){.dashboard-grid,.form-grid,.stats-grid,.home-cards{grid-template-columns:1fr}.home-title{font-size:32px}.role-card{width:100%;max-width:320px}}.admission-container{background:var(--bg-primary);min-height:100vh;padding:var(--space-8) var(--space-4);flex-direction:column;align-items:center;display:flex}.admission-header{text-align:center;margin-bottom:var(--space-8)}.admission-header h1{color:var(--text-primary);margin-bottom:var(--space-2);font-size:32px;font-weight:800}.admission-header p{color:var(--text-tertiary)}.admission-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:800px;padding:var(--space-8);box-shadow:0 4px 20px #0000000d}.progress-container{margin-bottom:var(--space-10);background:var(--border-subtle);border-radius:2px;height:4px;position:relative}.progress-bar{background:var(--accent-primary);border-radius:2px;height:100%;transition:width .3s ease-in-out;position:absolute;top:0;left:0}.step-indicators{justify-content:space-between;width:100%;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-dot{background:var(--bg-elevated);border:2px solid var(--border-subtle);width:28px;height:28px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .3s;display:flex}.step-dot.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.step-title{margin-bottom:var(--space-6);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-3);font-size:20px;font-weight:700}.section-subtitle{margin:var(--space-6) 0 var(--space-4);color:var(--text-secondary);font-size:16px;font-weight:600}.form-row{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.form-row.two-col{grid-template-columns:1fr 1fr}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-group label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-input);padding:10px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.uploads-row{gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.photo-upload,.signature-upload{align-items:flex-start;margin-bottom:0}.photo-box{border:2px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-subtle);justify-content:center;align-items:center;width:120px;height:145px;transition:all .2s;display:flex;overflow:hidden}.photo-box.signature-box{width:180px;height:145px}.photo-box:hover{border-color:var(--accent-primary);background:#3b82f605}.photo-box img{object-fit:contain;width:100%;height:100%}.photo-placeholder{align-items:center;gap:var(--space-2);color:var(--text-tertiary);flex-direction:column;font-size:12px;display:flex}.education-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-6);flex-direction:column;gap:1px;display:flex;overflow:hidden}.edu-header{background:var(--bg-subtle);padding:var(--space-3);color:var(--text-secondary);grid-template-columns:1.5fr 2fr 2fr 1fr 1fr 1fr;font-size:12px;font-weight:600;display:grid}.edu-row{background:var(--bg-elevated);grid-template-columns:1.5fr 2fr 2fr 1fr 1fr 1fr;display:grid}.edu-cell{padding:4px}.edu-cell.label-cell{padding:var(--space-3);align-items:center;font-size:13px;font-weight:500;display:flex}.edu-cell input{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;width:100%;padding:8px}.edu-cell input:focus{background:var(--bg-input);border-color:var(--border-subtle)}.undertaking-box{padding:var(--space-6);border-radius:var(--radius-md);margin-top:var(--space-6);background:#3b82f60d;border:1px solid #3b82f61a}.undertaking-box ol{color:var(--text-secondary);padding-left:var(--space-4);margin-bottom:var(--space-6);font-size:13px;line-height:1.6}.undertaking-box ul{padding-left:var(--space-4);margin-top:var(--space-2)}.checkbox-label{align-items:center;gap:var(--space-3);cursor:pointer;font-size:14px;font-weight:500;display:flex}.highlight-checkbox{padding:var(--space-3);border:1px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);background:#fff}.divider{background:var(--border-subtle);height:1px;margin:var(--space-6) 0;border:0}.form-actions{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;display:flex}.form-actions button{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;border:none}.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#fff}.btn-secondary:hover{background:var(--bg-subtle)}.submit-btn{background:#10b981}.submit-btn:hover{background:#059669}.slide-in{animation:slideIn .4s var(--ease-out) both}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.documents-grid .document-upload-item{opacity:0;animation:.4s forwards docFadeIn}.documents-grid .document-upload-item:first-child{animation-delay:50ms}.documents-grid .document-upload-item:nth-child(2){animation-delay:.1s}.documents-grid .document-upload-item:nth-child(3){animation-delay:.15s}.documents-grid .document-upload-item:nth-child(4){animation-delay:.2s}.documents-grid .document-upload-item:nth-child(5){animation-delay:.25s}.documents-grid .document-upload-item:nth-child(6){animation-delay:.3s}.documents-grid .document-upload-item:nth-child(7){animation-delay:.35s}@keyframes docFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.document-box{transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s}.document-box:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.document-box:active{transform:scale(.98)}.document-box.uploaded{animation:.35s docUploadPop}@keyframes docUploadPop{0%{background:#dcfce7;transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}.document-uploaded-info{animation:.3s docInfoPop}@keyframes docInfoPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.document-actions-row{animation:.25s docFadeIn}.document-check-badge{animation:.35s docCheckPop}@keyframes docCheckPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.auth-page{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-top-logo{z-index:10;align-items:center;display:flex;position:absolute;top:10px;left:10px}.auth-top-logo img{object-fit:contain;border:1px solid var(--border-subtle);background:#fff;border-radius:50%;width:clamp(44px,10vw,65px);height:clamp(44px,10vw,65px);padding:3px;box-shadow:0 6px 18px #0000001f}.auth-top-image{z-index:10;align-items:center;display:flex;position:absolute;top:10px;right:10px}.auth-top-image img{object-fit:contain;border:1px solid var(--border-subtle);background:#fff;border-radius:50%;width:clamp(44px,10vw,80px);height:clamp(44px,10vw,80px);padding:2px;box-shadow:0 6px 18px #0000001f}@media (width<=380px){.auth-top-logo,.auth-top-image{top:6px}.auth-top-logo{left:6px}.auth-top-image{right:6px}.auth-top-logo img,.auth-top-image img{width:40px;height:40px}}.registration-heading{text-align:center;color:#1d3f91;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:15px;font-size:20px;font-weight:700}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-8) var(--space-8) var(--space-6);box-shadow:var(--shadow-lg);animation:slideUp var(--duration-slow) var(--ease-out) both;background:#ffffffe6;position:relative}.auth-icon{border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--space-4);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:var(--text-inverse);justify-content:center;align-items:center;display:flex}.auth-title{text-align:center;margin-bottom:var(--space-1);font-size:24px;font-weight:800}.auth-subtitle{color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-6);font-size:13px}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field label{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:13px;font-weight:600;display:block}.auth-input-wrap{position:relative}.auth-input-wrap svg{color:var(--text-tertiary);pointer-events:none;z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.auth-input-wrap input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:0 0;padding:10px 12px 10px 38px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-input-wrap input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.auth-input-wrap select{appearance:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:10px 38px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-input-wrap select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.auth-input-wrap select option{color:#111827;background:#fff}.auth-input-wrap.no-icon input{padding-left:14px}.auth-input-wrap .toggle-visibility{cursor:pointer;width:34px;height:34px;color:var(--text-tertiary);background:0 0;border:none;outline:none;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-input-wrap .toggle-visibility:hover{color:var(--accent-primary)}.auth-error{background:var(--accent-danger-bg);color:var(--accent-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:center;font-size:13px}.auth-submit{width:100%;margin-top:var(--space-2);justify-content:center;padding:11px;font-size:14px;font-weight:700}.auth-options{justify-content:space-between;align-items:center;margin-top:-2px;margin-bottom:18px;display:flex}.remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.remember-me input{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.forgot-link{color:var(--accent-primary);font-size:13px;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-footer{text-align:center;color:var(--text-tertiary);margin-top:var(--space-6);font-size:13px}.auth-footer a{color:var(--accent-primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-back{color:var(--text-tertiary);margin-bottom:var(--space-5);align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.auth-back:hover{color:var(--accent-primary)}.auth-card.signup-card{max-width:760px;padding:var(--space-5) var(--space-8)}.auth-card.signup-card .auth-icon{width:44px;height:44px;margin-bottom:var(--space-2)}.auth-card.signup-card .auth-title{margin-bottom:2px;font-size:22px}.auth-card.signup-card .auth-subtitle{margin-bottom:var(--space-4);font-size:13px}.signup-grid{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.col-span-6{grid-column:span 6}.col-span-3{grid-column:span 3}.col-span-2{grid-column:span 2}@media (width<=640px){.signup-grid{grid-template-columns:1fr}.col-span-6,.col-span-3,.col-span-2{grid-column:span 1}}@media (width<=480px){.auth-page{padding:16px}.auth-card{max-width:100%;padding:24px 20px}.auth-title{font-size:22px}.auth-subtitle{font-size:12px}.auth-input-wrap input,.auth-input-wrap select{font-size:13px}}.auth-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px 20px 100px;display:flex}.auth-credit-footer{text-align:center;z-index:1;pointer-events:none;width:100%;max-width:500px;margin-top:20px;position:relative}.copyright-text,.developer-text,.supervisor-text{color:#131212e0;font-size:12px;font-weight:500;line-height:1.7}.developer-text,.supervisor-text{font-weight:600}@media (width<=900px){.auth-credit-footer{padding:0 16px}}@media (width<=600px){.auth-page{padding-bottom:40px}.auth-credit-footer{margin-top:14px;padding:0 12px}.copyright-text,.developer-text,.supervisor-text{font-size:10px;line-height:1.6}}:root{--bg-base:#fff;--bg-surface:#f8fafc;--bg-card:#fffffff2;--bg-card-hover:#fff;--bg-elevated:#fff;--bg-input:#fff;--bg-sidebar:#fffffffa;--accent-primary:#3b82f6;--accent-primary-hover:#60a5fa;--accent-primary-glow:#3b82f640;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-success-bg:#10b9811f;--accent-warning:#f59e0b;--accent-warning-bg:#f59e0b1f;--accent-danger:#ef4444;--accent-danger-bg:#ef44441f;--accent-info:#06b6d4;--text-primary:#000;--text-secondary:#333;--text-tertiary:#555;--text-inverse:#fff;--border-subtle:#00000014;--border-default:#00000026;--border-strong:#00000040;--border-accent:#3b82f666;--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;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px var(--accent-primary-glow);--ease-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow:hidden auto}body:before{content:"";opacity:.15;pointer-events:none;z-index:0;background-image:url(/assets/bg-BbVgAfpz.jpg);background-position:50%;background-size:cover;background-attachment:fixed;position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}table{border-collapse:collapse;width:100%}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.glass-strong{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring)}.app-layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;min-height:100vh;transition:grid-template-columns var(--duration-slow) var(--ease-out);grid-template-areas:"sidebar topbar""sidebar main";display:grid}.app-layout.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);z-index:100;height:100vh;transition:width var(--duration-slow) var(--ease-out);flex-direction:column;grid-area:sidebar;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--border-subtle);min-height:var(--topbar-height);display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-md);color:#fff;width:36px;height:36px;box-shadow:0 0 16px var(--accent-primary-glow);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.sidebar-brand{white-space:nowrap;transition:opacity var(--duration-normal) var(--ease-out), width var(--duration-slow) var(--ease-out);overflow:hidden}.sidebar-brand h1{background:linear-gradient(135deg, var(--text-primary), var(--accent-primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar-brand span{color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500}.sidebar-collapsed .sidebar-brand{opacity:0;width:0}.sidebar-nav{padding:var(--space-3) var(--space-3);flex:1;overflow:hidden auto}.nav-section-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.2px;padding:var(--space-4) var(--space-3) var(--space-2);white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.sidebar-collapsed .nav-section-label{opacity:0}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#0f172a0a}.nav-item.active{background:var(--accent-primary-glow);color:var(--accent-primary-hover)}.nav-item.active:before{content:"";background:var(--accent-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-item-icon{flex-shrink:0;width:20px;height:20px}.nav-item-label{transition:opacity var(--duration-normal) var(--ease-out), width var(--duration-slow) var(--ease-out);overflow:hidden}.sidebar-collapsed .nav-item-label{opacity:0;width:0}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:var(--space-3);flex-direction:column;gap:4px;display:flex}.sidebar-back-btn{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);font-size:13px;font-weight:500;text-decoration:none;display:flex}.sidebar-back-btn:hover{color:var(--accent-primary);background:#3b82f614}.sidebar-toggle{justify-content:flex-start;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out);font-size:13px;font-weight:500;display:flex}.sidebar-toggle:hover{color:var(--text-secondary);background:#0f172a0a}.topbar{padding:0 var(--space-8);border-bottom:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);z-index:50;grid-area:topbar;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{flex-direction:column;gap:2px;display:flex}.topbar-title{color:var(--text-primary);font-size:20px;font-weight:700}.topbar-breadcrumb{color:var(--text-tertiary);align-items:center;gap:var(--space-1);font-size:12px;display:flex}.topbar-breadcrumb span{color:var(--text-secondary)}.topbar-right{align-items:center;gap:var(--space-4);display:flex}.health-indicator{align-items:center;gap:var(--space-2);color:var(--text-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#10b98114;border:1px solid #10b98133;font-size:12px;display:flex}.health-dot{background:var(--accent-success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #10b98199}.health-dot.offline{background:var(--accent-danger);box-shadow:0 0 8px #ef444499}.health-indicator.offline{background:#ef444414;border-color:#ef444433}.main-content{padding:var(--space-8);height:calc(100vh - var(--topbar-height));grid-area:main;overflow-y:auto}@media (width<=1024px){.app-layout{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar-brand,.nav-item-label,.nav-section-label{opacity:0;width:0}}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.stats-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out);animation:slideUp var(--duration-slow) var(--ease-out) both;position:relative;overflow:hidden}.stats-card:before{content:"";background:linear-gradient(90deg, var(--card-accent,var(--accent-primary)), transparent);opacity:0;height:2px;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;top:0;left:0;right:0}.stats-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stats-card:hover:before{opacity:1}.stats-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.stats-card-icon{border-radius:var(--radius-md);background:var(--icon-bg,var(--accent-primary-glow));width:40px;height:40px;color:var(--icon-color,var(--accent-primary));justify-content:center;align-items:center;display:flex}.stats-card-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stats-card-value{color:var(--text-primary);margin-bottom:var(--space-1);font-size:32px;font-weight:800;line-height:1.1}.stats-card-footer{color:var(--text-tertiary);font-size:12px}.table-container{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);animation:slideUp var(--duration-slow) var(--ease-out) both;overflow:hidden}.table-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.table-header-left{align-items:center;gap:var(--space-4);display:flex}.table-title{color:var(--text-primary);font-size:16px;font-weight:600}.table-count{color:var(--text-tertiary);background:var(--bg-elevated);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:12px}.table-header-right{align-items:center;gap:var(--space-3);display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;position:absolute}.search-input{width:240px;height:36px;padding-left:36px;font-size:13px}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;height:36px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 0 12px var(--accent-primary-glow)}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 0 20px var(--accent-primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid #ef444433}.btn-danger:hover{background:#ef444433;border-color:#ef444466}.btn-ghost{color:var(--text-secondary);padding:var(--space-1) var(--space-2)}.btn-ghost:hover{color:var(--text-primary);background:#0f172a0f}.btn-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{color:var(--text-primary);background:#0f172a0f}.btn-icon.edit:hover{background:var(--accent-primary-glow);color:var(--accent-primary)}.btn-icon.delete:hover{background:var(--accent-danger-bg);color:var(--accent-danger)}.data-table{width:100%}.data-table thead{background:#d0d0d280}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);font-size:11px;font-weight:800}.data-table th:hover{color:var(--text-secondary)}.data-table th.sorted{color:var(--accent-primary)}.sort-icon{margin-left:var(--space-1);opacity:.5;display:inline-block}.data-table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:600;overflow:hidden}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:#0f172a08}.data-table tbody tr:last-child td{border-bottom:none}.td-actions{align-items:center;gap:var(--space-1);display:flex}.status-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);letter-spacing:.3px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.active{background:var(--accent-success-bg);color:var(--accent-success);border:1px solid #10b98133}.status-badge.inactive{background:var(--accent-danger-bg);color:var(--accent-danger);border:1px solid #ef444433}.status-badge.current{color:var(--accent-primary);background:#3b82f61f;border:1px solid #3b82f633}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:85vh;animation:scaleIn var(--duration-normal) var(--ease-spring);box-shadow:var(--shadow-lg), 0 0 60px #00000080;flex-direction:column;display:flex}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex}.confirm-dialog{text-align:center;max-width:400px}.confirm-dialog .modal-body{padding:var(--space-8) var(--space-6)}.confirm-icon{background:var(--accent-danger-bg);width:56px;height:56px;color:var(--accent-danger);margin:0 auto var(--space-5);border-radius:50%;justify-content:center;align-items:center;display:flex}.confirm-message{color:var(--text-secondary);font-size:14px;line-height:1.6}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-input,.form-select{height:40px;font-size:14px}.form-error{color:var(--accent-danger);margin-top:2px;font-size:11px}.pagination{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--text-tertiary);font-size:13px}.pagination-controls{align-items:center;gap:var(--space-1);display:flex}.page-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.page-btn:hover:not(:disabled){color:var(--text-primary);background:#0f172a0f}.page-btn.active{background:var(--accent-primary);color:#fff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.loader{padding:var(--space-16);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-row{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.skeleton-cell{background:linear-gradient(90deg, var(--border-subtle) 25%, var(--border-default) 50%, var(--border-subtle) 75%);border-radius:var(--radius-sm);background-size:200% 100%;height:16px;animation:1.5s infinite shimmer}.empty-state{padding:var(--space-16) var(--space-8);color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--bg-elevated);width:64px;height:64px;margin-bottom:var(--space-4);color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:16px;font-weight:600}.empty-state-text{margin-bottom:var(--space-5);font-size:13px}.view-mode-tabs{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.view-mode-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:13px;font-weight:600;display:flex}.view-mode-tab:hover{color:var(--text-primary);border-color:var(--accent-primary)}.view-mode-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.group-list{gap:var(--space-3);flex-direction:column;display:flex}.group-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.group-card-header{width:100%;padding:var(--space-4);cursor:pointer;font:inherit;color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out);background:#0f172a08;border:none;justify-content:space-between;align-items:center;display:flex}.group-card-header:hover{background:#0f172a0f}.group-card-header-left{align-items:center;gap:var(--space-2);display:flex}.group-card-title{font-size:14px;font-weight:700}.doc-checklist-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.doc-checklist-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);background:#0f172a05;justify-content:space-between;align-items:center;font-size:13px;display:flex}@media (width<=640px){.doc-checklist-grid{grid-template-columns:1fr}}.filter-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.filter-select{height:32px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);min-width:140px;padding-right:28px;font-size:12px}.filter-label{color:var(--text-tertiary);font-size:12px;font-weight:500}.student-detail{gap:var(--space-6);flex-direction:column;display:flex}.student-detail-header{align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);display:flex}.student-detail-photo{border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--border-subtle);flex-shrink:0;width:72px;height:72px}.student-detail-name{color:var(--text-primary);margin-bottom:2px;font-size:20px;font-weight:700}.student-detail-course{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.student-detail-id{color:var(--text-tertiary);border-radius:var(--radius-full);background:#3b82f614;padding:2px 10px;font-size:12px;font-weight:500}.detail-section{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.detail-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:#0f172a08;margin:0;font-size:13px;font-weight:600}.detail-section-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.detail-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);flex-direction:column;gap:2px;display:flex}.detail-row:nth-last-child(-n+2){border-bottom:none}.detail-row:nth-child(2n){border-right:none}.detail-row-wide{border-right:none;grid-column:1/-1}.detail-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);font-size:11px;font-weight:500}.detail-value{color:var(--text-primary);font-size:14px;line-height:1.4}.detail-section-full{width:100%;overflow-x:auto}.student-edu-table{border-collapse:collapse;width:100%;margin:0}.student-edu-table th,.student-edu-table td{padding:var(--space-2) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle);font-size:12px}.student-edu-table th{text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);white-space:nowrap;background:#0f172a08;font-size:11px;font-weight:600}.student-edu-table tbody tr:last-child td{border-bottom:none}@media (width<=640px){.detail-section-grid{grid-template-columns:1fr}.detail-row{border-right:none}.student-detail-header{text-align:center;flex-direction:column}}