@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--brand: #6366f1;--brand-hover: #4f46e5;--brand-dark: #4338ca;--brand-light: #eef2ff;--brand-glow: rgba(99,102,241,.2);--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #eef2ff;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border: #e2e8f0;--border-subtle: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--sidebar-bg: #0f172a;--sidebar-border:#1e293b;--sidebar-text: #94a3b8;--sidebar-hover: #1e293b;--sidebar-active-bg: rgba(99,102,241,.15);--sidebar-active-text: #a5b4fc;--sidebar-w: 260px;--topbar-h: 64px;--bottom-nav-h: 64px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--shadow-brand: 0 4px 14px rgba(99,102,241,.3);--border-color: var(--border);--bg-color: var(--bg);--panel-bg: var(--surface);--text-main: var(--text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-header{height:var(--topbar-h);display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.sidebar-logo{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.02em;box-shadow:0 4px 12px #6366f159;flex-shrink:0}.sidebar-title{font-size:1rem;font-weight:800;color:#f8fafc;letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;line-height:1.1}.sidebar-title span{display:block;font-size:.65rem;font-weight:500;color:var(--sidebar-text);letter-spacing:.06em;text-transform:uppercase;font-family:Inter,sans-serif;margin-top:1px}.nav-section-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#334155;padding:.85rem 1.5rem .3rem}.nav-links{flex:1;padding:.75rem .85rem;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:var(--sidebar-text);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:all .15s ease;position:relative}.nav-item .nav-icon-wrap{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.nav-item:hover{background:var(--sidebar-hover);color:#e2e8f0}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--brand);border-radius:0 3px 3px 0}.sidebar-footer{padding:1rem .85rem;border-top:1px solid var(--sidebar-border)}.sidebar-footer .btn-ghost{background:transparent;border-color:var(--sidebar-border);color:var(--sidebar-text)}.sidebar-footer .btn-ghost:hover{background:var(--sidebar-hover);color:#e2e8f0}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0;background:var(--bg)}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:50;flex-shrink:0;box-shadow:var(--shadow-sm)}.topbar-left{display:flex;align-items:center;gap:.75rem}.page-title{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.topbar-breadcrumb{font-size:.8rem;color:var(--text-muted)}.user-profile{display:flex;align-items:center;gap:.75rem}.user-info{text-align:right}.user-name{font-size:.875rem;font-weight:600;color:var(--text)}.user-role{font-size:.72rem;color:var(--text-muted);text-transform:capitalize}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0;box-shadow:var(--shadow-brand)}.content-area{padding:1.75rem;width:100%;max-width:1000px;margin:0 auto}.page-header{margin-bottom:1.5rem}.page-header-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text);font-family:Plus Jakarta Sans,sans-serif}.page-header-sub{font-size:.875rem;color:var(--text-muted);margin-top:.2rem}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.card-title{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif}.btn{padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem;line-height:1;letter-spacing:-.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),#7c3aed);box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid #fca5a5}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:transparent}.btn-ghost{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-block{width:100%;justify-content:center}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-xs{padding:.25rem .6rem;font-size:.75rem}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2)}td{font-size:.875rem;vertical-align:middle;color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:.3rem}input[type=text],input[type=number],input[type=password],input[type=email],input[type=date],input[type=month],input[type=time],input[type=datetime-local],select,textarea{padding:.7rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.875rem;background:var(--surface);color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;appearance:none;-webkit-appearance:none;line-height:1.5;width:100%;box-shadow:0 1px 2px #0000000a inset}input[type=text]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,textarea::placeholder{color:#b0bac7;font-weight:400}input[type=datetime-local],input[type=date],input[type=month],input[type=time]{color-scheme:light}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 16px;padding-right:2.25rem;cursor:pointer}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#c7d2e0;background:#fafbfc}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3.5px #6366f124,0 1px 2px #0000000a inset}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-light);cursor:not-allowed;opacity:.7}.form-group input,.form-group select,.form-group textarea{width:100%}.form-grid{display:grid;gap:1rem}.input-sm{padding:.45rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.82rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none;box-shadow:0 1px 2px #0000000a inset}.input-sm:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2.5px #6366f124,0 1px 2px #0000000a inset}select.input-sm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:14px 14px;padding-right:1.75rem;cursor:pointer}.badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:99px;font-size:.7rem;font-weight:700;white-space:nowrap;letter-spacing:.02em}.badge-admin{background:#fee2e2;color:#991b1b}.badge-teacher{background:#ede9fe;color:#5b21b6}.badge-student{background:var(--success-light);color:#166534}.badge-open{background:#d1fae5;color:#065f46}.badge-closed{background:#fee2e2;color:#991b1b}.badge-reopened{background:#fef3c7;color:#92400e}.badge-submitted{background:#d1fae5;color:#065f46}.badge-draft{background:#e0f2fe;color:#0369a1}.badge-not-evaluated{background:#f1f5f9;color:#475569}.badge-upcoming{background:#ede9fe;color:#5b21b6}.badge-active{background:#d1fae5;color:#065f46}.badge-done{background:var(--surface-2);color:var(--text-muted)}.tab-strip{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-strip::-webkit-scrollbar{display:none!important}.tab-btn{flex:1 0 auto;min-width:max-content;padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;background:transparent;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.tab-btn:hover:not(.active){color:var(--text);background:#00000005}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:var(--text);color:#fff;border-radius:var(--radius);padding:.85rem 1.25rem;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.16,1,.3,1);max-width:calc(100vw - 3rem);display:flex;align-items:center;gap:.5rem}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.modal-backdrop{position:fixed;inset:0;background:#02061799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:var(--surface);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:scaleIn .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:none;opacity:1}}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.divider{height:1px;background:var(--border);margin:1rem 0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:.82rem}.chip-grid{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.4rem .85rem;border-radius:99px;border:1.5px solid var(--border);font-size:.82rem;font-weight:500;background:var(--surface);cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none;color:var(--text-muted)}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.chip.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.chip.submitted{border-color:var(--success);background:var(--success-light);color:#065f46}.chip.closed{border-color:var(--danger);background:var(--danger-light);color:#991b1b}.empty-state{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state .empty-title{font-weight:700;margin-bottom:.35rem;font-size:1rem;color:var(--text)}.empty-state .empty-sub{font-size:.875rem}.marks-input{width:90px;padding:.45rem .5rem;text-align:center;border:1.5px solid var(--border);border-radius:7px;font-size:.9rem;font-weight:600;outline:none;transition:border-color .12s;background:var(--surface)}.marks-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--brand-glow)}.marks-input.filled{border-color:var(--success);background:var(--success-light)}.marks-input.over{border-color:var(--danger);background:var(--danger-light)}.marks-input:disabled{background:var(--surface-2);color:var(--text-light);cursor:not-allowed}.alert{padding:.85rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.6rem}.alert-info{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.alert-success{background:var(--success-light);border:1px solid #6ee7b7;color:#065f46}.alert-danger{background:var(--danger-light);border:1px solid #fca5a5;color:#991b1b}.alert-warning{background:var(--warning-light);border:1px solid #fcd34d;color:#78350f}@media(max-width:639px){.sidebar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);z-index:100;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav a{flex:0 0 auto;min-width:60px;max-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 6px;font-size:.58rem;font-weight:600;color:var(--sidebar-text);transition:color .15s;white-space:nowrap}@supports (flex: 1 1 0){.bottom-nav a{flex:1 1 0;min-width:50px}}.bottom-nav a.active{color:#a5b4fc}.bottom-nav a svg{flex-shrink:0}.main-content{padding-bottom:var(--bottom-nav-h)}.topbar{padding:0 1rem}.topbar .user-profile .user-info{display:none}.content-area{padding:.75rem}.modal-backdrop{align-items:flex-end;padding:0}.modal-box{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:92vh;overflow-y:auto}body,html{overflow-x:hidden}table,.mgmt-table,.cfg-table,.att-table,.marks-table,.preview-wrap table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}[style*="display:grid"],[style*="display: grid"],.form-grid,.import-grid,.summary-grid,.due-strip{grid-template-columns:1fr!important}.enroll-panel,.slide-panel{width:100vw!important;max-width:100vw!important;border-left:none!important}.slide-panel-header,.slide-panel-body{padding:1rem}.slide-panel-footer{padding:.75rem 1rem}.inline-form{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.inline-form .form-group{width:100%!important}.inline-form .btn{width:100%!important;justify-content:center!important}.exam-card-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.exam-actions{flex-wrap:wrap!important;justify-content:flex-start!important;margin-top:.5rem!important;gap:.35rem!important}.exam-actions .btn{flex:1 1 auto!important;justify-content:center!important;min-width:max-content!important;font-size:.75rem!important;padding:.35rem .65rem!important}.card-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.pay-picker{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.due-strip{grid-template-columns:1fr 1fr!important}.due-row{flex-wrap:wrap!important;gap:.4rem!important}.due-row-info{flex:1 1 auto!important;min-width:0!important}.due-row-actions{flex-shrink:0}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.btn-sm{padding:.3rem .65rem!important;font-size:.78rem!important}.btn-xs{padding:.22rem .5rem!important;font-size:.72rem!important}.card{padding:1rem}}@media(min-width:640px){.bottom-nav{display:none}.content-area{padding:1.75rem}}.slide-panel-backdrop{position:fixed;inset:0;background:#02061780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;display:flex;align-items:center;justify-content:center}.slide-panel{width:90%;max-width:1000px;height:90vh;background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:scaleIn .25s cubic-bezier(.16,1,.3,1);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.slide-panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surface)}.slide-panel-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.slide-panel-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface-2)}.skeleton-loader{animation:pulse-glow 1.5s infinite ease-in-out;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%}@keyframes pulse-glow{0%{background-position:100% 50%}to{background-position:0% 50%}}.skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem;background:var(--surface);display:flex;flex-direction:column;gap:.85rem}.skeleton-text{height:14px;border-radius:4px;width:100%}.skeleton-title{height:20px;border-radius:6px;width:45%;margin-bottom:.5rem}.bg-progress-container{position:absolute;top:0;left:0;right:0;height:3px;background:transparent;overflow:hidden;z-index:10}.bg-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--primary),#8b5cf6);animation:loading-slide 1.5s infinite linear;transform-origin:0% 50%}@keyframes loading-slide{0%{transform:translate(-100%) scaleX(.1)}50%{transform:translate(-30%) scaleX(.4)}to{transform:translate(100%) scaleX(.1)}}