@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Poppins:wght@700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";.layout{min-height:100vh;display:flex;flex-direction:row;background:var(--bg)}.sidebar-wrapper{flex-shrink:0;width:220px;transition:width .25s cubic-bezier(.4,0,.2,1)}.layout--collapsed .sidebar-wrapper{width:68px}.sidebar{width:220px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:1rem .75rem;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar--collapsed{width:68px}.sidebar-logo{display:flex;align-items:center;justify-content:space-between;padding:.25rem .25rem 1rem;border-bottom:1px solid var(--border);margin-bottom:1rem;min-height:70px;gap:.5rem}.sidebar--collapsed .sidebar-logo{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding-bottom:.75rem}.sidebar-logo-img{width:100%;max-width:140px;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(16,185,129,.2));transition:max-width .25s ease,opacity .2s ease}.sidebar--collapsed .sidebar-logo-img{max-width:32px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.sidebar-section-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:.25rem .6rem;margin-top:.25rem;white-space:nowrap}.sidebar-nav-divider{height:1px;background:var(--border);margin:.75rem 0 .5rem}.sidebar-nav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:var(--transition);white-space:nowrap;position:relative}.sidebar-nav-item:after{display:none}.sidebar-nav-item:hover{background:var(--surface-hover);color:var(--text)}.sidebar-nav-item.active{background:var(--primary-glow);color:var(--primary);font-weight:600}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--gradient-primary)}.sidebar-nav-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.sidebar-nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.theme-toggle{position:relative;width:48px;height:26px;padding:3px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;flex-shrink:0}.theme-toggle .theme-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#10b981;box-shadow:0 2px 8px #10b98166;transition:transform .18s ease,background .18s ease}.theme-toggle.is-dark .theme-thumb{transform:translate(22px);background:#f97316;box-shadow:0 2px 8px #f9731666}.theme-toggle:focus{outline:3px solid var(--primary-glow);outline-offset:2px}.sidebar-collapse-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);width:26px;height:26px;display:grid;place-items:center;cursor:pointer;font-size:1.1rem;line-height:1;transition:var(--transition);flex-shrink:0}.sidebar-collapse-btn:hover{color:var(--text);border-color:var(--primary);background:var(--primary-glow)}.sidebar-expand-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:.5rem auto .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:1.1rem;transition:var(--transition)}.sidebar-expand-btn:hover{color:var(--text);border-color:var(--primary);background:var(--primary-glow)}.sidebar-footer{display:flex;align-items:center;justify-content:center;padding:.75rem .25rem .5rem;border-top:1px solid var(--border);margin-top:.5rem}.sidebar-user{display:flex;align-items:center;gap:.6rem;padding:.75rem .5rem .25rem;margin-top:.25rem}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--gradient-primary);display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-avatar--sm{width:30px;height:30px;font-size:.72rem}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--primary)}.sidebar-logout-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);width:28px;height:28px;display:grid;place-items:center;cursor:pointer;font-size:.9rem;transition:var(--transition);flex-shrink:0}.sidebar-logout-btn:hover{color:var(--danger);border-color:var(--danger);background:#ef444414}.mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:0 1rem;height:56px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200}.mobile-topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.mobile-topbar-logo-img{height:32px;width:auto;object-fit:contain;filter:drop-shadow(0 0 6px rgba(16,185,129,.2))}.mobile-menu-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.hamburger{width:18px;height:2px;background:var(--text-secondary);position:relative;display:block}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text-secondary)}.hamburger:before{top:-5px}.hamburger:after{top:5px}.mobile-drawer{position:fixed;top:0;left:0;height:100vh;z-index:300;width:220px!important}.mobile-drawer .sidebar{width:220px!important;box-shadow:8px 0 32px #0006}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main{flex:1;padding:2rem;min-width:0;overflow-x:hidden}.desktop-only{display:flex}@media (max-width: 900px){.layout{flex-direction:column}.desktop-only{display:none}.mobile-topbar{display:flex}.main{padding:1.25rem 1rem}}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:var(--surface)}th{background:var(--surface-hover);padding:1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border);font-size:.9375rem;color:var(--text-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-hover);color:var(--text)}tr:focus-within td{background:var(--surface-hover);color:var(--text)}table tr td{transition:background .14s ease,color .14s ease}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-primary{background:var(--primary-glow);color:var(--primary)}.badge-success{background:#10b98126;color:var(--success)}.badge-warning{background:#f9731626;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.lock-scroll{overflow:hidden}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--bg)}.login-left{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem;background:var(--surface);border-right:1px solid var(--border);overflow:hidden}.login-left:before{content:"";position:absolute;top:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 65%);pointer-events:none}.login-left:after{content:"";position:absolute;bottom:-120px;right:-120px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 65%);pointer-events:none}.login-logo{position:relative;z-index:1;width:100%;max-width:320px;filter:drop-shadow(0 0 30px rgba(16,185,129,.2));animation:fadeIn .6s ease both}.login-tagline{position:relative;z-index:1;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.45rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-hover);animation:fadeIn .6s .1s ease both}.login-right{display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.login-box{width:100%;max-width:380px;animation:slideUp .5s .15s ease both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.5rem}.login-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem;color:var(--text)}.login-sub{font-size:.92rem;color:var(--text-secondary);margin-bottom:2.25rem;line-height:1.65}.ms-btn{display:flex;align-items:center;justify-content:center;gap:.85rem;width:100%;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.97rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;font-family:inherit}.ms-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .2s ease}.ms-btn:after{display:none}.ms-btn:hover:before{opacity:.07}.ms-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #10b98126;color:var(--text)}.ms-logo{width:22px;height:22px;flex-shrink:0;position:relative;z-index:1}.ms-btn span{position:relative;z-index:1}.login-info-card{margin-top:1.25rem;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.login-info-text{font-size:.81rem;color:var(--text-secondary);line-height:1.6}.login-footer{margin-top:2rem;text-align:center;font-size:.74rem;color:var(--text-muted);line-height:1.65}.login-footer a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.login-footer:after{display:none}.login-footer a:after{display:none}@media (max-width: 768px){.login-page{grid-template-columns:1fr}.login-left{padding:2.5rem 2rem;border-right:none;border-bottom:1px solid var(--border)}.login-logo{max-width:240px}.login-right{padding:2.5rem 1.5rem}}.dashboard{animation:fadeIn .45s ease-out both}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;gap:1rem;flex-wrap:wrap}.dashboard-title{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.4rem;background:linear-gradient(120deg,var(--text) 40%,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.dashboard-subtitle{color:var(--text-secondary);font-size:1rem}.dashboard-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-status{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.status-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.notif-wrapper{position:relative}.notif-btn{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:38px;height:38px;display:grid;place-items:center;cursor:pointer;font-size:1rem;transition:var(--transition)}.notif-btn:hover{border-color:var(--primary);background:var(--primary-glow)}.notif-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bg)}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:fadeIn .15s ease}.notif-header{padding:.75rem 1rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.notif-clear-all{background:none;border:none;cursor:pointer;font-size:.72rem;font-weight:600;color:var(--primary);text-transform:none;letter-spacing:0;padding:0;opacity:.8}.notif-clear-all:hover{opacity:1;text-decoration:underline}.notif-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:var(--transition)}.notif-item:hover{background:var(--surface-hover)}.notif-item+.notif-item{border-top:1px solid var(--border)}.notif-item-icon{font-size:1rem;margin-top:1px;flex-shrink:0}.notif-item-text{font-size:.83rem;font-weight:600;color:var(--text);margin-bottom:.15rem}.notif-item-sub{font-size:.74rem;color:var(--text-muted)}.notif-item-body{flex:1}.notif-dismiss{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-muted);padding:0 2px;line-height:1;opacity:.5;flex-shrink:0;margin-top:1px}.notif-dismiss:hover{opacity:1;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:1rem;transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.7;transition:opacity .25s}.stat-card--blue:before{background:#38bdf8}.stat-card--orange:before{background:var(--accent,#f97316)}.stat-card--green:before{background:var(--success)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow)}.stat-card--blue:hover{border-color:#38bdf859}.stat-card--orange:hover{border-color:#f9731659}.stat-card--green:hover{border-color:#10b98159}.stat-card:hover:before{opacity:1}.stat-card-header{display:flex;justify-content:space-between;align-items:center}.stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:1.3rem;background:#38bdf814}.stat-icon-wrapper--orange{background:#f9731614}.stat-icon-wrapper--green{background:#10b98114}.stat-badge{font-size:.7rem;font-weight:700;padding:.22rem .65rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em}.stat-badge--blue{background:#38bdf81f;color:#38bdf8}.stat-badge--orange{background:#f973161f;color:var(--accent,#f97316)}.stat-badge--green{background:#10b9811f;color:var(--success)}.stat-card-body{display:flex;flex-direction:column;gap:.3rem}.stat-value{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:800;line-height:1;color:var(--text)}.stat-value--sm{font-size:1.4rem;padding-top:.25rem}.stat-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.content-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}.content-left{display:flex;flex-direction:column;gap:1.5rem}.section-card{height:100%}.section-title{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.6rem}.section-title-dot{width:9px;height:9px;border-radius:50%;background:#38bdf8;box-shadow:0 0 7px #38bdf8;flex-shrink:0}.section-title-dot--purple{background:#818cf8;box-shadow:0 0 7px #818cf8}.section-title-dot--green{background:var(--success);box-shadow:0 0 7px var(--success)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-controls{display:flex;gap:.6rem;align-items:center}.control-search{padding:.45rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-hover);color:var(--text);font-size:.85rem;min-width:160px;outline:none;transition:var(--transition)}.control-search:focus{border-color:var(--primary)}.control-select{padding:.45rem .6rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-hover);color:var(--text);font-size:.85rem;outline:none}.control-link{white-space:nowrap}.meeting-list{display:flex;flex-direction:column;gap:.75rem}.meeting-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);text-decoration:none;color:inherit}.meeting-item:hover{border-color:#10b9814d;background:#10b9810a}.meeting-item:after{display:none}.meeting-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0}.date-day{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:800;color:var(--primary);line-height:1}.date-month{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.07em}.meeting-info{flex:1;min-width:0}.meeting-name{font-weight:600;font-size:.92rem;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-meta{font-size:.8rem;color:var(--text-muted);display:flex;gap:.85rem}.join-btn{padding:.38rem .9rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--primary);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap;text-decoration:none;flex-shrink:0}.join-btn:after{display:none}.join-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.activity-sub{font-size:.75rem;color:var(--text-muted);font-weight:600}.activity-graph{padding-top:.5rem}.activity-bars{display:flex;align-items:flex-end;gap:6px;height:80px}.activity-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.activity-bar{width:100%;border-radius:4px 4px 0 0;background:var(--surface-hover);border:1px solid var(--border);transition:height .4s ease,background .2s;min-height:6px}.activity-bar--active{background:var(--gradient-primary);border-color:transparent}.activity-bar-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.side-col{display:flex;flex-direction:column;gap:1.25rem}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.1rem .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text);transition:var(--transition)}.action-card:after{display:none}.action-card:hover{background:var(--primary-glow);border-color:var(--primary);transform:translateY(-2px)}.action-card:hover .action-icon{transform:scale(1.1)}.action-icon{font-size:1.6rem;transition:transform .2s ease}.action-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.courses-count-badge{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full);background:#10b9811a;color:var(--success)}.course-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:var(--transition)}.course-item:after{display:none}.course-item:hover{border-color:#10b9814d}.course-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.course-item-body{flex:1;min-width:0}.course-item-name{font-size:.87rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-item-code{font-size:.73rem;color:var(--text-muted);margin-top:.1rem}.course-item-status{font-size:.7rem;font-weight:700;color:var(--success);white-space:nowrap}@media (max-width:1100px){.content-grid{grid-template-columns:1fr}}@media (max-width:720px){.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-controls{width:100%;flex-wrap:wrap}.control-search{min-width:140px;flex:1 1 55%}.dashboard-title{font-size:1.8rem}.dashboard-header-right .status-label{display:none}}.loading-skeleton{background:linear-gradient(90deg,var(--surface-hover) 0%,var(--surface) 50%,var(--surface-hover) 100%);background-size:200% 100%;border-radius:var(--radius-md);animation:skeleton-pulse 1.5s infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.9rem}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:var(--text-muted)}.alert{padding:.9rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-weight:500}.alert-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.courses-page{animation:fadeIn .35s ease both}.page-title{font-family:Syne,Poppins,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.35rem;background:linear-gradient(120deg,var(--text) 40%,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hd-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0;flex-wrap:wrap}.search-inp{background:transparent;border:none;outline:none;color:var(--text);font-size:.88rem;font-family:inherit;min-width:200px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;transition:all .22s;position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:default}.course-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d;border-color:#10b98140}.course-accent{position:absolute;top:0;left:0;right:0;height:3px;opacity:.8;transition:opacity .2s}.course-card:hover .course-accent{opacity:1}.course-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;margin-top:.2rem}.course-code{font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.course-btns{display:flex;gap:.35rem;opacity:0;transition:opacity .15s}.course-card:hover .course-btns{opacity:1}.icon-btn{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;font-size:.8rem;display:grid;place-items:center;transition:all .15s}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.course-name{font-weight:700;font-size:1rem;line-height:1.3;margin-bottom:.5rem;color:var(--text)}.course-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.course-pills{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}.cpill{font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:var(--surface-hover);color:var(--text-muted)}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.9rem;border-top:1px solid var(--border);margin-top:auto;flex-wrap:wrap;gap:.5rem}.course-links{display:flex;gap:.75rem;flex-wrap:wrap}.clink{font-size:.75rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}.clink:hover{color:var(--primary)}.clink-manage{color:var(--accent)}.clink-manage:hover{color:var(--text)}.empty-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modalIn .2s ease}.modal-lg{max-width:720px}.modal-hd h2{font-size:1.15rem;font-weight:700}.modal-close{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;display:grid;place-items:center;cursor:pointer;font-size:.9rem;color:var(--text-muted);transition:all .15s}.modal-close:hover{color:var(--text);border-color:var(--text-muted)}.form-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.45rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.form-hint{font-size:.74rem;color:var(--text-muted);margin-top:.35rem;display:block}.modal-ft{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem}.enroll-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.25rem 1.5rem}.enroll-col-hd{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.enroll-count{background:var(--primary-glow);color:var(--primary);padding:.12rem .5rem;border-radius:999px;font-size:.68rem}.enroll-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.enroll-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s}.enroll-item:hover{border-color:#10b98140}.enroll-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}.enroll-info{flex:1;min-width:0}.enroll-name{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enroll-id{font-size:.72rem;color:var(--text-muted)}.enroll-btn{padding:.28rem .7rem;border-radius:var(--radius-sm);font-size:.74rem;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:all .15s;flex-shrink:0}.enroll-btn-add{background:#10b9811a;color:var(--primary);border:1px solid rgba(16,185,129,.25)}.enroll-btn-add:hover{background:var(--primary);color:#fff}.enroll-btn-remove{background:#ef444414;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.enroll-btn-remove:hover{background:var(--danger);color:#fff}.enroll-empty{font-size:.82rem;color:var(--text-muted);text-align:center;padding:1.5rem}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.88rem;font-weight:500}@media (max-width:640px){.enroll-cols,.form-row{grid-template-columns:1fr}.hd-actions{width:100%}.search-inp{min-width:140px}}.users-page{animation:fadeIn .35s ease both}.page-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:.5rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:.45rem .85rem}.search-icon{font-size:.9rem}.search-inp{background:transparent;border:none;outline:none;color:var(--text);font-size:.88rem;font-family:inherit;min-width:220px}.unsaved-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:#f973160f;border:1px solid rgba(249,115,22,.22);border-radius:var(--radius-md);margin-bottom:1rem}.unsaved-text{font-size:.84rem;color:var(--accent,#f97316);font-weight:600}.filter-pills{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.fpill{padding:.38rem .9rem;border-radius:999px;font-size:.79rem;font-weight:600;cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:transparent;font-family:inherit;transition:all .15s;white-space:nowrap}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead th{padding:.75rem 1rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--surface-hover);border-bottom:1px solid var(--border)}.users-table tbody td{padding:.85rem 1rem;font-size:.86rem;color:var(--text-secondary);border-bottom:1px solid var(--border);transition:background .13s}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover td{background:var(--surface-hover);color:var(--text)}.row-edited td{background:#f973160a!important}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:grid;place-items:center;font-size:.78rem;font-weight:700;color:#fff;flex-shrink:0}.u-name{font-weight:600;color:var(--text);font-size:.86rem}.u-email{font-size:.74rem;color:var(--text-muted)}.email-col,.prog-col{font-size:.82rem}.role-sel{padding:.32rem .6rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;font-family:inherit;outline:none;color:var(--text-secondary);cursor:pointer;transition:border-color .15s}.role-sel:hover{border-color:var(--primary)}.role-changed{border-color:var(--accent,#f97316)!important;color:var(--accent,#f97316)!important}.role-student{color:var(--primary)}.role-lecturer{color:#818cf8}.role-staff{color:var(--accent,#f97316)}.action-link{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;font-family:inherit;padding:.25rem .5rem;border-radius:4px;transition:color .15s}.action-link:not(:disabled):hover{color:var(--primary)}.action-link:disabled{opacity:.4;cursor:default}.access-denied{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.access-denied h3{font-weight:700;margin-bottom:.4rem}.access-denied p{color:var(--text-secondary);font-size:.88rem}.create-students-page{animation:fadeIn .5s ease-out}.mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.mode-btn:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.mode-btn.active{border-color:var(--primary);background:var(--primary-glow);box-shadow:var(--shadow-glow)}.mode-icon{font-size:3rem}.mode-label{font-size:1.125rem;font-weight:700}.info-box{display:flex;gap:1rem;padding:1.25rem;background:var(--primary-glow);border:1px solid var(--primary);border-radius:var(--radius-md);margin-bottom:2rem;font-size:.9375rem;color:var(--text)}.file-input-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;background:var(--surface-hover);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition)}.file-input-display:hover{border-color:var(--primary);background:var(--primary-glow)}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;padding:2rem;background:var(--surface-hover);border-radius:var(--radius-lg);border:1px solid var(--border)}.summary-stat{text-align:center}.summary-value{font-size:3rem;font-weight:800;color:var(--success);margin-bottom:.5rem}.summary-value.error{color:var(--danger)}.summary-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.role-picker{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.role-pill{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:1px solid var(--border);border-radius:99px;background:var(--surface-hover);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.role-pill:hover{border-color:var(--primary);color:var(--text)}.role-pill.active{border-color:var(--primary);background:var(--primary-glow);color:var(--text);font-weight:600}.id-hint{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem .85rem;margin-bottom:1.25rem}.role-tag{font-size:.78rem;font-weight:500;color:var(--text-secondary)}.mode-desc{font-size:.78rem;color:var(--text-muted);font-weight:400}.req{color:var(--danger, #ef4444)}.file-input-wrapper.has-file .file-input-display{border-color:var(--primary);background:var(--primary-glow)}.alert{display:flex;align-items:center;justify-content:space-between;gap:10px}.alert span{flex:1}.alert-dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:inherit;opacity:.6;padding:0 2px;transition:opacity .15s}.alert-dismiss:hover{opacity:1}.course-nav{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid var(--border);flex-wrap:wrap}.course-nav-link{display:inline-block;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;cursor:pointer}.course-nav-link:hover{color:var(--text);background:var(--bg)}.course-nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.course-nav-link:after{content:"";display:block;height:3px;width:0;background:var(--gradient-primary);transition:width .2s ease}.course-nav-link.active:after{width:100%}@media (max-width: 640px){.course-nav{overflow-x:auto;gap:.25rem}.course-nav-link{white-space:nowrap}}.meetings-page{animation:fadeIn .35s ease both}.page-sub{color:var(--text-secondary);font-size:.88rem}.ctrl-select{padding:.5rem .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.85rem;font-family:inherit;outline:none}.filter-pills{display:flex;gap:.5rem;margin-bottom:1.5rem}.fpill{padding:.38rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:transparent;font-family:inherit;transition:all .15s}.fpill:hover{color:var(--text);border-color:var(--text-secondary)}.fpill-on{background:var(--primary);color:#fff!important;border-color:var(--primary)!important}.meetings-list{display:flex;flex-direction:column;gap:.75rem}.meeting-row{display:flex;align-items:center;gap:1.25rem;padding:1.1rem 1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.meeting-row:hover{border-color:#10b98140;background:var(--surface-hover)}.m-past{opacity:.6}.m-today{border-color:#f973164d!important}.m-date-box{width:54px;height:54px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.m-day{font-family:Syne,Poppins,sans-serif;font-size:1.3rem;font-weight:800;color:var(--primary);line-height:1}.m-mon{font-size:.6rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);letter-spacing:.08em}.m-body{flex:1;min-width:0}.m-title{font-weight:600;font-size:.93rem;margin-bottom:.28rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.m-meta{font-size:.77rem;color:var(--text-muted);display:flex;gap:.85rem;align-items:center;flex-wrap:wrap}.badge-course{background:var(--primary-glow);color:var(--primary);padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700}.badge-today{background:#f973161f;color:var(--accent,#f97316);padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700}.badge-past{background:var(--surface-hover);color:var(--text-muted);padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700}.countdown{font-size:.72rem;font-weight:700;padding:.2rem .65rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.ct-upcoming{background:#10b9811a;color:var(--primary)}.ct-today{background:#f973161a;color:var(--accent,#f97316)}.m-actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.88rem;display:flex;flex-direction:column;gap:.4rem}.alert-warn{background:#f9731614;border:1px solid rgba(249,115,22,.2);color:var(--accent,#f97316)}.card-pad{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}@media (max-width:640px){.m-actions{flex-wrap:wrap}.m-date-box{display:none}}.enhanced-assignment-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;height:100%}.enhanced-assignment-card:hover{box-shadow:var(--shadow-glow);border-color:#10b9814d;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:var(--gradient-subtle);border-bottom:1px solid var(--border);gap:1rem}.card-title-section{flex:1;display:flex;flex-direction:column;gap:.75rem}.assignment-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--text);line-height:1.4}.assignment-badges{display:flex;gap:.5rem;flex-wrap:wrap}.type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;white-space:nowrap}.type-exam{background:#f9731626;color:var(--accent);border:1px solid rgba(249,115,22,.3)}.type-homework{background:var(--primary-glow);color:var(--primary);border:1px solid rgba(16,185,129,.3)}.points-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--surface-hover);color:var(--text-secondary);border-radius:6px;font-size:.8125rem;font-weight:600;border:1px solid var(--border)}.status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.status-badge-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.status-badge-warning{background:#f9731626;color:var(--accent);border:1px solid rgba(249,115,22,.3)}.status-badge-success{background:#10b98126;color:var(--primary);border:1px solid rgba(16,185,129,.3)}.status-badge-neutral{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border)}.card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:1rem}.description-text{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.9375rem}.exam-info{background:var(--surface-hover);border-left:3px solid var(--accent);border-radius:6px;padding:.75rem 1rem;font-size:.875rem}.info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0}.info-row:last-child{padding-bottom:0}.info-label{font-weight:600;color:var(--text-secondary);min-width:120px}.info-value{color:var(--text);text-align:right}.meta-info{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--border);font-size:.8125rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value{color:var(--text-secondary)}.card-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;background:var(--surface-hover);border-top:1px solid var(--border)}.action-button{flex:1;padding:.625rem 1rem;border:none;border-radius:6px;font-weight:600;font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;transition:var(--transition);cursor:pointer;text-align:center}.action-button:after{display:none}.action-button.primary{background:var(--gradient-primary);color:#fff;border:1px solid transparent}.action-button.primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px #10b9814d}.action-button.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.action-button.secondary:hover{background:var(--primary-glow)}@media (max-width: 768px){.card-top{flex-direction:column;align-items:flex-start}.status-badge{width:100%}.meta-info{flex-direction:column;gap:.5rem}.card-footer{flex-direction:column}.action-button{width:100%}.info-row{flex-direction:column;align-items:flex-start}}.enhanced-assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.enhanced-assignments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 640px){.enhanced-assignments-grid{grid-template-columns:1fr}}.page-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.breadcrumb-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .15s}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-sep{color:var(--text-muted);opacity:.5}.breadcrumb-current{color:var(--text-secondary);font-weight:600}.ca-root{display:block;animation:ca-fade .3s ease both;min-height:100vh}.ca-root.ca-split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;align-items:start}@keyframes ca-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ca-editor{min-width:0;padding-right:1.5rem}.ca-topbar{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.ca-back{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;font-family:inherit;padding:.3rem 0;transition:color .15s;white-space:nowrap}.ca-back:hover{color:var(--primary)}.ca-topbar-mid{flex:1;min-width:0}.ca-heading{font-family:Syne,Poppins,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 .3rem;background:linear-gradient(120deg,var(--text) 40%,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ca-meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ca-autosave{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:var(--primary);background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:.18rem .55rem;border-radius:999px}.ca-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ca-dot-green{background:var(--primary);box-shadow:0 0 5px var(--primary)}.ca-draft-pill{font-size:.72rem;color:var(--accent,#f97316);background:#f9731614;border:1px solid rgba(249,115,22,.2);padding:.18rem .55rem;border-radius:999px}.ca-preview-btn{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:.42rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;color:var(--text-muted);white-space:nowrap;transition:all .15s}.ca-preview-btn:hover{color:var(--primary);border-color:var(--primary)}.ca-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.5rem 1.25rem;margin-bottom:1.25rem}.ca-sec-label{display:flex;align-items:center;gap:.65rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.25rem}.ca-step-num{width:22px;height:22px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center;flex-shrink:0}.ca-sec-check{color:var(--primary);font-weight:700;text-transform:none;letter-spacing:0;font-size:.78rem}.ca-alert{border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.84rem;margin-bottom:1rem}.ca-alert-err{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.ca-alert-info{background:#f973160f;border:1px solid rgba(249,115,22,.18);color:var(--accent,#f97316)}.ca-type-bar{display:flex;gap:.4rem;margin-bottom:1.2rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:.28rem}.ca-typebtn{flex:1;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:inherit;transition:all .18s}.ca-typebtn.on{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 1px 5px #0000002e}.ca-field{display:flex;flex-direction:column;gap:.38rem}.ca-field.ca-full{grid-column:1 / -1}.ca-field label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.ca-req{color:var(--danger);margin-left:.1rem}.ca-opt{font-weight:400;text-transform:none;letter-spacing:0;font-size:.88em}.ca-field input,.ca-field textarea,.ca-field select{width:100%;padding:.6rem .85rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.87rem;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.ca-field input:focus,.ca-field textarea:focus{border-color:var(--primary)}.ca-field input.err,.ca-field textarea.err{border-color:var(--danger)}.ca-field textarea{resize:vertical;min-height:64px}.ca-ferr{font-size:.73rem;color:var(--danger)}.ca-hint{font-size:.72rem;color:var(--text-muted)}.ca-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1rem}.ca-checkbox{display:flex;align-items:center;gap:.6rem;font-size:.86rem;color:var(--text-secondary);cursor:pointer;margin-bottom:1rem}.ca-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.ca-filedrop{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem 1rem;background:var(--surface-hover);border:1.5px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.84rem;color:var(--text-muted);transition:all .15s}.ca-filedrop:hover{border-color:var(--primary);color:var(--primary)}.ca-filedrop-hint{font-size:.7rem}.ca-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.ca-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;padding:.18rem .65rem;font-size:.74rem;color:var(--text-secondary)}.ca-chip button{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.68rem}.ca-chip button:hover{color:var(--danger)}.ca-sec-footer{padding-top:1.1rem;border-top:1px solid var(--border);margin-top:.5rem;display:flex;gap:.75rem}.ca-btn-primary{padding:.58rem 1.3rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.ca-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.ca-btn-primary:disabled{opacity:.55;cursor:not-allowed}.ca-btn-ghost{padding:.55rem 1.1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .15s}.ca-btn-ghost:hover{color:var(--text);border-color:var(--text-secondary)}.ca-btn-sm{padding:.38rem .85rem!important;font-size:.8rem!important}.ca-qlabel-meta{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-secondary);font-weight:600;text-transform:none;letter-spacing:0}.ca-unsaved-badge{background:#f973161a;color:var(--accent,#f97316);border:1px solid rgba(249,115,22,.2);border-radius:999px;padding:.12rem .5rem;font-size:.68rem;font-weight:700}.ca-qlist{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.9rem}.ca-qcard{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.ca-qcard:hover{border-color:#10b98133}.ca-qcard.open{border-color:#10b98159;box-shadow:0 0 0 1px #10b9811f}.ca-qcard.has-err{border-color:#ef444466!important}.ca-qcard.synced{border-color:#10b98140}.ca-qcard-head{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ca-qcard-head:hover{background:#ffffff08}.ca-qcard-left{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.ca-qn{font-family:Syne,Poppins,sans-serif;font-size:.72rem;font-weight:800;color:var(--text-muted);min-width:22px;flex-shrink:0}.ca-qtag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:999px;flex-shrink:0}.ca-qtag-mcq{background:#38bdf81f;color:#38bdf8}.ca-qtag-short{background:#10b9811f;color:var(--primary)}.ca-qtag-long{background:#818cf81f;color:#818cf8}.ca-qprev{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-qprev em{color:var(--text-muted)}.ca-qcard-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.ca-pts-tag{font-size:.69rem;font-weight:700;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:.12rem .45rem;border-radius:999px}.ca-synced-tick{font-size:.72rem;color:var(--primary);font-weight:700}.ca-dirty-dot{width:7px;height:7px;border-radius:50%;background:var(--accent,#f97316);box-shadow:0 0 6px var(--accent,#f97316);flex-shrink:0}.ca-ico-btn{width:24px;height:24px;border-radius:4px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;font-size:.72rem;color:var(--text-muted);transition:all .12s}.ca-ico-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ca-ico-btn:disabled{opacity:.28;cursor:not-allowed}.ca-ico-del:hover{border-color:var(--danger)!important;color:var(--danger)!important;background:#ef444414!important}.ca-chevron{font-size:.6rem;color:var(--text-muted)}.ca-qbody{padding:1rem 1.1rem 1.1rem;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.85rem}.ca-qerr{font-size:.79rem;color:var(--danger);background:#ef444414;border:1px solid rgba(239,68,68,.18);border-radius:var(--radius-sm);padding:.5rem .75rem}.ca-qmeta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ca-qtype-pills{display:flex;gap:.35rem;flex-wrap:wrap}.ca-qtype-pill{padding:.32rem .75rem;border-radius:var(--radius-sm);font-size:.77rem;font-weight:600;cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:transparent;font-family:inherit;transition:all .13s}.ca-qtype-pill:hover{color:var(--text);border-color:var(--text-secondary)}.ca-qtype-pill.on{background:var(--surface-hover);color:var(--text);border-color:var(--primary)}.ca-pts-ctrl{display:flex;align-items:center;gap:.45rem;margin-left:auto}.ca-pts-ctrl label{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);white-space:nowrap}.ca-pts-inp{width:58px;padding:.32rem .5rem;text-align:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.88rem;font-family:inherit;outline:none}.ca-pts-inp:focus{border-color:var(--primary)}.ca-qtextarea{width:100%;min-height:68px;resize:vertical;padding:.7rem .9rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit;outline:none;line-height:1.55;transition:border-color .15s;box-sizing:border-box}.ca-qtextarea:focus{border-color:var(--primary)}.ca-opts{display:flex;flex-direction:column;gap:.4rem}.ca-opts-hint{font-size:.7rem;color:var(--text-muted);margin-bottom:.15rem}.ca-opt-row{display:flex;align-items:center;gap:.55rem;padding:.38rem .6rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .13s}.ca-opt-row.correct{border-color:#10b98159;background:#10b9810d}.ca-opt-btn{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:var(--surface);border:1.5px solid var(--border);display:grid;place-items:center;cursor:pointer;font-size:.73rem;font-weight:800;color:var(--text-muted);transition:all .13s}.ca-opt-btn.correct{background:var(--primary);border-color:var(--primary);color:#fff}.ca-opt-btn:hover:not(.correct){border-color:var(--primary)}.ca-opt-inp{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.87rem;font-family:inherit}.ca-opt-del{background:none;border:none;cursor:pointer;font-size:.72rem;color:var(--text-muted);padding:.2rem .3rem;border-radius:3px;transition:all .12s;flex-shrink:0}.ca-opt-del:hover:not(:disabled){color:var(--danger);background:#ef444414}.ca-opt-del:disabled{opacity:.25;cursor:not-allowed}.ca-add-opt-btn{align-self:flex-start;background:transparent;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:.32rem .8rem;font-size:.77rem;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .13s}.ca-add-opt-btn:hover{border-color:var(--primary);color:var(--primary)}.ca-add-opt-hint{font-size:.68rem;opacity:.65}.ca-model-ans{display:flex;flex-direction:column;gap:.38rem}.ca-model-ans label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.ca-model-ans textarea{width:100%;resize:vertical;padding:.6rem .85rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.86rem;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box}.ca-model-ans textarea:focus{border-color:var(--primary)}.ca-qfooter{display:flex;align-items:center;gap:.65rem;padding-top:.2rem}.ca-shortcut{font-size:.69rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border);padding:.15rem .45rem;border-radius:4px;font-family:monospace}.ca-add-q-btn{width:100%;padding:.85rem;display:flex;align-items:center;justify-content:center;gap:.6rem;background:transparent;border:1.5px dashed var(--border);border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .18s}.ca-add-q-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#10b9810a}.ca-add-q-btn:disabled{opacity:.4;cursor:not-allowed}.ca-add-q-icon{width:26px;height:26px;border-radius:50%;background:var(--surface-hover);border:1.5px solid var(--border);display:grid;place-items:center;font-size:.95rem;font-weight:700;transition:all .18s}.ca-add-q-btn:hover:not(:disabled) .ca-add-q-icon{background:var(--primary);border-color:var(--primary);color:#fff}.ca-publish-bar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;margin-top:.85rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg);gap:1rem;flex-wrap:wrap}.ca-publish-stats{font-size:.82rem;color:var(--text-secondary);display:flex;gap:.5rem;align-items:center}.ca-publish-stats .all-saved{color:var(--primary);font-weight:600}.ca-unsaved{color:var(--accent,#f97316)}.ca-preview-pane{position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto;padding-left:1.5rem;border-left:1px solid var(--border)}.ca-preview-pane::-webkit-scrollbar{width:4px}.ca-preview-pane::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.ca-preview-heading{display:flex;align-items:baseline;justify-content:space-between;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.85rem}.ca-preview-note{font-size:.64rem;font-weight:400;text-transform:none;letter-spacing:0}.ca-preview-doc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ca-prev-banner{display:flex;justify-content:space-between;align-items:flex-start;padding:1.1rem 1.25rem .9rem;gap:.75rem;background:var(--surface-hover);border-bottom:1px solid var(--border)}.ca-prev-title{font-family:Syne,Poppins,sans-serif;font-size:1rem;font-weight:800;line-height:1.2;color:var(--text)}.ca-placeholder{color:var(--text-muted);font-weight:400}.ca-prev-badge{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:.2rem .6rem;border-radius:999px;flex-shrink:0}.ca-prev-badge-exam{background:#818cf824;color:#818cf8;border:1px solid rgba(129,140,248,.25)}.ca-prev-badge-take_home{background:#10b9811f;color:var(--primary);border:1px solid rgba(16,185,129,.22)}.ca-prev-chips{display:flex;gap:.4rem;flex-wrap:wrap;padding:.65rem 1.25rem;border-bottom:1px solid var(--border)}.ca-prev-chip{font-size:.7rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border);padding:.15rem .55rem;border-radius:999px}.ca-prev-desc{padding:.8rem 1.25rem;font-size:.83rem;color:var(--text-secondary);line-height:1.6;border-bottom:1px solid var(--border)}.ca-prev-qs{padding:.85rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.ca-prev-qs-empty{font-size:.8rem;color:var(--text-muted);text-align:center;padding:1.5rem 0;font-style:italic}.ca-prev-qs-bar{display:flex;justify-content:space-between;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:.6rem;border-bottom:1px solid var(--border)}.ca-prev-q{padding:.75rem .85rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s}.ca-prev-q.highlight{border-color:#10b9814d;background:#10b98108}.ca-prev-q-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.42rem}.ca-prev-qn{font-family:Syne,Poppins,sans-serif;font-size:.68rem;font-weight:800;color:var(--text-muted);min-width:20px}.ca-prev-qtag{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.12rem .42rem;border-radius:999px}.ca-prev-qpts{margin-left:auto;font-size:.68rem;font-weight:700;color:var(--text-muted)}.ca-prev-qtext{font-size:.82rem;color:var(--text);line-height:1.5;margin-bottom:.55rem}.ca-prev-options{display:flex;flex-direction:column;gap:.3rem}.ca-prev-opt{display:flex;align-items:center;gap:.45rem;padding:.3rem .55rem;font-size:.78rem;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:4px;transition:all .12s}.ca-prev-opt.correct{border-color:#10b9814d;color:var(--text);background:#10b9810d}.ca-prev-opt-ltr{font-size:.65rem;font-weight:800;color:var(--text-muted);min-width:12px}.ca-prev-correct-tick{margin-left:auto;font-size:.68rem;font-weight:700;color:var(--primary)}.ca-takehome-info{margin-bottom:1.1rem;padding:.9rem 1rem;background:#10b9810d;border:1px solid rgba(16,185,129,.18);border-radius:var(--radius-md)}.ca-takehome-flow{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ca-flow-step{display:flex;align-items:center;gap:.55rem}.ca-flow-icon{font-size:1.15rem;flex-shrink:0}.ca-flow-title{font-size:.8rem;font-weight:700;color:var(--text);line-height:1.2}.ca-flow-desc{font-size:.7rem;color:var(--text-muted)}.ca-flow-arrow{color:var(--text-muted);font-size:.9rem;flex-shrink:0}.ca-field-desc{font-size:.76rem;color:var(--text-muted);margin-bottom:.4rem;line-height:1.45}.ca-prev-takehome{padding:.85rem 1.25rem}.ca-prev-flow-row{display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-sm);flex-wrap:wrap}.ca-prev-flow-step{display:flex;align-items:center;gap:.35rem;font-size:.74rem;color:var(--text-secondary)}.ca-prev-flow-arr{font-size:.75rem;color:var(--text-muted)}.ca-prev-attached{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.ca-prev-file-chip{font-size:.72rem;color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border);padding:.15rem .55rem;border-radius:999px}@media (max-width: 900px){.ca-root.ca-split{grid-template-columns:1fr}.ca-editor{padding-right:0}.ca-preview-pane{display:none}}@media (max-width: 600px){.ca-row{grid-template-columns:1fr}.ca-qmeta{flex-direction:column;align-items:flex-start}.ca-pts-ctrl{margin-left:0}.ca-publish-bar{flex-direction:column;align-items:flex-start}}.materials-page{animation:fadeIn .35s ease both}.toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.search-wrap{display:flex;align-items:center;gap:.5rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:.45rem .85rem;flex:1;max-width:320px}.search-inp{background:transparent;border:none;outline:none;color:var(--text);font-size:.88rem;font-family:inherit;width:100%}.mat-list{display:flex;flex-direction:column;gap:.65rem}.mat-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s}.mat-item:hover{border-color:#10b98133;background:var(--surface-hover)}.file-icon{width:46px;height:46px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.fi-pdf{background:#ef44441a;border:1px solid rgba(239,68,68,.15)}.fi-ppt{background:#f973161a;border:1px solid rgba(249,115,22,.15)}.fi-doc{background:#38bdf81a;border:1px solid rgba(56,189,248,.15)}.fi-zip{background:#818cf81a;border:1px solid rgba(129,140,248,.15)}.fi-xls{background:#10b9811a;border:1px solid rgba(16,185,129,.15)}.fi-vid{background:#ef444414;border:1px solid rgba(239,68,68,.12)}.fi-gen{background:var(--surface-hover);border:1px solid var(--border)}.mat-body{flex:1;min-width:0}.mat-name{font-size:.9rem;font-weight:600;margin-bottom:.22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.mat-meta{font-size:.74rem;color:var(--text-muted);display:flex;gap:.9rem;flex-wrap:wrap}.mat-desc{font-size:.8rem;color:var(--text-secondary);margin-top:.3rem;line-height:1.5}.mat-actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.icon-btn{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);width:32px;height:32px;display:grid;place-items:center;cursor:pointer;font-size:.85rem;transition:all .15s}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.empty-search{text-align:center;padding:2rem;color:var(--text-muted);font-size:.88rem}.mat-badge-view-only{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;background:#facc151f;color:#facc15;border:1px solid rgba(250,204,21,.3)}[data-theme=light] .mat-badge-view-only{background:#b482001a;color:#b45309;border-color:#b4820040}.upload-material-page{animation:fadeIn .35s ease both;max-width:640px;margin:0 auto}.um-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.um-header{padding:1.75rem 1.75rem 1.25rem;border-bottom:1px solid var(--border)}.um-title{font-family:Syne,Poppins,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.3rem;background:linear-gradient(120deg,var(--text) 40%,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.um-sub{color:var(--text-secondary);font-size:.875rem}.um-form{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}.um-field{display:flex;flex-direction:column;gap:.45rem}.um-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.um-required{color:var(--danger, #ef4444)}.um-input{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.9rem;padding:.65rem .9rem;transition:border-color .15s;outline:none;width:100%;box-sizing:border-box}.um-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow, rgba(46,107,26,.15))}.um-textarea{resize:vertical;min-height:80px;line-height:1.5}.um-divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.um-divider:before,.um-divider:after{content:"";flex:1;height:1px;background:var(--border)}.um-file-drop{border:2px dashed var(--border);border-radius:var(--radius-md);transition:border-color .2s,background .2s;cursor:pointer}.um-file-drop:hover,.um-file-drop.has-file{border-color:var(--primary);background:var(--primary-glow, rgba(46,107,26,.06))}.um-file-input{display:none}.um-file-label{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1rem;cursor:pointer;text-align:center}.um-file-icon{font-size:1.75rem}.um-file-name{font-size:.9rem;font-weight:600;color:var(--text)}.um-file-size{font-size:.78rem;color:var(--text-muted)}.um-file-prompt{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.um-file-types{font-size:.75rem;color:var(--text-muted)}.um-toggle-row{margin-top:.5rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem}.um-toggle-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.um-toggle-text{display:flex;flex-direction:column;gap:.2rem;flex:1}.um-toggle-title{font-size:.875rem;font-weight:600;color:var(--text)}.um-toggle-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.um-toggle{width:44px;height:24px;border-radius:12px;background:var(--border);position:relative;transition:background .2s;flex-shrink:0;cursor:pointer}.um-toggle.on{background:var(--primary)}.um-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.um-toggle.on .um-toggle-thumb{transform:translate(20px)}.um-hint{display:flex;gap:.6rem;background:#2e6b1a12;border:1px solid rgba(46,107,26,.18);border-radius:var(--radius-md);padding:.75rem .9rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.um-hint-icon{flex-shrink:0;font-size:1rem;margin-top:.05rem}.um-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border);margin-top:.25rem}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.enhanced-data-table{width:100%;border-collapse:collapse;background:var(--surface)}.enhanced-data-table thead{background:var(--surface-hover);border-bottom:2px solid var(--border)}.enhanced-data-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);-webkit-user-select:none;user-select:none}.th-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.enhanced-data-table th.sortable{cursor:pointer;transition:background-color .2s ease}.enhanced-data-table th.sortable:hover{background-color:var(--surface)}.sort-icon{font-size:.75rem;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.enhanced-data-table th.sorted-asc .sort-icon,.enhanced-data-table th.sorted-desc .sort-icon{color:var(--primary);font-weight:700}.enhanced-data-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s ease}.enhanced-data-table td{padding:.875rem 1rem;color:var(--text);font-size:.9375rem}.enhanced-data-table.striped tbody tr:nth-child(odd){background-color:var(--surface-hover)}.enhanced-data-table.striped tbody tr:nth-child(2n){background-color:var(--surface)}.enhanced-data-table.hoverable tbody tr:hover{background-color:var(--primary-glow);box-shadow:inset 0 0 0 1px #10b98126}.enhanced-data-table.hoverable tbody tr.clickable{cursor:pointer}.enhanced-data-table.hoverable tbody tr.clickable:hover{background-color:var(--primary-glow)}.enhanced-data-table.compact th,.enhanced-data-table.compact td{padding:.5rem}.enhanced-data-table tbody tr td.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.enhanced-data-table tbody tr td.empty-state p{margin:0;font-style:italic}.badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;white-space:nowrap}.badge-success{background:#10b98126;color:var(--primary);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f9731626;color:var(--accent);border:1px solid rgba(249,115,22,.3)}.badge-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.badge-info{background:var(--primary-glow);color:var(--primary);border:1px solid rgba(16,185,129,.3)}.badge-neutral{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border)}@media (max-width: 768px){.enhanced-data-table th,.enhanced-data-table td{padding:.75rem .5rem;font-size:.8125rem}.enhanced-data-table.compact th,.enhanced-data-table.compact td{padding:.375rem .25rem}.sort-icon{width:16px;height:16px;font-size:.625rem}.enhanced-data-table th{font-size:.75rem}}@media (max-width: 480px){.table-container{border-radius:4px}.enhanced-data-table th,.enhanced-data-table td{padding:.5rem .375rem}.th-content{flex-direction:column;align-items:flex-start;gap:.25rem}}.grades-page{animation:fadeIn .35s ease both}.page-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.75rem;gap:1rem;flex-wrap:wrap}.grade-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.75rem}.gstat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.gstat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.gstat-green:before{background:var(--primary)}.gstat-blue:before{background:#38bdf8}.gstat-orange:before{background:var(--accent,#f97316)}.gstat-num{font-family:Syne,Poppins,sans-serif;font-size:2rem;font-weight:800;line-height:1;margin-bottom:.3rem}.gstat-lbl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.grade-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:.5rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:.45rem .85rem;max-width:280px}.search-icon{font-size:.9rem;flex-shrink:0}.search-inp{background:transparent;border:none;outline:none;color:var(--text);font-size:.88rem;font-family:inherit;min-width:180px}.search-inp::placeholder{color:var(--text-muted)}.grade-select{padding:.48rem .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.85rem;font-family:inherit;outline:none}.toolbar-count{font-size:.78rem;color:var(--text-muted);margin-left:auto}.grade-cell{display:flex;align-items:center;gap:.5rem}.grade-badge{font-size:.88rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-sm)}.letter-badge{font-size:.7rem;font-weight:800;padding:.15rem .45rem;border-radius:999px}.grade-a{background:#10b9811f;color:var(--primary)}.grade-b{background:#38bdf81f;color:#38bdf8}.grade-c{background:#f973161f;color:var(--accent,#f97316)}.grade-d{background:#eab3081f;color:#eab308}.grade-f{background:#ef44441f;color:var(--danger)}.uid-code{background:var(--surface-hover);border:1px solid var(--border);padding:.12rem .45rem;border-radius:4px;font-size:.78rem;color:var(--text-muted)}@media (max-width:640px){.grade-stats{grid-template-columns:1fr}}.validated-input-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.validated-label{font-size:.9rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.3rem}.validated-input-wrapper{position:relative;display:flex;align-items:center}.validated-input{width:100%;padding:.7rem 2.5rem .7rem .9rem;font-size:.95rem;border:2px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease;font-family:inherit;background:var(--bg);color:var(--text)}.validated-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.validated-input.error{border-color:var(--danger);background-color:#ef44440d}.validated-input.error:focus{box-shadow:0 0 0 3px #ef444426}.validated-input.success{border-color:var(--primary);background-color:#10b9810d}.validated-input.success:focus{box-shadow:0 0 0 3px var(--primary-glow)}.input-icon{position:absolute;right:.8rem;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.input-icon.success-icon{color:var(--primary)}.input-icon.error-icon{color:var(--danger)}.input-error{font-size:.8rem;color:var(--danger);font-weight:500;display:flex;align-items:center;gap:.3rem}.input-error:before{content:"⚠";font-size:.9rem}.input-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.validated-input{font-size:1rem;padding:.8rem 2.5rem .8rem .9rem}.validated-label{font-size:.9rem}.input-hint,.input-error{font-size:.75rem}}.validated-textarea-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.validated-textarea-label{font-size:.9rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.3rem}.validated-textarea-wrapper{position:relative;display:flex;flex-direction:column}.validated-textarea{width:100%;padding:.7rem .9rem;font-size:.95rem;border:2px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease;font-family:inherit;resize:vertical;min-height:100px;background:var(--bg);color:var(--text)}.validated-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.validated-textarea.error{border-color:var(--danger);background-color:#ef44440d}.validated-textarea.error:focus{box-shadow:0 0 0 3px #ef444426}.validated-textarea.success{border-color:var(--primary);background-color:#10b9810d}.validated-textarea.success:focus{box-shadow:0 0 0 3px var(--primary-glow)}.textarea-icon{position:absolute;right:.8rem;top:.8rem;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.textarea-icon.success-icon{color:var(--primary)}.textarea-error{font-size:.8rem;color:var(--danger);font-weight:500;display:flex;align-items:center;gap:.3rem}.textarea-error:before{content:"⚠";font-size:.9rem}.textarea-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.validated-textarea{font-size:1rem;min-height:120px}.validated-textarea-label{font-size:.9rem}.textarea-hint,.textarea-error{font-size:.75rem}}.validated-select-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.validated-select-label{font-size:.9rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.3rem}.required-indicator{color:var(--danger);font-weight:700}.validated-select-wrapper{position:relative;display:flex;align-items:center}.validated-select{width:100%;padding:.7rem 2.5rem .7rem .9rem;font-size:.95rem;border:2px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg);color:var(--text);transition:all .2s ease;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.validated-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.validated-select.error{border-color:var(--danger);background-color:#ef44440d}.validated-select.error:focus{box-shadow:0 0 0 3px #ef444426}.validated-select.success{border-color:var(--primary);background-color:#10b9810d}.validated-select.success:focus{box-shadow:0 0 0 3px var(--primary-glow)}.select-arrow{position:absolute;right:.8rem;font-size:.8rem;color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.select-icon{position:absolute;right:2.2rem;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.select-icon.success-icon{color:var(--primary)}.select-icon.error-icon{color:var(--danger)}.select-error{font-size:.8rem;color:var(--danger);font-weight:500;display:flex;align-items:center;gap:.3rem}.select-error:before{content:"⚠";font-size:.9rem}.select-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.validated-select{font-size:1rem;padding:.8rem 2.5rem .8rem .9rem}.validated-select-label{font-size:.9rem}.select-hint,.select-error{font-size:.75rem}}.form-validation-summary{margin-bottom:1.5rem;border-radius:var(--radius-md);overflow:hidden}.validation-section{border-left:4px solid;background-color:#00000005;padding:1rem;margin-bottom:.5rem}.validation-section:last-child{margin-bottom:0}.validation-section.errors{border-left-color:var(--danger);background-color:#ef444414}.validation-section.warnings{border-left-color:var(--accent);background-color:#f9731614}.validation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.validation-icon{font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%}.validation-icon.error-icon{color:#fff;background-color:var(--danger)}.validation-icon.warning-icon{color:#fff;background-color:var(--accent)}.validation-title{font-weight:600;font-size:.95rem;color:var(--text)}.validation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.validation-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:.3rem;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;color:var(--text)}.validation-item:hover{background-color:#ffffff0d}.validation-item.error-item{color:var(--danger)}.validation-item.warning-item{color:var(--accent)}.item-indicator{flex-shrink:0;font-weight:700;margin-top:.2rem}.validation-item.error-item .item-indicator{color:var(--danger)}.validation-item.warning-item .item-indicator{color:var(--accent)}.item-text{flex:1}.item-text strong{font-weight:600}@media (max-width: 768px){.validation-section{padding:.8rem}.validation-header{gap:.4rem;margin-bottom:.5rem}.validation-title{font-size:.9rem}.validation-item{font-size:.85rem;padding:.4rem}}.page{padding:1rem}.page-header{padding:1rem;margin-bottom:1rem}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.card-body{padding:1rem}.mb-3{margin-bottom:1rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.alert{padding:.5rem .75rem;border-radius:var(--radius-sm)}.alert-success{background:#10b9811a;color:var(--primary)}.alert-danger{background:#ef44441a;color:var(--danger)}.btn{padding:.5rem .75rem;border-radius:var(--radius-sm)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}:root{--egp-bg: #0f1117;--egp-surface: #161b26;--egp-surf2: #1c2333;--egp-border: rgba(255,255,255,.08);--egp-text: #f1f5f9;--egp-muted: #64748b;--egp-secondary:#94a3b8;--egp-primary: #10b981;--egp-danger: #ef4444;--egp-warn: #f97316;--egp-info: #38bdf8;--egp-rad: 8px}.egp-root{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;font-family:DM Sans,sans-serif;color:var(--egp-text)}.egp-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--egp-surface);border:1px solid var(--egp-border);border-radius:var(--egp-rad);flex-wrap:wrap}.egp-banner-left{display:flex;flex-direction:column;gap:.25rem}.egp-student{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.egp-student-name{font-size:1rem;font-weight:700;color:var(--egp-text)}.egp-student-email{font-size:.78rem;color:var(--egp-muted)}.egp-assignment{font-size:.8rem;color:var(--egp-secondary)}.egp-banner-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.egp-type-badge{font-size:.72rem;font-weight:700;padding:.22rem .65rem;border-radius:999px;border:1px solid transparent}.egp-type-auto{background:#10b9811a;color:var(--egp-primary);border-color:#10b98140}.egp-type-mixed{background:#f9731614;color:var(--egp-warn);border-color:#f9731638}.egp-type-manual{background:#38bdf814;color:var(--egp-info);border-color:#38bdf838}.egp-published-badge{font-size:.7rem;font-weight:700;padding:.18rem .55rem;border-radius:999px;background:#10b9811f;color:var(--egp-primary);border:1px solid rgba(16,185,129,.25)}.egp-alert{padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--egp-rad);color:#fca5a5;font-size:.85rem}.egp-loading,.egp-error{padding:2rem;text-align:center;color:var(--egp-muted)}.egp-score-bar{display:flex;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;background:var(--egp-surface);border:1px solid var(--egp-border);border-radius:var(--egp-rad);flex-wrap:wrap}.egp-score-seg{display:flex;flex-direction:column;align-items:center;gap:.1rem}.egp-score-total{margin-left:auto}.egp-score-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--egp-muted)}.egp-score-val{font-size:.95rem;font-weight:700;color:var(--egp-text)}.egp-letter{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800;border:2px solid transparent}.egp-letter-A{background:#10b98126;color:#34d399;border-color:#10b98159}.egp-letter-B{background:#38bdf81f;color:#38bdf8;border-color:#38bdf84d}.egp-letter-C{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2447}.egp-letter-D{background:#f973161a;color:#fb923c;border-color:#f9731647}.egp-letter-F{background:#ef44441a;color:#f87171;border-color:#ef444447}.egp-pct{font-size:1.1rem;font-weight:700;color:var(--egp-secondary);min-width:48px}.egp-questions{display:flex;flex-direction:column;gap:.75rem}.egp-q{background:var(--egp-surface);border:1px solid var(--egp-border);border-radius:var(--egp-rad);overflow:hidden}.egp-q-correct{border-left:3px solid var(--egp-primary)}.egp-q-wrong{border-left:3px solid var(--egp-danger)}.egp-q-open{border-left:3px solid var(--egp-info)}.egp-q-head{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--egp-surf2);border-bottom:1px solid var(--egp-border);flex-wrap:wrap}.egp-q-left{display:flex;align-items:center;gap:.55rem;flex:1}.egp-qnum{font-size:.72rem;font-weight:800;color:var(--egp-muted);min-width:20px}.egp-qtype{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.14rem .5rem;border-radius:999px}.egp-qtype-mcq{background:#38bdf81f;color:#38bdf8}.egp-qtype-short{background:#10b9811f;color:var(--egp-primary)}.egp-qtype-long{background:#818cf81f;color:#818cf8}.egp-qpts{font-size:.75rem;font-weight:600;color:var(--egp-muted)}.egp-auto-result{font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:999px}.egp-auto-result.correct{background:#10b9811f;color:#34d399}.egp-auto-result.wrong{background:#ef44441a;color:#f87171}.egp-manual-score{display:flex;align-items:center;gap:.45rem;margin-left:auto}.egp-manual-score label{font-size:.7rem;font-weight:700;color:var(--egp-muted);text-transform:uppercase;letter-spacing:.07em}.egp-manual-score input{width:70px;padding:.3rem .55rem;text-align:center;background:var(--egp-surf2);border:1.5px solid var(--egp-border);border-radius:6px;color:var(--egp-text);font-size:.88rem;font-family:inherit;outline:none;transition:border-color .15s}.egp-manual-score input:focus{border-color:var(--egp-info)}.egp-manual-score input.valid{border-color:var(--egp-primary)}.egp-manual-score input.invalid{border-color:var(--egp-danger)}.egp-manual-max{font-size:.78rem;color:var(--egp-muted)}.egp-q-text{padding:.85rem 1rem .65rem;font-size:.9rem;line-height:1.55;color:var(--egp-text)}.egp-answers{padding:0 1rem 1rem;display:flex;gap:.75rem}.egp-answers.side-by-side{flex-direction:row}.egp-answers.single{flex-direction:column}.egp-answer-box{flex:1;padding:.7rem .9rem;border:1px solid var(--egp-border);border-radius:6px;background:var(--egp-surf2)}.egp-answer-box.correct{border-color:#10b9814d;background:#10b9810a}.egp-answer-box.wrong{border-color:#ef444440;background:#ef44440a}.egp-answer-box.open{border-color:#38bdf833}.egp-answer-box.model{border-color:#818cf833;background:#818cf80a}.egp-answer-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--egp-muted);margin-bottom:.35rem}.egp-answer-content{font-size:.87rem;color:var(--egp-text);line-height:1.5}.egp-no-answer{color:var(--egp-muted);font-style:italic}.egp-activity{background:var(--egp-surface);border:1px solid var(--egp-border);border-radius:var(--egp-rad);padding:1rem}.egp-footer{background:var(--egp-surface);border:1px solid var(--egp-border);border-radius:var(--egp-rad);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.egp-feedback{display:flex;flex-direction:column;gap:.4rem}.egp-feedback label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--egp-muted)}.egp-opt{font-weight:400;text-transform:none;letter-spacing:0;opacity:.7}.egp-feedback textarea{width:100%;padding:.65rem .9rem;resize:vertical;background:var(--egp-surf2);border:1px solid var(--egp-border);border-radius:6px;color:var(--egp-text);font-family:inherit;font-size:.87rem;outline:none;line-height:1.55;transition:border-color .15s}.egp-feedback textarea:focus{border-color:var(--egp-primary)}.egp-actions{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.egp-save-msg{font-size:.8rem;color:var(--egp-primary);font-weight:600;margin-right:auto}.egp-btn-ghost{padding:.52rem 1.1rem;background:transparent;border:1px solid var(--egp-border);border-radius:var(--egp-rad);font-size:.85rem;font-weight:600;color:var(--egp-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.egp-btn-ghost:hover:not(:disabled){border-color:var(--egp-secondary);color:var(--egp-text)}.egp-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.egp-btn-publish{padding:.55rem 1.3rem;background:var(--egp-primary);border:none;border-radius:var(--egp-rad);font-size:.88rem;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:filter .15s}.egp-btn-publish:hover:not(:disabled){filter:brightness(1.1)}.egp-btn-publish:disabled{opacity:.45;cursor:not-allowed;filter:none}.egp-review-warning{font-size:.78rem;color:var(--egp-warn);background:#f9731612;border:1px solid rgba(249,115,22,.2);border-radius:6px;padding:.5rem .8rem}.profile-page{animation:fadeIn .35s ease both}.page-hd{margin-bottom:2rem}.profile-wrap{max-width:700px}.card-pad{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;position:relative;overflow:hidden}.profile-hero{display:flex;align-items:center;gap:2rem}.profile-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.p-avatar{width:84px;height:84px;border-radius:50%;background:var(--gradient-primary);display:grid;place-items:center;font-family:Syne,Poppins,sans-serif;font-size:1.9rem;font-weight:900;color:#fff;flex-shrink:0;position:relative;z-index:1}.p-info{position:relative;z-index:1}.p-name{font-family:Syne,Poppins,sans-serif;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text)}.p-role-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.28rem .8rem;border-radius:999px;margin-bottom:.5rem}.p-program{font-size:.82rem;color:var(--text-muted)}.section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.85rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.detail-item label{display:block;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:.3rem}.detail-val{font-size:.9rem;color:var(--text);font-weight:500}.detail-code{background:var(--surface-hover);border:1px solid var(--border);padding:.15rem .5rem;border-radius:4px;font-size:.82rem;color:var(--primary)}.security-row{display:flex;gap:1rem;align-items:flex-start}.security-icon-box{width:44px;height:44px;border-radius:var(--radius-md);background:#38bdf814;border:1px solid rgba(56,189,248,.15);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.security-title{font-size:.9rem;font-weight:600;margin-bottom:.3rem;color:var(--text)}.security-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.65}.security-link{color:var(--primary);text-decoration:none}.security-link:hover{text-decoration:underline}.loading-state{display:flex;justify-content:center;padding:4rem}@media (max-width:580px){.detail-grid{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:flex-start;gap:1.25rem}}.programs-page{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.page-title{font-family:Syne,Poppins,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.35rem;background:linear-gradient(120deg,var(--text) 40%,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-sub{color:var(--text-secondary);font-size:.9rem}.prog-layout{display:grid;grid-template-columns:270px 1fr;gap:1.5rem;align-items:start}.section-lbl{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.65rem}.prog-item{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all .15s;margin-bottom:.5rem;background:var(--surface)}.prog-item:hover{border-color:#10b98140;background:var(--surface-hover)}.prog-item-sel{background:var(--surface-hover)!important;border-color:var(--primary)!important}.prog-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:1rem;font-weight:800;color:#fff;flex-shrink:0}.prog-item-body{flex:1;min-width:0}.prog-item-name{font-size:.87rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.1rem}.prog-item-count{font-size:.72rem;color:var(--text-muted)}.prog-active-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0;box-shadow:0 0 6px var(--primary)}.prog-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;min-height:300px}.prog-empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.9rem}.prog-panel-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.prog-panel-title{font-family:Syne,Poppins,sans-serif;font-size:1.15rem;font-weight:800;margin-bottom:.25rem}.prog-panel-desc{font-size:.82rem;color:var(--text-secondary)}.chip-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.course-chip{display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .15s}.course-chip:hover{border-color:#10b98133}.chip-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.chip-body{flex:1;min-width:0}.chip-name{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-code{font-size:.72rem;color:var(--text-muted);margin-top:.1rem}.chip-remove{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);width:24px;height:24px;display:grid;place-items:center;cursor:pointer;font-size:.75rem;color:var(--text-muted);transition:all .15s;flex-shrink:0}.chip-remove:hover{border-color:var(--danger);color:var(--danger);background:#ef444414}.prog-empty-courses{font-size:.82rem;color:var(--text-muted);padding:.75rem 0}.add-course-row{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.add-course-sel{flex:1;padding:.5rem .75rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-family:inherit;outline:none}.empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.5rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-card h3{font-weight:700;margin-bottom:.4rem}.empty-card p{color:var(--text-secondary);font-size:.88rem}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:var(--text-muted)}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.88rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:500;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:500px;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-hd{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.modal-hd h2{font-size:1.1rem;font-weight:700}.modal-close{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;display:grid;place-items:center;cursor:pointer;font-size:.85rem;color:var(--text-muted)}.modal-close:hover{color:var(--text)}.modal-form{padding:1.25rem 1.5rem}.form-group{margin-bottom:1.1rem}.form-group label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem .85rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.88rem;font-family:inherit;outline:none;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group textarea{resize:vertical;min-height:80px}.form-hint{font-size:.74rem;color:var(--text-muted);margin-bottom:1rem}.modal-ft{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}@media (max-width:780px){.prog-layout{grid-template-columns:1fr}}.sm-page{padding:28px 32px;max-width:1100px;margin:0 auto}.sm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.sm-title{font-size:1.6rem;font-weight:700;color:var(--text-primary, #e8f0e8);margin:0 0 4px}.sm-sub{color:var(--text-muted, #8aad8a);font-size:.9rem;margin:0}.sm-stats{display:flex;gap:16px}.sm-stat{background:var(--surface-2, #1a2e1a);border:1px solid var(--border, #2e4a2e);border-radius:10px;padding:12px 20px;text-align:center;min-width:72px}.sm-stat-val{display:block;font-size:1.4rem;font-weight:700;color:var(--accent, #4ade80)}.sm-stat-lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #8aad8a)}.sm-toolbar{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.sm-search-wrap{position:relative;max-width:380px}.sm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.sm-search{width:100%;padding:9px 36px;border:1px solid var(--border, #2e4a2e);border-radius:8px;background:var(--surface-2, #1a2e1a);color:var(--text-primary, #e8f0e8);font-size:.9rem;box-sizing:border-box}.sm-search:focus{outline:none;border-color:var(--accent, #4ade80)}.sm-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted, #8aad8a);font-size:18px;line-height:1;padding:0}.sm-search-clear:hover{color:var(--text-primary, #e8f0e8)}.sm-course-filter{display:flex;flex-wrap:wrap;gap:8px}.sm-filter-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border, #2e4a2e);background:transparent;color:var(--text-muted, #8aad8a);font-size:.82rem;cursor:pointer;transition:all .15s}.sm-filter-btn:hover{border-color:var(--accent, #4ade80);color:var(--text-primary, #e8f0e8)}.sm-filter-btn.active{background:var(--accent, #4ade80);border-color:var(--accent, #4ade80);color:#0a1a0a;font-weight:600}.sm-course-section{margin-bottom:36px}.sm-course-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border, #2e4a2e)}.sm-course-icon{font-size:1rem}.sm-course-name{font-size:1rem;font-weight:600;color:var(--text-primary, #e8f0e8);margin:0;flex:1}.sm-course-count{font-size:.78rem;color:var(--text-muted, #8aad8a);background:var(--surface-2, #1a2e1a);border:1px solid var(--border, #2e4a2e);border-radius:12px;padding:2px 10px}.sm-course-link{font-size:.82rem;color:var(--accent, #4ade80);text-decoration:none;font-weight:500;white-space:nowrap}.sm-course-link:hover{text-decoration:underline}.sm-materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.sm-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--surface-2, #1a2e1a);border:1px solid var(--border, #2e4a2e);border-radius:10px;transition:border-color .15s,box-shadow .15s}.sm-card:hover{border-color:var(--accent, #4ade80);box-shadow:0 2px 12px #4ade8014}.sm-card-icon{font-size:1.6rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-3, #0f1f0f)}.sm-card-body{flex:1;min-width:0}.sm-card-title{font-size:.9rem;font-weight:600;color:var(--text-primary, #e8f0e8);margin:0 0 4px;word-break:break-word}.sm-card-desc{font-size:.8rem;color:var(--text-muted, #8aad8a);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sm-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sm-card-date{font-size:.75rem;color:var(--text-muted, #8aad8a)}.sm-card-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:500}.sm-badge-view{background:#facc151f;color:#facc15;border:1px solid rgba(250,204,21,.25)}.sm-card-actions{flex-shrink:0}.sm-btn-action{display:inline-block;padding:6px 12px;border-radius:7px;font-size:.78rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .15s}.sm-btn-action:hover{opacity:.8}.sm-btn-download{background:var(--accent, #4ade80);color:#0a1a0a}.sm-btn-view{background:#4ade8026;color:var(--accent, #4ade80);border:1px solid rgba(74,222,128,.3)}.sm-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #8aad8a)}.sm-empty-icon{font-size:3rem;margin-bottom:16px}.sm-empty h3{font-size:1.1rem;color:var(--text-primary, #e8f0e8);margin:0 0 8px}.sm-empty p{font-size:.9rem;margin:0 0 20px}.sm-btn-primary{display:inline-block;padding:9px 20px;border-radius:8px;background:var(--accent, #4ade80);color:#0a1a0a;font-weight:600;font-size:.9rem;text-decoration:none;border:none;cursor:pointer}.sm-btn-secondary{display:inline-block;padding:9px 20px;border-radius:8px;background:transparent;color:var(--text-muted, #8aad8a);font-weight:600;font-size:.9rem;border:1px solid var(--border, #2e4a2e);cursor:pointer}.sm-btn-secondary:hover{color:var(--text-primary, #e8f0e8);border-color:var(--text-muted, #8aad8a)}.sm-loading,.sm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-muted, #8aad8a)}.sm-spinner{width:36px;height:36px;border:3px solid var(--border, #2e4a2e);border-top-color:var(--accent, #4ade80);border-radius:50%;animation:sm-spin .8s linear infinite}@keyframes sm-spin{to{transform:rotate(360deg)}}.sm-error-icon{font-size:2rem}[data-theme=light] .sm-title{color:#1a2e1a}[data-theme=light] .sm-sub{color:#5a7a5a}[data-theme=light] .sm-stat{background:#f0f7f0;border-color:#c8dcc8}[data-theme=light] .sm-stat-val{color:#2e7d32}[data-theme=light] .sm-stat-lbl{color:#5a7a5a}[data-theme=light] .sm-search{background:#f8faf8;border-color:#c8dcc8;color:#1a2e1a}[data-theme=light] .sm-filter-btn{border-color:#c8dcc8;color:#5a7a5a}[data-theme=light] .sm-filter-btn.active{background:#2e7d32;border-color:#2e7d32;color:#fff}[data-theme=light] .sm-course-name{color:#1a2e1a}[data-theme=light] .sm-card{background:#f8faf8;border-color:#c8dcc8}[data-theme=light] .sm-card-icon{background:#e8f4e8}[data-theme=light] .sm-card-title{color:#1a2e1a}[data-theme=light] .sm-card-desc,[data-theme=light] .sm-card-date{color:#5a7a5a}[data-theme=light] .sm-empty h3{color:#1a2e1a}[data-theme=light] .sm-btn-download{background:#2e7d32;color:#fff}[data-theme=light] .sm-btn-view{background:#2e7d321a;color:#2e7d32;border-color:#2e7d324d}@media (max-width: 600px){.sm-page{padding:16px}.sm-header{flex-direction:column}.sm-materials-grid{grid-template-columns:1fr}.sm-card{flex-direction:column}.sm-card-actions{width:100%}.sm-btn-action{display:block;text-align:center}}.nf2-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e14;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:opacity .35s ease;padding:2rem;z-index:999}.nf2-root.nf2-show{opacity:1}.nf2-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);pointer-events:none;z-index:1}.nf2-corner{position:absolute;width:28px;height:28px;pointer-events:none;z-index:2;opacity:.4}.nf2-corner:before,.nf2-corner:after{content:"";position:absolute;background:#10b981}.nf2-corner:before{width:100%;height:1.5px;top:0;left:0}.nf2-corner:after{width:1.5px;height:100%;top:0;left:0}.nf2-corner-tl{top:24px;left:24px}.nf2-corner-tr{top:24px;right:24px;transform:scaleX(-1)}.nf2-corner-bl{bottom:24px;left:24px;transform:scaleY(-1)}.nf2-corner-br{bottom:24px;right:24px;transform:scale(-1)}.nf2-layout{position:relative;z-index:3;display:flex;align-items:center;gap:0;max-width:960px;width:100%}.nf2-left{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-right:3rem;transform:translate(-20px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1) .15s,opacity .5s ease .15s}.nf2-root.nf2-show .nf2-left{transform:translate(0);opacity:1}.nf2-digits{display:flex;gap:-.04em;line-height:1}.nf2-digit{font-family:Poppins,sans-serif;font-size:clamp(6rem,14vw,11rem);font-weight:800;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px #10b981;text-stroke:2px #10b981;position:relative;display:inline-block;transition:color .3s ease,-webkit-text-stroke-color .3s ease}.nf2-digit-1.glitch{color:#10b9811f;animation:nf2-digit-flicker .08s steps(1) infinite}.nf2-digit-0.glitch,.nf2-digit-2.glitch{animation:nf2-digit-flicker .12s steps(1) infinite}.nf2-digit.settle{animation:nf2-settle .4s ease forwards}@keyframes nf2-digit-flicker{0%{transform:translate(0) translateY(0)}25%{transform:translate(-3px) translateY(1px)}50%{transform:translate(2px) translateY(-2px)}75%{transform:translate(-1px) translateY(2px)}to{transform:translate(0) translateY(0)}}@keyframes nf2-settle{0%{transform:translateY(3px);opacity:.6}60%{transform:translateY(-2px)}to{transform:translateY(0);opacity:1}}.nf2-left-label{font-family:DM Mono,monospace;font-size:.7rem;color:#10b98173;letter-spacing:.14em;display:flex;align-items:center;gap:6px;text-transform:uppercase}.nf2-blink{color:#10b981;animation:nf2-cursor-blink 1s step-end infinite}@keyframes nf2-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.nf2-divider{flex:0 0 1px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:4px;margin:0 3rem;opacity:0;transition:opacity .5s ease .4s}.nf2-root.nf2-show .nf2-divider{opacity:1}.nf2-divider-tick{width:1px;height:8px;background:#10b981;opacity:0;animation:nf2-tick-appear .05s ease forwards}@keyframes nf2-tick-appear{to{opacity:.25}}.nf2-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;transform:translate(20px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1) .3s,opacity .5s ease .3s}.nf2-root.nf2-show .nf2-right{transform:translate(0);opacity:1}.nf2-meta{font-family:DM Mono,monospace;font-size:.7rem;display:flex;align-items:center;gap:8px;margin-bottom:6px;letter-spacing:.05em}.nf2-meta-key{color:#94a3b880;text-transform:uppercase;min-width:52px}.nf2-meta-sep{color:#94a3b833;flex-shrink:0}.nf2-meta-val{color:#10b981b3}.nf2-meta-orange{color:#f97316cc}.nf2-heading{font-family:Poppins,sans-serif;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800;color:#f1f5f9;line-height:1.05;letter-spacing:-.03em;margin:1.5rem 0 1rem}.nf2-body{font-family:DM Mono,monospace;font-size:.82rem;color:#94a3b8a6;line-height:1.7;margin-bottom:2.25rem;max-width:34ch}.nf2-actions{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.nf2-btn{font-family:DM Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.6rem 1.3rem;border-radius:4px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .18s ease}.nf2-btn svg{width:14px;height:14px;flex-shrink:0}.nf2-btn-outline{background:transparent;color:#94a3b8b3;border:1px solid rgba(148,163,184,.2)}.nf2-btn-outline:hover{border-color:#10b981;color:#10b981;background:#10b9810d}.nf2-btn-filled{background:#10b981;color:#0a0e14;font-weight:500}.nf2-btn-filled:hover{background:#0d9268;transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.nf2-btn-filled:active{transform:translateY(0)}.nf2-trace{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(16,185,129,.1);border-left:2px solid rgba(249,115,22,.5);border-radius:0 4px 4px 0;background:#f973160a}.nf2-trace-label{font-family:DM Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#f9731699;flex-shrink:0}.nf2-trace-path{font-family:DM Mono,monospace;font-size:.75rem;color:#f8fafc66;word-break:break-all}[data-theme=light] .nf2-root{background:#f4f7f5}[data-theme=light] .nf2-scanlines{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px)}[data-theme=light] .nf2-digit{-webkit-text-stroke-color:#0d9268;text-stroke-color:#0d9268}[data-theme=light] .nf2-heading{color:#0f172a}[data-theme=light] .nf2-body{color:#475569cc}[data-theme=light] .nf2-left-label{color:#0d926880}[data-theme=light] .nf2-blink{color:#0d9268}[data-theme=light] .nf2-divider-tick{background:#0d9268}[data-theme=light] .nf2-meta-key{color:#47556966}[data-theme=light] .nf2-meta-sep{color:#47556926}[data-theme=light] .nf2-meta-val{color:#0d9268cc}[data-theme=light] .nf2-meta-orange{color:#c2410ccc}[data-theme=light] .nf2-btn-outline{color:#475569b3;border-color:#47556933}[data-theme=light] .nf2-btn-outline:hover{border-color:#0d9268;color:#0d9268}[data-theme=light] .nf2-btn-filled{background:#0d9268}[data-theme=light] .nf2-btn-filled:hover{background:#0a7a58}[data-theme=light] .nf2-trace{border-color:#0d92681a;border-left-color:#ea580c66;background:#ea580c08}[data-theme=light] .nf2-trace-label{color:#c2410c99}[data-theme=light] .nf2-trace-path{color:#0f172a59}[data-theme=light] .nf2-corner{opacity:.25}[data-theme=light] .nf2-corner:before,[data-theme=light] .nf2-corner:after{background:#0d9268}@media (max-width: 640px){.nf2-layout{flex-direction:column;align-items:flex-start;gap:0}.nf2-left{padding-right:0;padding-bottom:1.5rem}.nf2-digit{font-size:clamp(4.5rem,20vw,6rem);-webkit-text-stroke-width:1.5px}.nf2-divider{flex-direction:row;align-self:stretch;margin:0 0 1.5rem;height:1px;flex:0 0 1px}.nf2-divider-tick{width:8px;height:1px}.nf2-heading{font-size:2.2rem}.nf2-right{transform:translate(0);padding-bottom:2rem}.nf2-root.nf2-show .nf2-right{transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1419;--surface: #1a1f2e;--surface-hover: #222838;--border: #2a3142;--border-focus: #10b981;--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #10b981;--primary-hover: #059669;--primary-glow: rgba(16, 185, 129, .15);--accent: #f97316;--accent-hover: #ea580c;--accent-glow: rgba(249, 115, 22, .15);--success: #10b981;--warning: #f97316;--danger: #ef4444;--gradient-primary: linear-gradient(135deg, #10b981, #f97316);--gradient-subtle: linear-gradient(135deg, rgba(16, 185, 129, .1), rgba(249, 115, 22, .1));--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px -1px rgba(0, 0, 0, .25), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-glow: 0 0 25px rgba(16, 185, 129, .2);--shadow-glow-accent: 0 0 25px rgba(249, 115, 22, .2);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--border: #e2e8f0;--border-focus: #10b981;--text: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--primary: #059669;--primary-hover: #047857;--primary-glow: rgba(5, 150, 105, .12);--accent: #ea580c;--accent-hover: #c2410c;--accent-glow: rgba(234, 88, 12, .12);--success: #059669;--warning: #d97706;--danger: #dc2626;--gradient-primary: linear-gradient(135deg, #059669, #ea580c);--gradient-subtle: linear-gradient(135deg, rgba(5, 150, 105, .08), rgba(234, 88, 12, .08));--shadow-glow: 0 0 20px rgba(5, 150, 105, .15);--shadow-glow-accent: 0 0 20px rgba(234, 88, 12, .15)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 4px var(--primary-glow);border-color:var(--primary)}@media (prefers-reduced-motion: reduce){:root{--transition: none;--transition-slow: none}.card{animation:none!important}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Poppins,Inter,sans-serif;font-weight:700;line-height:1.2;color:var(--text)}.page-title{font-size:2rem;margin-bottom:.5rem;letter-spacing:-.025em}.page-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{border-color:#10b9814d;box-shadow:var(--shadow-lg)}.card{transform:translateY(0);opacity:1}@keyframes card-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.card{animation:card-in .26s ease both}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.filter-controls{display:flex;gap:.75rem;align-items:center;flex:1}.filter-controls input[type=search]{flex:1;min-width:120px;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text)}.filter-controls select{padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-hover);color:var(--text)}.filter-summary{color:var(--text-secondary);font-weight:600}.text-secondary{color:var(--text-secondary)}button,.btn,input,select,a{touch-action:manipulation}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;border:1px solid transparent;gap:.5rem;font-family:Inter,sans-serif}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 2px 8px #10b9814d}.btn-primary:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-1px);filter:brightness(1.1)}.btn-secondary{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border);border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}input,select,textarea{width:100%;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);transition:var(--transition);outline:none;font-family:Inter,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.container{max-width:1200px;margin:0 auto;padding:2rem}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.loading-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{font-size:16px}@media (min-width: 640px){:root{font-size:16.5px}}@media (min-width: 1024px){:root{font-size:17px}}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}.container{padding:1rem}@media (min-width: 768px){.container{padding:2rem}}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}a{color:inherit;text-decoration:none;position:relative}a:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--gradient-primary);transition:width .2s ease}a:hover:after,a:focus:after{width:100%}.table-wrap table thead th{position:sticky;top:0;z-index:1}.table-wrap table tbody tr:nth-child(2n) td{background:#ffffff03}.table-wrap table td,.table-wrap table th{padding:.75rem 1rem}.table-wrap table tr{transition:background .14s ease,transform .14s ease}.table-wrap table tr:hover{transform:translateY(-2px)}.badge{background:transparent;border:1px solid rgba(255,255,255,.04);padding:.25rem .6rem}@media (max-width: 480px){.nav a,.course-nav-link{padding:.9rem 1rem;font-size:.95rem}.btn{padding:.8rem 1rem}}.gap-6{gap:1.5rem}.mb-4{margin-bottom:1rem}.m-0{margin:0}.text-center{text-align:center}.py-8{padding-top:2rem;padding-bottom:2rem}.text-muted{color:var(--text-muted)}.date-picker-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text);cursor:pointer}.date-picker-button:focus{outline:none;box-shadow:0 0 0 4px var(--primary-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#10b9814d;color:var(--text)}