@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=Noto+Serif:wght@700;800;900&display=swap");:root{--font-main:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Noto Serif",Georgia,serif;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-900:#1e3a8a;--accent-teal:#0ed7b5;--accent-cyan:#0ea5e9;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--bg-app:#f8fafc;--bg-surface:#ffffff;--bg-surface-glass:rgba(255,255,255,0.88);--border-light:rgba(226,232,240,0.8);--border-glass:rgba(255,255,255,0.5);--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--shadow-sm:0 1px 3px rgba(15,23,42,0.04),0 1px 2px rgba(15,23,42,0.02);--shadow-md:0 4px 12px -2px rgba(15,23,42,0.06),0 2px 4px -1px rgba(15,23,42,0.03);--shadow-lg:0 12px 32px -4px rgba(15,23,42,0.08),0 4px 12px -2px rgba(15,23,42,0.04);--shadow-glow:0 0 25px rgba(37,99,235,0.18);--transition-fast:all 0.18s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background-color:var(--bg-app)!important;color:var(--text-main)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slot button,.slot>button,body,button{font-family:var(--font-main)!important}.slot button,.slot>button,button{white-space:nowrap!important;word-break:keep-all!important;flex-shrink:0!important}.slot button,.slot>button{padding:8px 16px!important;min-width:68px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:10px!important;font-weight:700!important}.admin-app,.student-app,main.login{min-height:100vh}.login-wrapper{display:flex!important;min-height:100vh!important;width:100vw!important;margin:0!important;padding:0!important;background-color:#ffffff!important;font-family:var(--font-main)!important;overflow-x:hidden!important}.login-brand-panel{flex:0 0 48%!important;background:#1843a1!important;color:#ffffff!important;padding:clamp(40px,6vw,72px)!important;justify-content:center!important;position:relative!important;overflow:hidden!important}.brand-header,.login-brand-panel{display:flex!important;flex-direction:column!important}.brand-header{align-items:flex-start!important;gap:22px!important;margin-bottom:24px!important;position:relative}.brand-logo-img{width:64px!important;height:64px!important;border-radius:16px!important;background:#ffffff!important;padding:8px!important}.brand-subtitle{font-size:.72rem!important;font-weight:700!important;letter-spacing:.2em!important;color:rgba(255,255,255,.75)!important;display:block!important;margin-bottom:4px!important}.brand-title{font-family:var(--font-serif)!important;font-size:clamp(2.6rem,5.5vw,4rem)!important;font-weight:800!important;color:#ffffff!important;line-height:1.05!important;margin:0!important;letter-spacing:-.01em!important}.brand-desc{font-size:1rem!important;line-height:1.65!important;color:#c3d3ef!important;max-width:440px!important}.brand-desc,.brand-features-grid{margin-bottom:30px!important;position:relative}.brand-features-grid{display:flex!important;flex-direction:column!important;gap:0!important;padding-left:2px!important}.feature-pill{display:flex!important;align-items:flex-start!important;gap:18px!important;background:transparent!important;border:none!important;border-radius:0!important;padding:12px 0!important;position:relative!important;transition:none!important}.feature-pill:not(:last-child):before{content:""!important;position:absolute!important;left:14px!important;top:42px!important;bottom:-12px!important;width:0!important;border-left:1.5px dashed rgba(255,255,255,.3)!important}.feature-pill:hover{background:transparent!important;transform:none!important}.feat-icon{font-size:1rem!important;background:rgba(255,255,255,.08)!important;border:1.5px solid rgba(255,255,255,.4)!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.feature-pill strong{display:block!important;color:#ffffff!important;font-size:.92rem!important;font-weight:700!important;margin-bottom:2px!important}.feature-pill small{color:#a9bde3!important;font-size:.8rem!important}.brand-footer-note{font-size:.78rem!important;color:#a9bde3!important;gap:8px!important;border-top:1px solid rgba(255,255,255,.2)!important;padding-top:18px!important;position:relative}.brand-footer-note,.login-form-panel{display:flex!important;align-items:center!important}.login-form-panel{flex:1 1!important;background-color:#ffffff!important;justify-content:center!important;padding:40px 24px!important;position:relative!important}.login-card-v2{background:transparent!important;border-radius:0!important;border:none!important;box-shadow:none!important;width:100%!important;max-width:400px!important;padding:0!important}.portal-tag{font-size:.72rem!important;font-weight:700!important;letter-spacing:.18em!important;color:#ab0d0e!important;display:block!important;margin-bottom:12px!important;text-transform:uppercase}.form-head h2{font-family:var(--font-serif)!important;font-size:2rem!important;font-weight:800!important;color:#1843a1!important;margin:0 0 8px!important}.form-head p{color:#64748b!important;font-size:.95rem!important;margin-bottom:28px!important}.input-group{margin-bottom:22px!important}.input-group label{display:block!important;font-weight:700!important;font-size:.75rem!important;letter-spacing:.03em!important;color:#454b57!important;margin-bottom:9px!important;text-transform:uppercase}.input-group input{width:100%!important;padding:9px 2px 12px!important;border-radius:0!important;border:none!important;border-bottom:1.5px solid #d5d9e0!important;font-size:1rem!important;background:transparent!important;transition:border-color .2s ease!important;box-sizing:border-box!important}.input-group input:focus{background:transparent!important;border-bottom-color:#1843a1!important;box-shadow:none!important;outline:none!important}.login-btn-submit{width:100%!important;padding:15px!important;background:#ab0d0e!important;color:#ffffff!important;font-weight:700!important;font-size:.95rem!important;letter-spacing:.02em!important;border:none!important;border-radius:3px!important;cursor:pointer!important;box-shadow:none!important;transition:background .18s ease!important;margin-top:6px!important}.login-btn-submit:hover{transform:none!important;background:#8f0b0c!important;box-shadow:none!important}.error-alert{padding:12px 16px!important;background:#fef2f2!important;border:1px solid #fecaca!important;color:#991b1b!important;border-radius:3px!important;font-size:.9rem!important;margin-bottom:18px!important}.mobile-brand-header{display:none!important}.login-footer-text{text-align:center!important;font-size:.78rem!important;color:#9aa1ab!important;margin-top:26px!important}@media (max-width:900px){.login-wrapper{flex-direction:column!important;background:#ffffff!important}.login-brand-panel{display:none!important}.login-form-panel{margin-left:0!important}.mobile-brand-header{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:20px!important;padding-bottom:16px!important;border-bottom:1px solid #f1f5f9!important}.mobile-brand-logo{width:44px!important;height:44px!important;border-radius:8px!important;background:#ffffff!important;border:1px solid #e7eaf0!important}.mobile-brand-sub{font-size:.68rem!important;font-weight:700!important;letter-spacing:.14em!important;color:#ab0d0e!important;display:block!important;text-transform:uppercase}.mobile-brand-name{font-family:var(--font-serif)!important;font-size:1.4rem!important;font-weight:800!important;color:#1843a1!important;margin:0!important}}.student-topbar{justify-content:space-between!important;height:76px!important;padding:0 max(24px,calc((100vw - 1360px)/2))!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(226,232,240,.8)!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important;box-shadow:0 4px 20px rgba(15,23,42,.04)!important}.student-brand,.student-topbar{display:flex!important;align-items:center!important}.student-brand{gap:12px!important;background:transparent!important;border:none!important;padding:0!important;cursor:pointer!important;text-align:left!important;flex:0 0 auto!important}.student-brand-logo-img{width:44px!important;height:44px!important;border-radius:12px!important;object-fit:contain!important;background:#ffffff!important;padding:3px!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 12px rgba(0,0,0,.06)!important}.student-topbar nav{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;gap:6px!important;flex:1 1!important}.student-topbar nav button{border-radius:20px!important;font-weight:600!important;transition:var(--transition-fast)!important;padding:8px 18px!important}.student-topbar nav button.active{background:var(--primary-50)!important;color:var(--primary-700)!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.15)!important}.student-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#1e293b)!important;border-radius:24px!important;padding:40px 36px!important;color:#ffffff!important;box-shadow:var(--shadow-lg),0 0 40px rgba(37,99,235,.2)!important;position:relative!important;overflow:hidden!important}.student-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.25) 0,transparent 70%);pointer-events:none}.student-hero h1{font-size:2.2rem!important;font-weight:800!important;letter-spacing:-.02em!important}.hero-actions button{border-radius:12px!important;font-weight:700!important;transition:var(--transition-fast)!important}.hero-actions button:first-child{background:#ffffff!important;color:var(--primary-900)!important;box-shadow:0 4px 14px rgba(255,255,255,.3)!important}.hero-actions button:first-child:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(255,255,255,.4)!important}.student-card,.student-summary article{background:var(--bg-surface)!important;border-radius:20px!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-md)!important;transition:var(--transition-smooth)!important}.student-card:hover,.student-summary article:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-lg)!important;border-color:rgba(37,99,235,.3)!important}.sum-icon{border-radius:16px!important}.student-exam{border-radius:24px!important;padding:28px!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-lg)!important}.exam-toolbar{background:var(--primary-50)!important;border-radius:16px!important;border:1px solid rgba(37,99,235,.12)!important;padding:16px 20px!important}.exam-question-item{background:#ffffff!important;border-radius:16px!important;border:1px solid var(--border-light)!important;padding:20px!important;margin-bottom:20px!important;box-shadow:var(--shadow-sm)!important;transition:var(--transition-fast)!important}.exam-question-item:hover{box-shadow:var(--shadow-md)!important;border-color:rgba(37,99,235,.25)!important}.exam-option-label{border-radius:12px!important;padding:12px 16px!important;border:1px solid #e2e8f0!important;transition:var(--transition-fast)!important;cursor:pointer!important}.exam-option-label:hover{background:var(--primary-50)!important;border-color:var(--primary-500)!important}.exam-option-label.selected{background:var(--primary-50)!important;border:2px solid var(--primary-600)!important;box-shadow:inset 0 0 0 1px var(--primary-600)!important}.exam-result-banner{border-radius:20px!important;padding:24px!important;box-shadow:var(--shadow-md)!important;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-layout{background-color:#f8fafc!important}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b)!important;color:#ffffff!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:4px 0 24px rgba(0,0,0,.06)!important}.admin-sidebar-brand{border-bottom:1px solid rgba(255,255,255,.08)!important}.admin-nav-item{border-radius:12px!important;margin:4px 12px!important;font-weight:600!important;transition:var(--transition-fast)!important}.admin-nav-item:hover{background:rgba(255,255,255,.08)!important;color:#ffffff!important}.admin-nav-item.active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important}.admin-header{background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--border-light)!important}.admin-stat-card{background:#ffffff!important;border-radius:20px!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important;transition:var(--transition-smooth)!important;padding:24px!important}.admin-stat-card:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-lg)!important;border-color:rgba(37,99,235,.25)!important}.admin-table-container{background:#ffffff!important;border-radius:20px!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important;overflow:hidden!important}.admin-table th{background:#f8fafc!important;color:var(--text-muted)!important;font-weight:700!important;text-transform:uppercase!important;font-size:.75rem!important;letter-spacing:.05em!important;border-bottom:1px solid var(--border-light)!important}.admin-table tr{transition:var(--transition-fast)!important}.admin-table tbody tr:hover{background:#f1f5f9!important}.status-chip{border-radius:20px!important;font-weight:600!important;padding:4px 10px!important;font-size:.8rem!important}.status-chip.confirmed{background:#dcfce7!important;color:#15803d!important}.status-chip.held{background:#fef3c7!important;color:#b45309!important}.status-chip.cancelled{background:#fee2e2!important;color:#b91c1c!important}@media (max-width:820px){body,html{position:relative!important}.admin-app,.app-shell,.main,.student-app,.workspace,body,html{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.admin-app,.app-shell,.main,.student-app,.student-topbar,.workspace{box-sizing:border-box!important}.student-topbar{height:60px!important;padding:0 10px!important;justify-content:space-between!important;width:100vw!important;gap:8px!important}.student-topbar nav{display:none!important}.student-brand-logo-img{width:34px!important;height:34px!important}.student-brand div strong{font-size:.88rem!important}.student-brand div small{font-size:.62rem!important}.student-user{padding:4px 8px!important;border-radius:12px!important;gap:6px!important;max-width:135px!important;overflow:hidden!important;flex-shrink:0!important}.student-user>div{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;overflow:hidden!important}.student-user small,.student-user strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:85px!important;display:block!important}.student-mobile-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:9999!important;border-top:1px solid #cbd5e1!important;padding:6px 0!important;justify-content:space-around!important;box-shadow:0 -4px 20px rgba(15,23,42,.08)!important}.student-mobile-nav button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:6px 4px!important;border:none!important;background:transparent!important;color:#64748b!important;font-size:.68rem!important;font-weight:700!important;border-radius:10px!important;flex:1 1!important;cursor:pointer!important}.student-mobile-nav button i{font-style:normal!important;font-size:1.15rem!important;line-height:1!important}.student-mobile-nav button.active{color:#2563eb!important;background:#eff6ff!important}.student-container{width:100%!important;max-width:100vw!important;padding:12px 12px 84px!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.admin-stat-card,.module-panel,.panel,.student-card,.student-summary article,article,section{position:relative!important;overflow:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:break-word!important;word-break:break-word!important}.panel:after,.student-card:after,.student-summary article:after{display:none!important}.student-hero{padding:22px 16px!important;border-radius:16px!important;box-sizing:border-box!important;width:100%!important}.student-hero h1{font-size:1.4rem!important}.student-hero p{font-size:.88rem!important}.hero-actions{flex-direction:column!important;width:100%!important;gap:10px!important;margin-top:14px!important}.hero-actions button{width:100%!important;text-align:center!important;padding:12px!important}.bottom-grid,.cards,.kpi-grid,.learning-stats,.split,.statGrid,.student-main-grid,.student-profile,.student-schedule-layout,.student-summary{display:flex!important;flex-direction:column!important;width:100%!important;gap:12px!important}.student-summary article{justify-content:flex-start!important;gap:14px!important;padding:16px 14px!important;min-height:auto!important}.student-card-head,.student-summary article{display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}.student-card-head{justify-content:space-between!important;padding:14px!important;gap:8px!important}.student-card-head h2{font-size:1.1rem!important;margin:0!important;white-space:nowrap!important}.student-card-head button{font-size:.8rem!important;white-space:nowrap!important;flex-shrink:0!important}.notice{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:14px!important;width:100%!important;box-sizing:border-box!important}.notice div{flex:1 1!important;min-width:0!important;overflow-wrap:break-word!important;word-break:break-word!important}.notice p,.notice small,.notice strong{word-break:break-word!important;overflow-wrap:anywhere!important;white-space:normal!important;max-width:100%!important}.profile-fields{grid-template-columns:1fr!important;gap:12px!important}.profile-main{flex-direction:column!important;align-items:center!important;text-align:center!important}.quiz-top-controls{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding-bottom:10px!important;margin-bottom:12px!important}.quiz-vehicle-selector{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:6px!important}.quiz-vehicle-selector button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);font-size:.78rem!important;padding:8px 6px!important;border-radius:12px!important;white-space:nowrap!important}.quiz-lock-badge,.quiz-vehicle-selector button{text-align:center!important;box-sizing:border-box!important}.quiz-lock-badge{width:100%!important;justify-content:center!important;font-size:.76rem!important;padding:6px 10px!important}.quiz-mode-selector{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:6px!important}.quiz-mode-selector button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);text-align:center!important;font-size:.76rem!important;font-weight:700!important;padding:8px 6px!important;box-sizing:border-box!important;border-radius:10px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.25!important;white-space:normal!important}.exam-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important}.exam-clock{text-align:center!important}.exam-clock,.student-exam .exam-progress{width:100%!important;box-sizing:border-box!important}.student-exam .exam-progress{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;min-height:0!important;margin:0 0 16px!important;grid-gap:8px!important;gap:8px!important;pointer-events:auto!important}.student-exam .exam-progress .exam-clock,.student-exam .exam-progress>p{width:100%!important;min-width:0!important;min-height:72px!important;margin:0!important;padding:9px 7px!important;box-sizing:border-box!important;overflow:hidden!important}.student-exam .exam-progress>p{font-size:12px!important;line-height:1.35!important}.student-exam .exam-progress .exam-clock span{font-size:10px!important;line-height:1.3!important}.student-exam .exam-progress .exam-clock strong{font-size:24px!important}.quizQuestions legend>b,.student-exam .quizQuestions legend>b{min-width:32px!important;width:auto!important;height:32px!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-size:.9rem!important;font-weight:800!important;border-radius:10px!important;flex:0 0 auto!important;white-space:nowrap!important}.question-dots{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important}.exam-submit-bar{flex-direction:column!important;gap:12px!important;padding:14px!important;text-align:center!important}.exam-submit-bar button{width:100%!important}.admin-layout{flex-direction:column!important}.admin-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:260px!important;z-index:1000!important;transform:translateX(-100%)!important;transition:transform .3s ease!important}.admin-sidebar.open{transform:translateX(0)!important}.admin-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.login-card-v2{padding:24px 18px!important;border-radius:20px!important;max-width:100%!important}}.ai-law-launcher-btn{bottom:20px!important;z-index:999!important;padding:8px 14px!important;border-radius:24px!important;background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;color:#ffffff!important;border:1.5px solid #3b82f6!important;box-shadow:0 8px 20px rgba(15,23,42,.35)!important;font-weight:700!important;font-size:.82rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:6px!important;transition:all .2s!important}.ai-law-launcher-btn,.ai-law-popup-window{position:fixed!important;right:20px!important}.ai-law-popup-window{bottom:68px!important;width:360px!important;max-width:92vw!important;height:480px!important;max-height:75vh!important;z-index:1000!important;border-radius:16px!important;box-shadow:0 20px 40px -10px rgba(0,0,0,.3)!important}@media (max-width:820px){.ai-law-launcher-btn{bottom:76px!important;right:14px!important;padding:6px 12px!important;font-size:.78rem!important;box-shadow:0 6px 16px rgba(0,0,0,.4)!important}.ai-law-popup-window{bottom:74px!important;right:10px!important;left:10px!important;width:calc(100vw - 20px)!important;max-width:100%!important;height:72vh!important}}.admin-sidebar,.app-shell .sidebar,aside.sidebar{background:#0f172a!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:4px 0 25px rgba(15,23,42,.15)!important}.admin-sidebar .brand,.app-shell .sidebar .brand{border-bottom:1px solid rgba(255,255,255,.08)!important;padding:20px 18px!important}.admin-sidebar .brand strong,.app-shell .sidebar .brand strong{color:#ffffff!important;font-family:var(--font-main)!important;font-size:1.05rem!important;letter-spacing:-.02em!important}.admin-sidebar .brand small,.app-shell .sidebar .brand small{color:#38bdf8!important;font-weight:800!important;letter-spacing:.08em!important}.admin-sidebar .nav-item,.app-shell .sidebar .nav-item{color:#94a3b8!important;font-weight:600!important;border-radius:12px!important;margin:3px 12px!important;padding:10px 14px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.admin-sidebar .nav-item:hover,.app-shell .sidebar .nav-item:hover{color:#ffffff!important;background:rgba(255,255,255,.08)!important;transform:translateX(3px)!important}.admin-sidebar .nav-item.active,.app-shell .sidebar .nav-item.active{color:#ffffff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 4px 16px rgba(37,99,235,.35)!important}.admin-topbar,.main .topbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-bottom:1px solid rgba(226,232,240,.9)!important;box-shadow:0 4px 20px -2px rgba(15,23,42,.04)!important;padding:0 24px!important}.topbar .search{background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:20px!important;padding:8px 16px!important;transition:all .2s!important}.topbar .search:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;background:#ffffff!important}.hero,.module-header{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#2563eb)!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 20px 50px -10px rgba(30,58,138,.35)!important;color:#ffffff!important;padding:32px 36px!important}.module-header .eyebrow{color:#38bdf8!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:.78rem!important}.module-header h1{color:#ffffff!important;font-size:clamp(1.6rem,2.5vw,2.2rem)!important;font-weight:800!important;letter-spacing:-.03em!important;margin:8px 0 6px!important}.module-header p{color:#cbd5e1!important;font-size:.95rem!important;max-width:720px!important}.kpi-grid,.module-stats{gap:16px!important}.kpi-card,.module-stats article{background:#ffffff!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:20px!important;padding:22px 24px!important;box-shadow:0 10px 30px -5px rgba(15,23,42,.05),0 4px 12px -2px rgba(15,23,42,.025)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.kpi-card:hover,.module-stats article:hover{transform:translateY(-3px)!important;box-shadow:0 20px 40px -10px rgba(15,23,42,.08),0 8px 16px -4px rgba(15,23,42,.04)!important}.module-stats article small{color:#64748b!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important}.module-stats article strong{color:#0f172a!important;font-size:1.85rem!important;font-weight:800!important;letter-spacing:-.03em!important;font-family:var(--font-main)!important}.module-panel,.panel{background:#ffffff!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:20px!important;box-shadow:0 10px 30px -5px rgba(15,23,42,.05),0 4px 12px -2px rgba(15,23,42,.025)!important;overflow:hidden!important}.module-panel-head{padding:20px 24px!important;border-bottom:1px solid #f1f5f9!important;background:#ffffff!important}.module-panel-head h2{font-size:1.2rem!important;font-weight:800!important;color:#0f172a!important;letter-spacing:-.02em!important}.wt-app-shell.app-shell{background:#f5f7fa!important}.wt-app-shell .sidebar{background:#ffffff!important;border-right:1px solid #e2e8f0!important;box-shadow:2px 0 16px rgba(15,23,42,.04)!important;display:flex!important;flex-direction:column!important}.wt-app-shell .sidebar .brand{display:none!important}.wt-brand-badge{margin:18px 14px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;text-align:center;font-weight:800;font-size:.92rem;letter-spacing:.03em;padding:13px 12px;border-radius:12px;box-shadow:0 6px 16px rgba(37,99,235,.25)}.wt-app-shell .sidebar nav{padding:4px 12px!important}.wt-app-shell .sidebar .nav-item{color:#475569!important;font-weight:600!important;border-radius:12px!important;margin:3px 0!important}.wt-app-shell .sidebar .nav-item:hover{color:#0f172a!important;background:#f1f5f9!important;transform:none!important}.wt-app-shell .sidebar .nav-item.active{color:#1d4ed8!important;background:#eff6ff!important;box-shadow:none!important;border-left:3px solid #2563eb!important;padding-left:11px!important}.wt-app-shell .main .topbar{background:rgba(255,255,255,.96)!important}.wt-sidebar-account{margin:auto 14px 14px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.wt-sidebar-account .wt-account-label{color:#94a3b8;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.wt-sidebar-account strong{color:#0f172a;display:block;font-size:.92rem}.wt-sidebar-account small{color:#64748b;display:block;margin-bottom:10px;font-size:.78rem}.wt-sidebar-account .wt-account-actions{display:flex;flex-direction:column;gap:6px}.wt-sidebar-account button{border:none;border-radius:10px;padding:8px 10px;font-weight:700;font-size:.8rem;cursor:pointer}.wt-sidebar-account .wt-btn-change-pw{background:#1d4ed8;color:#fff}.wt-sidebar-account .wt-btn-logout{background:#e2e8f0;color:#334155}.wt-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:18px 22px}.wt-filter-field{display:flex;flex-direction:column;gap:5px;min-width:150px}.wt-filter-field label{font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.wt-filter-field input,.wt-filter-field select{border:1px solid #cbd5e1;border-radius:10px;padding:9px 11px;font-size:.88rem;background:#fff;color:#0f172a}.wt-filter-field input:focus,.wt-filter-field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.wt-checkbox-field{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#334155}.wt-badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.wt-badge-binh_thuong{background:#f1f5f9;color:#475569}.wt-badge-gap{background:#fef3c7;color:#b45309}.wt-badge-rat_gap{background:#fee2e2;color:#b91c1c}.wt-badge-chua_thuc_hien{background:#f1f5f9;color:#475569}.wt-badge-dang_thuc_hien{background:#dbeafe;color:#1d4ed8}.wt-badge-hoan_thanh{background:#dcfce7;color:#15803d}.wt-badge-tam_dung{background:#f3e8ff;color:#7e22ce}.wt-badge-qua_han{background:#fee2e2;color:#b91c1c}.wt-donut-wrap{position:relative;width:150px;height:150px;flex-shrink:0}.wt-donut-wrap svg{transform:rotate(-90deg)}.wt-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wt-donut-center strong{font-size:1.6rem;font-weight:800;color:#0f172a}.wt-donut-center span{font-size:.75rem;color:#64748b;font-weight:600}.wt-legend{display:flex;flex-direction:column;gap:10px}.wt-legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#334155}.wt-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.wt-legend-item strong{margin-left:auto;color:#0f172a}.wt-sparkline{display:block;width:100%;height:44px}.wt-reminder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.wt-reminder-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 10px 30px -5px rgba(15,23,42,.05)}.wt-reminder-card .wt-reminder-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.wt-reminder-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wt-reminder-icon.overdue{background:#fee2e2;color:#dc2626}.wt-reminder-icon.due-soon{background:#fef3c7;color:#d97706}.wt-reminder-icon.stale{background:#dbeafe;color:#2563eb}.wt-reminder-card strong.wt-reminder-count{font-size:1.9rem;font-weight:800;color:#0f172a;display:block}.wt-reminder-card .wt-reminder-link{color:#2563eb;font-weight:700;font-size:.85rem;text-decoration:none}.wt-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.wt-tab{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px 16px;font-weight:700;font-size:.85rem;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.wt-tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.wt-tab-dot{width:8px;height:8px;border-radius:50%}.wt-task-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid #f1f5f9;flex-wrap:wrap}.wt-task-row:first-child{border-top:none}.wt-task-title{flex:1 1 220px;min-width:0}.wt-task-title strong{display:block;color:#0f172a;font-size:.92rem}.wt-task-title small{color:#94a3b8;font-size:.76rem}.wt-avatar{width:34px;height:34px;border-radius:50%;background:#dbeafe;color:#1d4ed8;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}.wt-avatar,.wt-task-assignee{display:flex;align-items:center}.wt-task-assignee{gap:10px;min-width:150px}.wt-task-assignee strong{font-size:.85rem;color:#334155;display:block}.wt-task-assignee small{color:#94a3b8;font-size:.74rem}.wt-task-due{min-width:110px}.wt-task-due strong{display:block;font-size:.85rem;color:#0f172a}.wt-task-due small{font-size:.76rem;color:#94a3b8}.wt-task-due small.wt-overdue-text{color:#dc2626;font-weight:700}.wt-row-actions{display:flex;align-items:center;gap:6px}.wt-icon-btn{border:1px solid #e2e8f0;background:#fff;border-radius:9px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#475569}.wt-icon-btn:hover{background:#f1f5f9}.wt-calendar-toolbar{display:flex;align-items:center;gap:14px;padding:16px 20px;flex-wrap:wrap}.wt-calendar-nav{display:flex;align-items:center;gap:8px;font-weight:800;color:#0f172a}.wt-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0}.wt-calendar-dow{padding:10px;text-align:center;font-size:.72rem;font-weight:800;color:#64748b;text-transform:uppercase;background:#f8fafc}.wt-calendar-day,.wt-calendar-dow{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.wt-calendar-day{min-height:96px;padding:8px;font-size:.8rem;color:#0f172a;cursor:pointer;display:flex;flex-direction:column;gap:4px}.wt-calendar-day:hover{background:#f8fafc}.wt-calendar-day.wt-day-outside{color:#cbd5e1;background:#fbfcfe}.wt-calendar-day.wt-day-today{background:#eff6ff}.wt-calendar-day .wt-day-number{font-weight:700}.wt-calendar-task{font-size:.72rem;padding:2px 6px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.wt-calendar-task-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.wt-calendar-more{font-size:.72rem;color:#2563eb;font-weight:700}.wt-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.wt-modal{background:#fff;border-radius:20px;padding:26px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 60px -12px rgba(15,23,42,.3)}.wt-modal h2{margin:0 0 18px;font-size:1.25rem;font-weight:800;color:#0f172a}.wt-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.wt-form-field{display:flex;flex-direction:column;gap:6px}.wt-form-field.wt-span-2{grid-column:1/-1}.wt-form-field label{font-size:.8rem;font-weight:700;color:#334155}.wt-form-field input,.wt-form-field select,.wt-form-field textarea{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:.9rem;font-family:inherit}.wt-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.wt-btn-primary{background:#1d4ed8;color:#fff}.wt-btn-primary,.wt-btn-secondary{border:none;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer}.wt-btn-secondary{background:#f1f5f9;color:#334155}.wt-btn-success{background:#16a34a}.wt-btn-success,.wt-btn-warning{color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer}.wt-btn-warning{background:#d97706}.wt-btn-danger{background:#dc2626;color:#fff;border:none;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer}.wt-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px;padding:22px}.wt-settings-field{display:flex;flex-direction:column;gap:6px}.wt-settings-field label{font-weight:700;color:#0f172a;font-size:.92rem}.wt-settings-field input[type=number],.wt-settings-field input[type=text]{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:.9rem;max-width:220px}.wt-settings-field small{color:#64748b;font-size:.78rem}.wt-settings-toggle{display:flex;align-items:flex-start;gap:10px}.wt-settings-toggle input{margin-top:3px}.wt-settings-toggle strong{display:block;font-size:.92rem;color:#0f172a}.wt-settings-toggle small{color:#64748b;font-size:.78rem}.wt-settings-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 22px;border-top:1px solid #f1f5f9}.wt-settings-note{margin:0 22px 18px;padding:14px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e40af;font-size:.85rem}.wt-table-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 22px}.wt-empty-state{padding:40px 20px;text-align:center;color:#94a3b8;font-size:.9rem}@media (max-width:820px){.wt-form-grid{grid-template-columns:1fr}.wt-calendar-day{min-height:64px}.wt-task-row{flex-direction:column;align-items:stretch}}