@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--blue-primary: #3b7dd8;--blue-dark: #2e67be;--blue-light: #5a9be8;--blue-pale: #e8f1fc;--blue-xpale: #f0f6ff;--sidebar-bg: #252d3d;--sidebar-dark: #1c2330;--sidebar-item: rgba(255,255,255,.06);--sidebar-active: #3b7dd8;--sidebar-text: rgba(255,255,255,.65);--sidebar-label: rgba(255,255,255,.3);--sidebar-border: rgba(255,255,255,.06);--page-bg: #f4f5f7;--surface: #ffffff;--surface-2: #f8f9fb;--border: #e2e6ea;--border-light: #edf0f3;--text-hero: #1c2b3a;--text-primary: #2d3748;--text-secondary: #5a6a7e;--text-muted: #8fa0b4;--text-inverse: #ffffff;--header-bg: #ffffff;--header-border: #e2e6ea;--card-blue: #3b7dd8;--card-purple: #7c5cbf;--card-teal: #26a69a;--card-charcoal: #343a46;--card-orange: #ef8c45;--card-pink: #e05f7a;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--info: #17a2b8;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--shadow-card: 0 2px 8px rgba(59,125,216,.1);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--font: "Inter", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "Inter", sans-serif;--header-h: 60px;--sidebar-w: 240px;--sidebar-mini: 60px}[data-theme=dark]{--page-bg: #1a1f2e;--surface: #222838;--surface-2: #1e2436;--border: rgba(255,255,255,.08);--border-light: rgba(255,255,255,.05);--text-hero: #e8edf5;--text-primary: #c8d4e0;--text-secondary: #8a9bb0;--text-muted: #5a6e84;--header-bg: #1e2436;--header-border: rgba(255,255,255,.07);--blue-pale: rgba(59,125,216,.15);--blue-xpale: rgba(59,125,216,.08);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-card: 0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .sidebar{--sidebar-bg: #161c28;--sidebar-dark: #111622}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}*,*:before,*:after{transition:background-color .25s,border-color .25s,color .15s,box-shadow .25s}.btn,.course-card,.stat-card,.sidebar-item,.theme-toggle-thumb{transition:all .2s}body{font-family:var(--font);background:var(--page-bg);color:var(--text-primary);font-size:14px;line-height:1.6;min-height:100vh;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1cdd8;border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a4560}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:200;transition:width .25s,transform .25s;overflow:hidden}.sidebar.mini{width:var(--sidebar-mini);overflow-x:hidden}.sidebar.mini .s-text,.sidebar.mini .s-badge,.sidebar.mini .sidebar-logo-text,.sidebar.mini .sidebar-section-label{opacity:0;width:0;flex:none;overflow:hidden;white-space:nowrap}.sidebar.mini .sidebar-logo{justify-content:center;padding:0;gap:0}.sidebar.mini .sidebar-item{justify-content:center;padding:10px 0;gap:0;border-left:none}.sidebar.mini .sidebar-item.active{border-left:none;border-right:3px solid var(--blue-primary)}.sidebar.mini .sidebar-footer{flex-direction:column;align-items:center;justify-content:center;padding:12px 0;gap:8px}.sidebar.mini .sf-info{width:0;overflow:hidden;flex:0;min-width:0}.sidebar.mini .btn-logout{margin:0;padding:6px}.sidebar-logo{height:var(--header-h);display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-logo-icon{width:32px;height:32px;flex-shrink:0;background:var(--blue-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.sidebar-logo-text{font-weight:900;font-size:17px;color:#fff;letter-spacing:-.4px;white-space:nowrap;transition:opacity .2s,width .2s;display:flex;align-items:baseline;gap:0}.sidebar-logo-text span{color:var(--blue-light)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sidebar-label);padding:14px 20px 6px;white-space:nowrap;transition:opacity .2s;display:block}.sidebar-section-toggle{outline:none}.sidebar-section-toggle:hover{background:#ffffff0f!important}.sidebar-section-toggle .sidebar-section-label{padding:0}.sidebar.mini .sidebar-section-toggle{display:none}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 18px;color:var(--sidebar-text);cursor:pointer;font-size:13.5px;font-weight:500;border:none;background:none;width:100%;text-align:left;font-family:var(--font);border-left:3px solid transparent;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;text-decoration:none}.sidebar-item:hover{background:#ffffff0f;color:#fff}.sidebar-item.active{background:#3b7dd82e;color:#fff;border-left-color:var(--blue-primary);font-weight:600}.s-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0;opacity:.75}.sidebar-item.active .s-icon,.sidebar-item:hover .s-icon{opacity:1}.s-text{flex:1}.s-badge{background:var(--blue-primary);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--radius-pill);flex-shrink:0}.sidebar-footer{padding:14px 18px;border-top:1px solid var(--sidebar-border);flex-shrink:0;display:flex;align-items:center;gap:10px}.sf-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.sf-info{flex:1;min-width:0;overflow:hidden;transition:width .25s,flex .25s}.sf-name{font-size:12.5px;font-weight:600;color:#fffc;white-space:nowrap}.sf-role{font-size:11px;color:var(--sidebar-label)}.header{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--header-h);background:var(--header-bg);border-bottom:1px solid var(--header-border);display:flex;align-items:center;gap:12px;padding:0 24px;z-index:100;box-shadow:var(--shadow-sm);transition:left .25s}.header.mini{left:var(--sidebar-mini)}.header.header-full{left:0}.header-toggle{width:34px;height:34px;border-radius:var(--radius-sm);background:none;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);transition:background .15s}.header-toggle:hover{background:var(--blue-xpale);color:var(--blue-primary)}.header-search{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:7px 14px;gap:8px;flex:1;max-width:340px}.header-search input{background:none;border:none;outline:none;font-family:var(--font);font-size:13.5px;color:var(--text-primary);width:100%}.header-search input::placeholder{color:var(--text-muted)}.header-search-icon{color:var(--text-muted);font-size:13px;flex-shrink:0}.header-spacer{flex:1}.header-breadcrumb{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.header-breadcrumb a{color:var(--blue-primary);cursor:pointer;text-decoration:none}.header-breadcrumb a:hover{text-decoration:underline}.header-breadcrumb .sep{opacity:.4;font-size:10px}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{width:52px;height:26px;background:var(--border);border:1.5px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;position:relative;flex-shrink:0;outline:none;padding:0;transition:background .3s,border-color .3s}[data-theme=dark] .theme-toggle{background:#3b7dd84d;border-color:#3b7dd880}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--blue-primary);box-shadow:0 1px 4px #0003;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .theme-toggle-thumb{transform:translate(26px);background:#f5c842}.theme-toggle-icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px;font-size:9px;pointer-events:none;-webkit-user-select:none;user-select:none}.notif-wrapper{position:relative}.notif-btn{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;position:relative;color:var(--text-secondary)}.notif-btn:hover{background:var(--blue-xpale)}.notif-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:var(--danger);border-radius:50%;font-size:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--header-bg)}.notif-dropdown{position:absolute;right:0;top:44px;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;overflow:hidden}.notif-hdr{padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;color:var(--text-hero);display:flex;justify-content:space-between;align-items:center}.notif-item{padding:11px 16px;border-bottom:1px solid var(--border-light);display:flex;gap:10px;cursor:pointer}.notif-item:hover{background:var(--blue-xpale)}.notif-item.unread{background:#3b7dd80a}.n-dot{width:7px;height:7px;border-radius:50%;background:var(--blue-primary);flex-shrink:0;margin-top:5px}.n-dot.read{background:var(--border)}.n-text{font-size:12.5px;color:var(--text-primary)}.n-time{font-size:11px;color:var(--text-muted);margin-top:1px}.header-avatar{width:34px;height:34px;border-radius:50%;background:var(--blue-primary);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--blue-pale)}.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:24px;flex:1;min-width:0;transition:margin-left .25s}.main.mini{margin-left:var(--sidebar-mini)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeUp .25s ease}.page-header{margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.page-title{font-size:22px;font-weight:800;color:var(--text-hero);letter-spacing:-.3px}.page-subtitle{font-size:13.5px;color:var(--text-secondary);margin-top:3px;font-weight:400}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-body{padding:20px}.card-header{padding:14px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:13.5px;color:var(--text-hero);display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-weight:700;font-size:13.5px;color:var(--text-hero);margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{border-radius:var(--radius-lg);padding:20px 22px;display:flex;align-items:center;gap:16px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card:after{content:"";position:absolute;right:-15px;top:-15px;width:80px;height:80px;border-radius:50%;background:#ffffff1a}.sc-blue{background:linear-gradient(135deg,#3b7dd8,#2563b0)}.sc-purple{background:linear-gradient(135deg,#7c5cbf,#5a3fa0)}.sc-teal{background:linear-gradient(135deg,#26a69a,#1a8a7e)}.sc-dark{background:linear-gradient(135deg,#434b5c,#2d3340)}.sc-orange{background:linear-gradient(135deg,#ef8c45,#d97428)}.sc-pink{background:linear-gradient(135deg,#e05f7a,#c04565)}.sc-icon{font-size:26px;opacity:.85;flex-shrink:0}.sc-info .sc-val{font-size:28px;font-weight:800;line-height:1}.sc-info .sc-label{font-size:12px;opacity:.85;margin-top:3px;font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-65{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.grid-wiz{display:grid;grid-template-columns:1fr 260px;gap:18px;align-items:start}label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],input[type=password],input:not([type]),select,textarea{width:100%;padding:9px 13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:13.5px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--blue-primary);box-shadow:0 0 0 3px #3b7dd826}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface-2)}select{cursor:pointer}select option{background:var(--surface)}textarea{resize:vertical;min-height:80px}.form-group{margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;border:none;text-decoration:none;white-space:nowrap;letter-spacing:.1px;transition:all .18s}.btn-primary{background:var(--blue-primary);color:#fff}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 4px 12px #3b7dd866;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--blue-xpale);border-color:var(--blue-primary);color:var(--blue-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-info{background:var(--info);color:#fff}.btn-sm{padding:6px 13px;font-size:12px}.btn-lg{padding:11px 24px;font-size:14px}.btn-pill{border-radius:var(--radius-pill)}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;letter-spacing:.2px}.badge-blue{background:var(--blue-pale);color:var(--blue-dark)}.badge-purple{background:#7c5cbf26;color:#5a3fa0}.badge-teal{background:#26a69a26;color:#1a8a7e}.badge-orange{background:#ef8c4526;color:#b86a20}.badge-success{background:#28a7451f;color:#1a7a32}.badge-warning{background:#ffc10726;color:#8a6600}.badge-danger{background:#dc35451f;color:#a01020}.badge-dark{background:#343a461a;color:#2d3340}.badge-neutral{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}[data-theme=dark] .badge-blue{background:#3b7dd833;color:#7ab4f5}[data-theme=dark] .badge-success{background:#28a74533;color:#5ec87a}[data-theme=dark] .badge-warning{background:#ffc10726;color:#ffd454}[data-theme=dark] .badge-danger{background:#dc354533;color:#f07080}[data-theme=dark] .badge-dark{background:#ffffff14;color:var(--text-secondary)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap .s-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.search-wrap input{padding-left:36px;border-radius:var(--radius-pill)}.filter-select{width:auto;min-width:130px;border-radius:var(--radius-pill);padding:9px 14px}.cat-hero{background:linear-gradient(135deg,var(--blue-primary) 0%,#1a4fa0 100%);border-radius:var(--radius-xl);padding:40px 32px;margin-bottom:24px;position:relative;overflow:hidden;color:#fff}.cat-hero:before{content:"";position:absolute;right:-60px;top:-60px;width:300px;height:300px;border-radius:50%;background:#ffffff12}.cat-hero:after{content:"";position:absolute;right:80px;bottom:-80px;width:200px;height:200px;border-radius:50%;background:#ffffff0d}.cat-hero-title{font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px;position:relative;z-index:1}.cat-hero-sub{font-size:15px;opacity:.85;margin-bottom:22px;font-weight:400;position:relative;z-index:1}.cat-hero-search{display:flex;max-width:520px;gap:10px;position:relative;z-index:1}.cat-hero-search input{border-radius:var(--radius-pill);background:#ffffff26;border-color:#ffffff4d;color:#fff;padding:11px 20px;font-size:14px}.cat-hero-search input::placeholder{color:#ffffffa6}.cat-hero-search input:focus{background:#fff3;border-color:#fff9;box-shadow:none}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-primary)}.course-card-banner{height:8px}.cc-blue{background:var(--card-blue)}.cc-purple{background:var(--card-purple)}.cc-teal{background:var(--card-teal)}.cc-charcoal{background:var(--card-charcoal)}.cc-orange{background:var(--card-orange)}.cc-pink{background:var(--card-pink)}.course-card-body{padding:18px}.cc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.cc-code{font-size:11px;font-weight:700;color:var(--blue-primary);text-transform:uppercase;letter-spacing:.8px}.cc-rating{font-size:12px;color:#f5a623;font-weight:700;display:flex;align-items:center;gap:3px}.cc-title{font-size:15px;font-weight:800;color:var(--text-hero);margin-bottom:8px;line-height:1.35}.cc-desc{font-size:12.5px;color:var(--text-secondary);margin-bottom:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.cc-pill{background:var(--blue-xpale);color:var(--blue-primary);border:1px solid var(--blue-pale);border-radius:var(--radius-pill);padding:3px 10px;font-size:11.5px;font-weight:600}[data-theme=dark] .cc-pill{background:#3b7dd81f;border-color:#3b7dd840}.cc-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding-top:12px}.cc-fee{font-size:13px;font-weight:700;color:var(--text-hero)}.cc-students{font-size:11.5px;color:var(--text-muted)}.cd-header{background:linear-gradient(135deg,#3b7dd8,#1a4fa0);border-radius:var(--radius-xl);padding:28px 32px;color:#fff;margin-bottom:20px;position:relative;overflow:hidden}.cd-header:before{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:#ffffff14}.cd-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-pill);padding:4px 12px;font-size:11px;font-weight:700;margin-bottom:10px;letter-spacing:.5px}.cd-title{font-size:26px;font-weight:800;letter-spacing:-.4px;margin-bottom:10px;position:relative;z-index:1}.cd-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;opacity:.9;position:relative;z-index:1}.cd-meta-item{display:flex;align-items:center;gap:6px}.subject-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.subject-row:last-child{border-bottom:none}.subj-num{width:26px;height:26px;border-radius:50%;background:var(--blue-pale);color:var(--blue-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.subj-name{font-size:13.5px;color:var(--text-primary);flex:1;font-weight:500}.subj-cr{font-size:11px;color:var(--text-muted)}.sched-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.sched-card{background:var(--blue-xpale);border:1px solid var(--blue-pale);border-radius:var(--radius);padding:12px 14px}.sched-day{font-size:10px;font-weight:800;color:var(--blue-primary);text-transform:uppercase;letter-spacing:1px}.sched-time{font-size:13px;font-weight:700;color:var(--text-hero);margin-top:4px}.sched-room{font-size:11px;color:var(--text-muted);margin-top:2px}.stepper{display:flex;align-items:center;margin-bottom:26px}.step-wrap{display:flex;flex-direction:column;align-items:center}.step-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);flex-shrink:0}.step-circle.active{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff;box-shadow:0 0 0 4px var(--blue-pale)}.step-circle.done{background:#28a745;border-color:#28a745;color:#fff}.step-line{flex:1;height:2px;background:var(--border);margin:0 8px;transition:background .3s}.step-line.done{background:#28a745}.step-label{font-size:11px;font-weight:700;color:var(--text-muted);margin-top:5px;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.step-label.active{color:var(--blue-primary)}.step-label.done{color:#28a745}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:var(--surface-2)}th{padding:11px 16px;text-align:left;font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px;border-bottom:2px solid var(--border);white-space:nowrap}td{padding:13px 16px;border-bottom:1px solid var(--border-light);font-size:13.5px;vertical-align:middle;color:var(--text-primary)}tr:hover td{background:var(--blue-xpale)}tr:last-child td{border-bottom:none}.tab-btn{padding:10px 18px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text-muted);position:relative;margin-bottom:-2px;transition:color .2s;text-transform:uppercase;letter-spacing:.3px}.tab-btn:hover,.tab-btn.active{color:var(--blue-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue-primary)}.timeline{padding-left:26px;position:relative}.timeline:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:var(--border)}.tl-item{position:relative;margin-bottom:18px}.tl-dot{position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:var(--surface)}.tl-dot.done{background:#28a745;border-color:#28a745}.tl-dot.active{background:var(--blue-primary);border-color:var(--blue-primary);box-shadow:0 0 0 3px var(--blue-pale)}.tl-title{font-weight:700;font-size:13.5px;color:var(--text-primary)}.tl-meta{font-size:11.5px;color:var(--text-muted);margin-top:2px}.tl-note{font-size:12.5px;color:var(--text-secondary);margin-top:6px;background:var(--surface-2);padding:8px 12px;border-radius:var(--radius);border-left:3px solid var(--blue-primary)}.app-track{display:flex;align-items:flex-start;overflow-x:auto;padding-bottom:8px;margin-bottom:18px}.ast-item{display:flex;flex-direction:column;align-items:center;min-width:85px}.ast-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text-muted)}.ast-circle.done{background:#28a745;border-color:#28a745;color:#fff}.ast-circle.active{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff;box-shadow:0 0 0 4px var(--blue-pale)}.ast-label{font-size:10px;color:var(--text-muted);text-align:center;margin-top:5px;line-height:1.3;max-width:75px;font-weight:600}.ast-label.done{color:#28a745}.ast-label.active{color:var(--blue-primary);font-weight:800}.ast-line{flex:1;height:2px;background:var(--border);margin-top:14px;min-width:14px}.ast-line.done{background:#28a745}.doc-upload{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;background:var(--surface-2);cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:10px}.doc-upload:hover{border-color:var(--blue-primary);background:var(--blue-xpale)}.doc-upload.uploaded{border-style:solid;border-color:#28a745;background:#28a7450d}.du-icon{font-size:24px;margin-bottom:6px;opacity:.6}.du-title{font-weight:700;font-size:13px;color:var(--text-hero);margin-bottom:2px}.du-hint{font-size:11.5px;color:var(--text-muted)}.du-fname{font-size:12px;font-weight:700;color:#28a745;margin-top:4px}.review-row{display:flex;padding:9px 0;border-bottom:1px solid var(--border-light);font-size:13.5px}.review-row:last-child{border-bottom:none}.rk{width:170px;font-weight:700;color:var(--text-secondary);flex-shrink:0;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.rv{color:var(--text-primary)}.req-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:13px;color:var(--text-secondary)}.req-item:last-child{border-bottom:none}.req-check{width:16px;height:16px;border-radius:50%;background:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;flex-shrink:0;margin-top:2px}.alert{border-radius:var(--radius);padding:11px 15px;font-size:13px;display:flex;gap:8px;margin-bottom:14px;font-weight:500}.alert-info{background:#3b7dd814;color:var(--blue-dark);border:1px solid rgba(59,125,216,.2)}.alert-success{background:#28a74514;color:#1a7a32;border:1px solid rgba(40,167,69,.2)}.alert-warning{background:#ffc1071a;color:#8a6600;border:1px solid rgba(255,193,7,.3)}.alert-danger{background:#dc354514;color:#a01020;border:1px solid rgba(220,53,69,.2)}[data-theme=dark] .alert-info{color:#7ab4f5}[data-theme=dark] .alert-success{color:#5ec87a}[data-theme=dark] .alert-warning{color:#ffd454}[data-theme=dark] .alert-danger{color:#f07080}.decl{background:#3b7dd80f;border:1px solid rgba(59,125,216,.2);border-radius:var(--radius);padding:16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.decl input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue-primary);flex-shrink:0;margin-top:2px;cursor:pointer}.decl label{font-size:13px;color:var(--text-secondary);text-transform:none;letter-spacing:0;font-weight:400;cursor:pointer;margin-bottom:0}.success-banner{text-align:center;padding:48px 24px;background:linear-gradient(135deg,#f0fff4,#e8f5ff);border-radius:var(--radius-xl);border:1px solid rgba(40,167,69,.2);margin-bottom:24px;position:relative;overflow:hidden}[data-theme=dark] .success-banner{background:linear-gradient(135deg,#28a7451a,#3b7dd81a);border-color:#28a74540}.sb-icon{font-size:52px;margin-bottom:14px}.sb-title{font-size:28px;font-weight:800;color:var(--text-hero);letter-spacing:-.4px;margin-bottom:6px}.sb-sub{color:var(--text-secondary);font-size:14px}.sb-ref{display:inline-block;margin-top:16px;background:var(--surface);border:2px solid var(--blue-primary);border-radius:var(--radius-lg);padding:10px 28px;font-size:20px;font-weight:700;color:var(--blue-primary);letter-spacing:2px;box-shadow:var(--shadow-card)}.bank-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-light);font-size:13.5px}.bank-row:last-child{border-bottom:none}.bk{font-weight:700;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.bv{font-weight:700;color:var(--text-hero)}.decision-panel{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.dp-header{padding:14px 18px;background:var(--blue-primary);font-weight:800;font-size:13px;color:#fff}.dp-body{padding:18px}.dp-btns{display:flex;flex-direction:column;gap:8px}.wiz-actions{display:flex;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:500;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal,.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:90%;max-width:440px;animation:fadeUp .2s ease;overflow:hidden}.modal{padding:24px}.modal-hdr,.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-hdr{margin-bottom:16px;padding:0 0 16px;border-bottom:none}.modal-title{font-weight:800;font-size:16px;color:var(--text-hero)}.modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-muted);padding:3px 6px;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--surface-2)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px;max-height:70vh;overflow-y:auto}.modal-ftr,.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.modal-ftr{margin-top:20px;padding:0;border-top:none}.status-opt{padding:7px 18px;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--radius);font-family:var(--font);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.status-opt:hover{border-color:var(--blue-primary);color:var(--blue-primary);background:var(--blue-xpale)}.status-opt.active{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:14px}.mb-4{margin-bottom:20px}.mt-3{margin-top:14px}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.divider{border:none;border-top:1px solid var(--border);margin:18px 0}.empty-state{text-align:center;padding:44px 20px;color:var(--text-muted)}.empty-icon{font-size:38px;margin-bottom:10px;opacity:.5}.section-title{font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.inline-stat{display:flex;gap:28px;margin-bottom:20px}.is-item .is-val{font-size:26px;font-weight:800;color:var(--text-hero);line-height:1}.is-item .is-lbl{font-size:12px;color:var(--text-muted);margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a4fa0,#3b7dd8 60%,#5a9be8);padding:20px;position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#ffffff0f;top:-150px;right:-150px}.login-wrap:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#ffffff0d;bottom:-100px;left:-80px}.login-box{background:var(--surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000040;padding:40px 36px;width:100%;max-width:420px;position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:28px}.login-logo-icon{width:56px;height:56px;background:var(--blue-primary);border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px;box-shadow:0 8px 20px #3b7dd859}.login-logo-name{font-size:22px;font-weight:800;color:var(--text-hero);letter-spacing:-.3px}.login-logo-name span{color:var(--blue-primary)}.login-logo-sub{font-size:12.5px;color:var(--text-muted);margin-top:2px;font-weight:500}.login-role-tabs{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px;margin-bottom:24px}.login-role-btn{flex:1;padding:8px 16px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text-secondary);border-radius:var(--radius-pill);transition:all .2s}.login-role-btn.active{background:var(--blue-primary);color:#fff}.login-hint{background:var(--blue-xpale);border:1px solid var(--blue-pale);border-radius:var(--radius);padding:9px 13px;margin-bottom:18px;font-size:12px;color:var(--text-secondary);line-height:1.8}.login-hint strong{color:var(--blue-primary);font-size:11.5px}.login-pw-wrap{position:relative}.login-pw-wrap input{padding-right:44px}.login-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:15px;color:var(--text-muted);padding:0;line-height:1}.login-error{background:#dc354514;border:1px solid rgba(220,53,69,.25);border-radius:var(--radius);padding:9px 13px;margin-bottom:14px;font-size:13px;color:var(--danger);font-weight:600}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.login-box.shake{animation:shake .4s ease}@media(max-width:960px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.header{left:0!important}.main{margin-left:0!important}.grid-2,.grid-3,.grid-65,.grid-wiz,.form-row{grid-template-columns:1fr}.cat-hero{padding:28px 20px}.cat-hero-title{font-size:24px}.course-grid{grid-template-columns:1fr}}.app-shell{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-w);display:flex;flex-direction:column;flex:1;min-width:0;transition:margin-left .25s}.main-content.mini{margin-left:var(--sidebar-mini)}.main-content.full-width{margin-left:0}.page-content{margin-top:var(--header-h);padding:24px;flex:1;min-width:0}.sidebar-hidden{transform:translate(-100%)!important}.sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:150}.sidebar-close{background:none;border:none;color:var(--sidebar-text);cursor:pointer;font-size:15px;padding:4px 8px;line-height:1;margin-left:auto;flex-shrink:0}.sidebar-close:hover{color:#fff}.nav-section{padding:8px 0}.nav-section-title{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sidebar-label);padding:14px 20px 6px;display:block}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 18px;color:var(--sidebar-text);cursor:pointer;font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;text-decoration:none}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item svg{opacity:.75;flex-shrink:0}.nav-item.active{background:#3b7dd82e;color:#fff;border-left-color:var(--blue-primary);font-weight:600}.nav-item.active svg{opacity:1}.user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--blue-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.user-details{min-width:0;flex:1}.user-name{font-size:12.5px;font-weight:600;color:#fffc;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--sidebar-label);text-transform:capitalize;display:block}.btn-logout{background:none;border:none;cursor:pointer;color:var(--sidebar-text);padding:6px;border-radius:var(--radius-sm);line-height:1}.btn-logout:hover{background:#ffffff1a;color:#fff}.logo-icon{width:32px;height:32px;background:var(--blue-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0}.logo-icon.large{width:56px;height:56px;font-size:26px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #3b7dd859;margin-bottom:12px}.logo-text{font-weight:800;font-size:16px;color:#fff;letter-spacing:-.3px;white-space:nowrap}.header-left{display:flex;align-items:center;gap:12px;flex:1}.menu-toggle{width:34px;height:34px;border-radius:var(--radius-sm);background:none;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.menu-toggle:hover{background:var(--blue-xpale);color:var(--blue-primary)}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative}.icon-btn:hover{background:var(--blue-xpale);color:var(--blue-primary)}.header-user{display:flex;align-items:center;gap:8px;margin-left:4px}.user-avatar-sm{width:30px;height:30px;border-radius:50%;background:var(--blue-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.header-username{font-size:13px;font-weight:600;color:var(--text-primary)}.notif-header{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;color:var(--text-hero);display:flex;justify-content:space-between;align-items:center}.notif-list{max-height:260px;overflow-y:auto}.notif-empty{padding:20px 16px;color:var(--text-muted);text-align:center;font-size:13px}.notif-time{font-size:11px;color:var(--text-muted);margin-top:2px;display:block}.link-btn{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:12px;color:var(--blue-primary);font-weight:600;padding:0}.link-btn:hover{text-decoration:underline}.header .page-title{font-size:17px;font-weight:800;color:var(--text-hero);letter-spacing:-.2px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a4fa0,#3b7dd8 60%,#5a9be8);padding:20px;position:relative}.login-page:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#ffffff0f;top:-150px;right:-150px;pointer-events:none}.login-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000040;padding:40px 36px;width:100%;max-width:420px;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:28px}.login-logo{display:flex;justify-content:center}.login-title{font-size:22px;font-weight:800;color:var(--text-hero);letter-spacing:-.3px;margin-top:8px}.login-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.login-form{margin-top:20px}.login-demo{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:center}.demo-label{font-size:12px;color:var(--text-muted);margin-bottom:10px}.demo-buttons{display:flex;gap:10px;justify-content:center}.login-theme-toggle{position:absolute;top:16px;right:16px;z-index:2}.btn-full{width:100%;justify-content:center;margin-top:8px}.alert-error{background:#dc354514;color:#a01020;border:1px solid rgba(220,53,69,.2);border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:500;margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:9px 13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:13.5px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--blue-primary);box-shadow:0 0 0 3px #3b7dd826}.form-select{width:100%;padding:9px 13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:13.5px;color:var(--text-primary);outline:none;cursor:pointer}.form-select:focus{border-color:var(--blue-primary);box-shadow:0 0 0 3px #3b7dd826}.form-group-sm{flex:0 0 120px}.form-group-grow{flex:1}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:var(--surface-2)}.form-input.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px #dc35451f}.invalid-feedback{font-size:12px;color:var(--danger);margin-top:4px;font-weight:500}.search-box{position:relative;flex:1;min-width:200px;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 14px;gap:8px}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-input{background:none;border:none;outline:none;font-family:var(--font);font-size:13.5px;color:var(--text-primary);flex:1}.search-input::placeholder{color:var(--text-muted)}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);transition:all .15s}.chip:hover{border-color:var(--blue-primary);color:var(--blue-primary)}.chip.active{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff}.course-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 18px 0}.course-code{font-size:11px;font-weight:700;color:var(--blue-primary);text-transform:uppercase;letter-spacing:.8px}.course-name{font-size:15px;font-weight:800;color:var(--text-hero);margin:8px 18px;line-height:1.35}.course-desc{font-size:12.5px;color:var(--text-secondary);margin:0 18px 12px;line-height:1.6}.course-meta{display:flex;flex-direction:column;gap:3px;padding:0 18px 12px;font-size:12px;color:var(--text-secondary)}.course-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-light);padding:12px 18px}.course-rating{font-size:12px;color:#f5a623;font-weight:600}.badge-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.course-card.color-blue{border-top:4px solid var(--card-blue)}.course-card.color-purple{border-top:4px solid var(--card-purple)}.course-card.color-teal{border-top:4px solid var(--card-teal)}.course-card.color-orange{border-top:4px solid var(--card-orange)}.course-card.color-pink{border-top:4px solid var(--card-pink)}.course-card.color-charcoal{border-top:4px solid var(--card-charcoal)}.course-detail{max-width:900px}.mb-4{margin-bottom:16px}.course-detail-header{border-radius:var(--radius-xl);padding:28px 32px;margin-bottom:20px;background:linear-gradient(135deg,#3b7dd8,#1a4fa0);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.course-detail-header .course-code{color:#fffc}.course-detail-title{font-size:26px;font-weight:800;letter-spacing:-.4px;margin:8px 0}.course-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.course-tags .badge{background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff}.course-detail-body{display:flex;flex-direction:column;gap:24px}.detail-section h2{font-size:16px;font-weight:800;color:var(--text-hero);margin-bottom:12px}.detail-section h3{font-size:14px;font-weight:700;color:var(--text-secondary);margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.info-list{display:flex;flex-direction:column;gap:0}.info-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:13.5px}.info-row:last-child{border-bottom:none}.info-row span{color:var(--text-secondary)}.info-row strong{color:var(--text-primary)}.req-list{list-style:none;display:flex;flex-direction:column;gap:8px}.req-list li{font-size:13.5px;color:var(--text-secondary);padding-left:18px;position:relative}.req-list li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.subject-item{display:flex;justify-content:space-between;align-items:center;background:var(--blue-xpale);border:1px solid var(--blue-pale);border-radius:var(--radius);padding:8px 12px;font-size:13px}.credit-badge{background:var(--blue-primary);color:#fff;border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:700}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-row{display:flex;gap:20px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:13.5px}.schedule-day{font-weight:700;color:var(--blue-primary);min-width:80px}.schedule-room{color:var(--text-muted);margin-left:auto}.detail-cta{margin-top:8px}.wizard{max-width:780px}.wizard-course-banner{background:var(--blue-xpale);border:1px solid var(--blue-pale);border-radius:var(--radius);padding:10px 16px;font-size:13.5px;color:var(--blue-dark);margin-bottom:20px}.stepper{display:flex;align-items:flex-start;margin-bottom:28px}.step{display:flex;align-items:flex-start;flex:1;position:relative}.step:last-child{flex:0 0 auto}.step .step-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);flex-shrink:0;z-index:1}.step.active .step-circle{background:var(--blue-primary);border-color:var(--blue-primary);color:#fff;box-shadow:0 0 0 4px var(--blue-pale)}.step.done .step-circle{background:#28a745;border-color:#28a745;color:#fff}.step .step-label{font-size:10px;font-weight:700;color:var(--text-muted);margin-top:6px;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;position:absolute;top:36px;left:50%;transform:translate(-50%);width:80px}.step.active .step-label{color:var(--blue-primary)}.step.done .step-label{color:#28a745}.step .step-line{flex:1;height:2px;background:var(--border);margin:17px 6px 0}.step.done .step-line{background:#28a745}.wizard-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-top:50px;box-shadow:var(--shadow-sm)}.step-form{display:flex;flex-direction:column;gap:0}.step-title{font-size:18px;font-weight:800;color:var(--text-hero);margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.step-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.edu-section{background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;margin-bottom:16px}.edu-section h3{font-size:14px;font-weight:800;color:var(--text-hero);margin-bottom:12px}.subjects-table{margin-top:8px}.subjects-table-header{display:grid;grid-template-columns:1fr 80px 32px;gap:8px;padding:0 0 6px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.subjects-table-row{display:grid;grid-template-columns:1fr 80px 32px;gap:8px;margin-bottom:6px;align-items:center}.grade-select{width:80px}.btn-remove{width:28px;height:28px;border-radius:50%;background:none;border:1px solid var(--border);cursor:pointer;color:var(--text-muted);font-size:12px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#dc354514;border-color:#dc35454d;color:var(--danger)}.dynamic-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.section-hint{font-size:12.5px;color:var(--text-muted);margin-bottom:14px}.doc-upload-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.doc-upload-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius);gap:12px}.doc-upload-item.uploaded{border-style:solid;border-color:#28a745;background:#28a7450a}.doc-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.doc-icon{font-size:22px;flex-shrink:0}.doc-name{font-size:13.5px;font-weight:600;color:var(--text-hero)}.doc-filename{font-size:11.5px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-list{display:flex;flex-direction:column;gap:12px}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-sm)}.app-card:hover{border-color:var(--blue-primary);box-shadow:var(--shadow);transform:translateY(-1px)}.app-card-left{flex:1;min-width:0}.app-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.app-reg{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.app-course{font-size:15px;font-weight:800;color:var(--text-hero);margin-bottom:4px}.app-date{font-size:12px;color:var(--text-muted)}.badge-grey{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.badge-red{background:#dc35451a;color:#a01020}.badge-green{background:#28a7451a;color:#1a7a32}.badge-lg{font-size:13px;padding:6px 14px}.mt-4{margin-top:16px}.mt-2{margin-top:8px}.mt-6{margin-top:24px}.app-status-page{max-width:680px}.app-status-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.status-timeline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0}.timeline-step{display:flex;gap:14px;position:relative;padding-bottom:4px}.timeline-step.done .timeline-dot{background:#28a745;border-color:#28a745;color:#fff}.timeline-dot{width:32px;height:32px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text-muted);flex-shrink:0;z-index:1}.timeline-content{flex:1;padding:6px 0 20px}.timeline-label{font-size:13.5px;font-weight:600;color:var(--text-primary)}.timeline-line{position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border)}.timeline-step.done .timeline-line{background:#28a745}.timeline-step:last-child .timeline-line{display:none}.timeline-step:last-child .timeline-content{padding-bottom:0}.app-history{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-top:20px;box-shadow:var(--shadow-sm)}.app-history h3{font-size:14px;font-weight:800;color:var(--text-hero);margin-bottom:14px}.history-item{padding:10px 0;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:3px}.history-item:last-child{border-bottom:none}.history-action{font-size:13px;font-weight:700;color:var(--text-hero)}.history-note{font-size:12.5px;color:var(--text-secondary)}.history-time{font-size:11px;color:var(--text-muted)}.receipt-page{max-width:540px}.receipt-header{margin-bottom:20px}.receipt-header h2{font-size:20px;font-weight:800;color:var(--text-hero);margin-bottom:4px}.receipt-header p{color:var(--text-secondary);font-size:13.5px}.payment-info-card{background:var(--blue-xpale);border:1px solid var(--blue-pale);border-radius:var(--radius);padding:12px 16px;margin-bottom:20px;font-size:14px;color:var(--blue-dark)}.receipt-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.file-drop{border:2px dashed var(--border);border-radius:var(--radius);padding:20px;text-align:center;cursor:pointer;background:var(--surface-2)}.file-drop input[type=file]{cursor:pointer}.file-selected{font-size:12.5px;color:#28a745;font-weight:600;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:24px}.stat-card.color-blue{background:linear-gradient(135deg,#3b7dd8,#2563b0);color:#fff}.stat-card.color-purple{background:linear-gradient(135deg,#7c5cbf,#5a3fa0);color:#fff}.stat-card.color-teal{background:linear-gradient(135deg,#26a69a,#1a8a7e);color:#fff}.stat-card.color-orange{background:linear-gradient(135deg,#ef8c45,#d97428);color:#fff}.stat-card.color-green{background:linear-gradient(135deg,#28a745,#1a7a32);color:#fff}.stat-card.color-red{background:linear-gradient(135deg,#dc3545,#a01020);color:#fff}.stat-value{font-size:32px;font-weight:800;line-height:1}.stat-label{font-size:12px;opacity:.9;margin-top:4px;font-weight:500}.dashboard-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--surface-2)}.data-table th{padding:11px 16px;text-align:left;font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px;border-bottom:2px solid var(--border);white-space:nowrap}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border-light);font-size:13.5px;vertical-align:middle;color:var(--text-primary)}.data-table tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer}.clickable-row:hover td{background:var(--blue-xpale)}.mono{font-family:monospace;font-size:12.5px}.text-muted{color:var(--text-muted)!important}.text-sm{font-size:12px}.filter-select{width:auto;min-width:150px;padding:8px 13px;border-radius:var(--radius-pill)}.review-page{max-width:900px}.review-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.review-header h2{font-size:20px;font-weight:800;color:var(--text-hero);margin-bottom:4px}.decision-panel{display:flex;flex-wrap:wrap;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:20px}.tab{padding:10px 18px;background:none;border:none;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text-muted);position:relative;margin-bottom:-2px;transition:color .2s}.tab:hover,.tab.active{color:var(--blue-primary)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue-primary)}.tab-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.info-grid{display:flex;flex-direction:column}.doc-list{display:flex;flex-direction:column;gap:10px}.doc-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.modal-title{font-weight:800;font-size:16px;color:var(--text-hero);margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}@media(max-width:640px){.main{padding:14px}.stat-grid{grid-template-columns:1fr 1fr}.header-search,.header-breadcrumb{display:none}}