._page_69fz7_1{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}._page_69fz7_1:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 60% 40%,#1a56db26,#0000),radial-gradient(40% 40% at 30% 70%,#7c3aed1f,#0000);position:absolute;inset:0}._card_69fz7_14{z-index:1;background:#fffffff7;border-radius:18px;width:100%;max-width:400px;padding:40px 36px;animation:.45s cubic-bezier(.34,1.56,.64,1) _fadeInUp_69fz7_1;position:relative;box-shadow:0 40px 100px #0006}@keyframes _fadeInUp_69fz7_1{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}._top_69fz7_24{text-align:center;margin-bottom:28px}._logoWrap_69fz7_25{background:linear-gradient(135deg,#1a56db,#7c3aed);border-radius:15px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 14px;display:flex;overflow:hidden;box-shadow:0 8px 24px #1a56db59}._logoImg_69fz7_32{object-fit:cover;width:100%;height:100%}._logo_69fz7_25{color:#fff;font-size:28px;font-weight:800}._title_69fz7_34{color:var(--g900);letter-spacing:-.01em;margin-bottom:5px;font-size:21px;font-weight:700}._sub_69fz7_35{color:var(--g400);font-size:12px}._form_69fz7_36{flex-direction:column;gap:16px;display:flex}._err_69fz7_37{background:var(--bad-bg);color:var(--bad);border-radius:7px;padding:10px 13px;font-size:13px;animation:.3s _shake_69fz7_1}@keyframes _shake_69fz7_1{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}._tvlink_69fz7_39{text-align:center;border-top:1px solid var(--g100);margin-top:20px;padding-top:16px}._tvlink_69fz7_39 a{color:var(--g400);font-size:13px;transition:color .15s}._tvlink_69fz7_39 a:hover{color:var(--brand)}@keyframes _fadeInCard_13qz8_1{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes _pulse_13qz8_1{0%,to{opacity:1}50%{opacity:.5}}@keyframes _spin_13qz8_139{to{transform:rotate(360deg)}}@keyframes _slideDown_13qz8_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes _glow_13qz8_1{0%,to{box-shadow:0 0 8px #4ade804d}50%{box-shadow:0 0 20px #4ade8099}}._page_13qz8_8{color:#e2e8f0;background:linear-gradient(160deg,#070d1a 0%,#0c1526 50%,#080f1c 100%);flex-direction:column;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}._header_13qz8_17{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 28px;animation:.4s _slideDown_13qz8_1;display:flex}._hLeft_13qz8_26{align-items:center;gap:14px;display:flex}._hLogo_13qz8_27{color:#fff;background:linear-gradient(135deg,#1a56db,#7c3aed);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 16px #1a56db66}._hTitle_13qz8_35{color:#f1f5f9;letter-spacing:-.01em;font-size:17px;font-weight:700}._hSub_13qz8_36{color:#475569;margin-top:2px;font-size:11px}._stats_13qz8_39{background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:20px;padding:10px 22px;display:flex}._stat_13qz8_39{flex-direction:column;align-items:center;gap:2px;display:flex}._statL_13qz8_46{color:#475569;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}._div_13qz8_47{background:#ffffff14;width:1px;height:32px}._clock_13qz8_50{text-align:right}._clockTime_13qz8_51{color:#f1f5f9;letter-spacing:.03em;font-family:DM Mono,monospace;font-size:30px;font-weight:700;line-height:1}._clockDate_13qz8_57{color:#475569;margin-top:3px;font-size:11px}._body_13qz8_60{flex-direction:column;flex:1;gap:24px;padding:20px 26px;display:flex;overflow-y:auto}._secLabel_13qz8_67{color:#64748b;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}._secDot_13qz8_73{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite _pulse_13qz8_1}._secCount_13qz8_74{color:#64748b;background:#ffffff12;border-radius:99px;margin-left:auto;padding:2px 10px;font-size:11px}._grid_13qz8_82{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;display:grid}._card_13qz8_85{border:1px solid #0000;border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;transition:transform .2s,box-shadow .2s;animation:.4s both _fadeInCard_13qz8_1;display:flex;position:relative;overflow:hidden}._card_13qz8_85:hover{transform:translateY(-2px)}._card_13qz8_85:before{content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;top:0;left:0;right:0}._active_13qz8_99{background:#16a34a1a;border-color:#16a34a4d;box-shadow:0 0 20px #16a34a14}._active_13qz8_99:before{background:linear-gradient(90deg,#16a34a,#4ade80)}._active_13qz8_99:hover{box-shadow:0 0 30px #16a34a26,0 8px 24px #0003}._upcoming_13qz8_107{background:#3b82f614;border-color:#3b82f633}._upcoming_13qz8_107:before{background:linear-gradient(90deg,#3b82f6,#93c5fd)}._cancelled_13qz8_110{opacity:.75;background:#dc262612;border-color:#dc262633}._cancelled_13qz8_110:before{background:linear-gradient(90deg,#dc2626,#f87171)}._nowBadge_13qz8_114{color:#4ade80;letter-spacing:.1em;margin-bottom:2px;font-size:9px;font-weight:800;animation:2s infinite _pulse_13qz8_1}._cancelBadge_13qz8_115{color:#f87171;letter-spacing:.08em;margin-bottom:2px;font-size:9px;font-weight:800}._requestBadge_13qz8_116{color:#93c5fd;letter-spacing:.06em;margin-bottom:2px;font-size:9px;font-weight:700}._cardHead_13qz8_119{justify-content:space-between;align-items:center;display:flex}._time_13qz8_120{color:#cbd5e1;font-family:DM Mono,monospace;font-size:14px;font-weight:700}._duration_13qz8_121{color:#475569;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:10px}._vcode_13qz8_122{color:#94a3b8;background:#ffffff1a;border-radius:5px;padding:3px 9px;font-family:DM Mono,monospace;font-size:11px;font-weight:600}._courseName_13qz8_123{color:#f1f5f9;margin-top:4px;font-size:15px;font-weight:700;line-height:1.3}._courseMeta_13qz8_124{flex-wrap:wrap;align-items:center;gap:7px;display:flex}._courseCode_13qz8_125{color:#93c5fd;font-family:DM Mono,monospace;font-size:11px;font-weight:600}._group_13qz8_126{color:#94a3b8;background:#ffffff14;border-radius:4px;padding:2px 7px;font-size:10px}._requestTag_13qz8_127{color:#93c5fd;background:#93c5fd26;border-radius:4px;padding:2px 7px;font-size:10px}._venueRow_13qz8_128{border-top:1px solid #ffffff0d;align-items:center;gap:6px;margin-top:5px;padding-top:8px;font-size:12px;display:flex}._vname_13qz8_129{color:#cbd5e1;font-weight:600}._vbuild_13qz8_130{color:#475569;font-size:11px}._lecturerRow_13qz8_131{color:#475569;justify-content:space-between;align-items:center;margin-top:2px;font-size:11px;display:flex}._program_13qz8_132{color:#334155;background:#ffffff0d;border-radius:4px;padding:2px 7px;font-size:10px}._loading_13qz8_135{color:#475569;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:16px;display:flex}._spinner_13qz8_139{border:3px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:36px;height:36px;animation:1s linear infinite _spin_13qz8_139}._empty_13qz8_144{color:#475569;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}._footer_13qz8_150{text-align:center;color:#1e293b;border-top:1px solid #ffffff0a;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:9px 28px;font-size:10px;display:flex}._footDot_13qz8_157{color:#334155}._layout_m3klz_1{height:100vh;display:flex;overflow:hidden}._sidebar_m3klz_2{width:var(--sidebar);background:#0f172a;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}._brand_m3klz_3{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:16px 14px 12px;display:flex}._logoWrap_m3klz_4{background:var(--brand);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}._logoImg_m3klz_5{object-fit:cover;border-radius:9px;width:100%;height:100%}._logoText_m3klz_6{color:#fff;font-size:16px;font-weight:700}._brandName_m3klz_7{color:#f1f5f9;letter-spacing:.02em;font-size:13.5px;font-weight:600;line-height:1.2}._brandSub_m3klz_8{color:#475569;margin-top:1px;font-size:10px}._nav_m3klz_9{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex}._link_m3klz_10{color:#64748b;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;transition:all .15s;display:flex}._link_m3klz_10:hover{color:#e2e8f0;background:#ffffff12}._active_m3klz_12{border-left:2px solid #3b82f6;color:#93c5fd!important;background:#1a56db33!important}._icon_m3klz_13{text-align:center;flex-shrink:0;width:18px;font-size:14px}._foot_m3klz_14{border-top:1px solid #ffffff12;align-items:center;gap:8px;padding:12px 14px 16px;display:flex}._avatar_m3klz_15{background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}._userInfo_m3klz_16{flex:1;min-width:0}._userName_m3klz_17{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}._userRole_m3klz_18{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:10px}._logoutBtn_m3klz_19{color:#475569;border-radius:5px;flex-shrink:0;padding:4px 5px;font-size:17px;transition:all .15s}._logoutBtn_m3klz_19:hover{color:#fff;background:#ffffff14}._main_m3klz_21{background:var(--g50);flex:1;overflow-y:auto}._page_1n7v7_1{max-width:1200px;padding:26px 30px;animation:.3s _fadeIn_1n7v7_1}@keyframes _fadeIn_1n7v7_1{0%{opacity:0}to{opacity:1}}._pageHead_1n7v7_3{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}._pageTitle_1n7v7_4{color:var(--g900);letter-spacing:-.01em;font-size:22px;font-weight:700}._stats4_1n7v7_5{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=900px){._stats4_1n7v7_5{grid-template-columns:repeat(2,1fr)}}._section_1n7v7_7{margin-bottom:24px}._secTitle_1n7v7_8{color:var(--g600);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}._backdrop_1n7v7_11{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.2s _fadeIn_1n7v7_1;display:flex;position:fixed;inset:0}._modal_1n7v7_12{background:#fff;border-radius:14px;width:100%;max-width:520px;padding:28px;animation:.25s _slideUp_1n7v7_1;box-shadow:0 32px 80px #00000040}@keyframes _slideUp_1n7v7_1{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}._modalTitle_1n7v7_14{margin-bottom:18px;font-size:18px;font-weight:700}._modalFoot_1n7v7_15{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}._ferr_1n7v7_16{background:var(--bad-bg);color:var(--bad);border-radius:6px;padding:9px 12px;font-size:13px}._row2_1n7v7_17{grid-template-columns:1fr 1fr;gap:12px;display:grid}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--brand:#1a56db;--brand-dark:#1141a3;--brand-light:#e8f0fe;--ok:#16a34a;--ok-bg:#f0fdf4;--bad:#dc2626;--bad-bg:#fef2f2;--warn:#d97706;--warn-bg:#fffbeb;--g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g300:#d1d5db;--g400:#9ca3af;--g500:#6b7280;--g600:#4b5563;--g700:#374151;--g800:#1f2937;--g900:#111827;--sidebar:240px;--radius:10px;--rsm:6px;--shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001f,0 2px 4px #00000014}html,body,#root{height:100%;font-family:var(--font-sans);color:var(--g800);background:var(--g50);-webkit-font-smoothing:antialiased;font-size:15px}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--g300);border-radius:99px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s both fadeIn}.animate-fade-up{animation:.35s both fadeInUp}.animate-slide-left{animation:.3s both slideInLeft}.animate-count{animation:.4s cubic-bezier(.34,1.56,.64,1) both countUp}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.card{border:1px solid var(--g200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.badge{border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-gray{background:var(--g100);color:var(--g600)}.input{border:1px solid var(--g300);border-radius:var(--rsm);width:100%;color:var(--g800);background:#fff;outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1a56db1f}.input::placeholder{color:var(--g400)}.label{color:var(--g700);margin-bottom:5px;font-size:13px;font-weight:500;display:block}.btn{border-radius:var(--rsm);white-space:nowrap;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1a56db4d}.btn-ghost{color:var(--g700);border:1px solid var(--g300);background:#fff}.btn-ghost:hover{background:var(--g50);border-color:var(--g400)}.btn-danger{background:var(--bad-bg);color:var(--bad);border:1px solid #fecaca}.btn-danger:hover{background:#fee2e2}.btn-ok{background:var(--ok-bg);color:var(--ok);border:1px solid #bbf7d0}.btn-ok:hover{background:#dcfce7}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn:active:not(:disabled){transform:scale(.97)}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;color:var(--g500);text-transform:uppercase;letter-spacing:.04em;background:var(--g50);border-bottom:1px solid var(--g200);padding:10px 16px;font-size:12px;font-weight:600}.tbl td{color:var(--g700);border-bottom:1px solid var(--g100);vertical-align:middle;padding:11px 16px;font-size:14px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--g50);transition:background .1s}.mono{font-family:var(--font-mono);font-size:12px}.chip{background:var(--g100);font-family:var(--font-mono);color:var(--g600);border-radius:4px;padding:2px 7px;font-size:11px}.live-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:14px;max-height:90vh;animation:.25s fadeInUp;overflow-y:auto;box-shadow:0 32px 80px #00000040}