@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#60a5fa;--background-dark:#090d16;--surface-dark:#162032;--surface-border:#ffffff0d;--text-primary:#f8fafc;--text-light:#f8fafc;--text-muted:#94a3b8;--danger-color:#ef4444;--radius-md:12px;--radius-lg:20px;--shadow-glass:0 8px 32px 0 #0000004d;--blur-glass:blur(16px);--transition-speed:.3s;--tab-nav-bg:#162032f2;--radial-glow-1:#2563eb26;--radial-glow-2:#60a5fa14;--input-bg:#090d1699;--input-color:#fff;--btn-secondary-bg:#ffffff0d;--btn-secondary-text:#fff;--btn-secondary-border:#ffffff1a;--banner-bg:#2563eb;--banner-text:#fff;--banner-text-muted:#ffffffd9;--banner-border:#ffffff1a;--banner-accent:#f59e0b;--card-inner-bg:#0003;--element-card-bg:#09a55214;--element-card-border:#09a55240;--element-card-title:#34d399;--shell-bg:#0f172a66;--monitor-modal-bg:#0f1929;--monitor-table-header-bg:#090d16d9;--monitor-card-bg:#ffffff0f;--monitor-card-border:#ffffff1a;--monitor-divider:#ffffff1a;--monitor-row-border:#ffffff12;--monitor-sidebar-bg:#ffffff0d;--monitor-sidebar-border:#ffffff14;--monitor-text-primary:#f1f5f9;--monitor-text-secondary:#94a3b8;--monitor-text-number:#64748b;--monitor-text-progress:#e2e8f0;--monitor-text-ip:#cbd5e1}body.cbt-exam-active .mobile-navbar,body.cbt-exam-active nav.mobile-navbar,body.cbt-exam-active .mobile-nav-item-floating-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}html.light{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#2563eb;--background-dark:#f8fafc;--surface-dark:#fff;--surface-border:#cbd5e1;--text-primary:#0f172a;--text-light:#0f172a;--text-muted:#334155;--shadow-glass:0 4px 20px -2px #0f172a14, 0 2px 6px -2px #0f172a0a;--tab-nav-bg:#fff;--radial-glow-1:#2563eb0a;--radial-glow-2:#3b82f605;--input-bg:#fff;--input-color:#0f172a;--btn-secondary-bg:#f1f5f9;--btn-secondary-text:#0f172a;--btn-secondary-border:#cbd5e1;--banner-bg:#e0f2fe;--banner-text:#1d4ed8;--banner-text-muted:#0369a1;--banner-border:#bae6fd;--banner-accent:#d97706;--card-inner-bg:#f1f5f9;--element-card-bg:#ecfdf5;--element-card-border:#a7f3d0;--element-card-title:#047857;--shell-bg:#f1f5f9;--monitor-modal-bg:#fff;--monitor-table-header-bg:#f1f5f9;--monitor-card-bg:#00000008;--monitor-card-border:#e2e8f0;--monitor-divider:#e2e8f0;--monitor-row-border:#f0f4f8;--monitor-sidebar-bg:#f8fafc;--monitor-sidebar-border:#e2e8f0;--monitor-text-primary:#0f172a;--monitor-text-secondary:#475569;--monitor-text-number:#64748b;--monitor-text-progress:#1e293b;--monitor-text-ip:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-dark);color:var(--text-light);background:radial-gradient(circle at 15% 50%, var(--radial-glow-1), transparent 30%), radial-gradient(circle at 85% 30%, var(--radial-glow-2), transparent 30%);background-color:var(--background-dark);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;transition:all var(--transition-speed) ease;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit;font-size:16px}.glass-panel{background:var(--surface-dark);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);padding:24px}h1,h2,h3,h4{letter-spacing:-.02em;margin-bottom:.5rem;font-weight:600}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.btn-primary{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);padding:12px 24px;font-size:1rem;font-weight:500;box-shadow:0 4px 14px #4f46e563}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e580}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-radius:var(--radius-md);border:1px solid var(--btn-secondary-border);padding:12px 24px;font-weight:500}.btn-secondary:hover{background:var(--btn-secondary-bg);opacity:.9;transform:translateY(-2px)}.btn-danger{background:var(--danger-color);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-speed) ease;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:500}.form-input{background:var(--input-bg);border:1px solid var(--surface-border);color:var(--input-color);border-radius:var(--radius-md);transition:all var(--transition-speed) ease;padding:12px 16px;font-size:1rem}.form-input input{width:100%;color:inherit!important;background:0 0!important;border:none!important;outline:none!important}.form-input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #09a55233}.form-input:disabled{color:var(--text-muted);cursor:not-allowed;background:#0f172a4d;border-color:#ffffff0d}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--background-dark) inset!important;-webkit-text-fill-color:var(--text-light)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--background-dark) inset!important;-webkit-text-fill-color:var(--text-light)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--background-dark) inset!important;-webkit-text-fill-color:var(--text-light)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--background-dark) inset!important;-webkit-text-fill-color:var(--text-light)!important}html,body{box-sizing:border-box;max-width:100vw;overflow-x:auto}.app-layout{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:auto}.sidebar{background:var(--surface-dark);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--surface-border);-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{color:var(--text-light);align-items:center;gap:12px;margin-bottom:32px;font-size:1.25rem;font-weight:700;display:flex}.nav-links{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-speed);letter-spacing:.1px;white-space:nowrap;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.nav-link:hover,.nav-link.active{color:var(--primary-color);background:#09a5521a}.main-content{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-grow:1;min-width:0;max-width:100%;padding:24px 30px;overflow:auto}.main-content::-webkit-scrollbar{width:8px;height:8px}.a4-container::-webkit-scrollbar{width:8px;height:8px}.subtle-scrollbar::-webkit-scrollbar{width:8px;height:8px}.main-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.a4-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.subtle-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.a4-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.subtle-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.a4-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.subtle-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.workspace-grid-container{grid-template-columns:minmax(240px,260px) minmax(0,1fr);gap:16px;width:100%;max-width:100%;min-height:600px;display:grid}.workspace-inner-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;width:100%;max-width:100%;display:grid}.a4-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-y:auto;overflow-x:auto!important}@media (max-width:1024px){.workspace-grid-container,.workspace-inner-grid{grid-template-columns:1fr!important}}@media (max-width:1366px){.main-content{padding:20px;overflow-x:auto}}@media (max-width:768px){.main-content{padding:16px 12px;overflow-x:auto}}.glass-panel{box-sizing:border-box;max-width:100%}.dashboard-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:20px;width:100%;max-width:100%;margin-bottom:24px;display:grid}.stat-card{flex-direction:column;gap:12px;display:flex}.stat-title{color:var(--text-muted);font-size:.9rem}.stat-value{color:var(--text-light);font-size:2rem;font-weight:700}.stat-icon{width:40px;height:40px;color:var(--primary-color);background:#4f46e51a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.data-table-container{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--surface-border);padding:16px}.data-table th{color:var(--text-muted);font-size:.9rem;font-weight:500}.data-table tr:hover td{background:#ffffff05}.badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:#34d399;background:#10b9811a}.badge-danger{color:#f87171;background:#ef44441a}.badge-warning{color:#fbbf24;background:#f59e0b1a}.badge-primary{color:#818cf8;background:#4f46e51a}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.animate-fade-in{animation:.5s forwards fadeIn}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#020617cc;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-dark);border:1px solid var(--surface-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:750px;max-height:95vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards zoomIn;display:flex;box-shadow:0 25px 50px -12px #00000080}.modal-content form{flex-direction:column;flex:1;min-height:0;display:flex}.modal-header{border-bottom:1px solid var(--surface-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.modal-body{padding:12px 20px;overflow-y:auto}.modal-body .form-group{margin-bottom:8px}.modal-body .form-group label{margin-bottom:4px;font-size:.8rem}.modal-body .form-input{padding:8px 12px;font-size:.9rem}.modal-footer{border-top:1px solid var(--surface-border);background:#0003;justify-content:flex-end;gap:12px;padding:12px 20px;display:flex}.tabs-container{border-bottom:1px solid var(--surface-border);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;gap:8px;max-width:100%;margin-bottom:24px;display:flex;overflow-x:auto}.tab-button{white-space:nowrap;color:var(--text-muted);background:0 0;border-bottom:2px solid #0000;flex-shrink:0;padding:12px 20px;font-weight:500;transition:all .2s}.tab-button:hover{color:var(--text-light)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}@media print{@page{size:A4;margin:1.5cm}body{color:#000!important;background:#fff!important}.sidebar{display:none!important}.main-content{height:auto!important;padding:0!important;overflow:visible!important}.print-only{display:block!important}.no-print{display:none!important}.glass-panel{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}.data-table th,.data-table td{color:#000!important;border-color:#e2e8f0!important}.badge{border:1px solid #cbd5e1;color:#000!important;background:0 0!important}}.login-card{padding:40px 30px}@media (max-width:480px){.login-card{padding:30px 20px!important}}.mobile-navbar{background:var(--tab-nav-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);z-index:100;border-radius:24px;justify-content:space-around;align-items:center;max-width:468px;height:68px;padding:0 12px;transition:all .3s;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000080;width:calc(100% - 32px)!important}.mobile-nav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;padding:8px 0;font-size:10px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.mobile-nav-item svg{color:var(--text-muted);transition:transform .2s,color .2s}.mobile-nav-item.active{font-weight:600;color:var(--primary-color)!important}.mobile-nav-item.active svg{transform:translateY(-2px)scale(1.1);color:var(--primary-color)!important}.mobile-nav-item.active:after{content:"";background:var(--primary-color);width:4px;height:4px;box-shadow:0 0 8px var(--primary-color);border-radius:50%;position:absolute;bottom:6px}.mobile-nav-item-floating-container{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:visible}.mobile-nav-floating-btn{background:var(--primary-color);color:#fff;z-index:110;border:4px solid var(--tab-nav-bg);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:20px;box-shadow:0 8px 20px #2563eb66}.mobile-nav-floating-btn svg{transition:transform .2s;color:#fff!important}.mobile-nav-floating-btn:hover,.mobile-nav-floating-btn.active{background:var(--primary-hover);transform:scale(1.08)translateY(-2px);box-shadow:0 12px 28px #2563eb99}.service-item{transition:transform .2s}.service-item:hover{transform:translateY(-2px)}.service-item:hover .service-icon-wrapper{filter:brightness(1.05);transform:scale(1.05);box-shadow:0 6px 16px #00000014}.admin-mobile-header{display:none}@media (max-width:1024px){.sidebar{z-index:1000;transition:transform var(--transition-speed) cubic-bezier(.16, 1, .3, 1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 30px #0000004d}.sidebar.open{transform:translate(0)}.main-content{width:100vw;padding:84px 20px 20px}.admin-mobile-header{background:var(--surface-dark);height:64px;-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--surface-border);z-index:900;box-shadow:var(--shadow-glass);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:950;background:#02061766;animation:.2s forwards fadeIn;position:fixed;inset:0}.sidebar-close-btn{display:block!important}}.sidebar-close-btn{display:none}select option{color:#fff!important;background-color:#162032!important}select.form-input,select{height:auto!important;padding:10px 16px!important;line-height:1.4!important}@media (min-width:1025px){.app-layout.collapsed-layout .sidebar{border-right:none!important;width:0!important;padding:0!important;overflow:hidden!important}}.floating-sidebar-toggle-btn{background:var(--surface-dark);width:44px;height:44px;color:var(--text-light);border:1px solid var(--surface-border);box-shadow:var(--shadow-glass);z-index:999;cursor:pointer;transition:all var(--transition-speed) ease;border-radius:12px;justify-content:center;align-items:center;display:flex;position:fixed;top:20px;left:20px}.floating-sidebar-toggle-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}@media (max-width:1024px){.floating-sidebar-toggle-btn{display:none!important}}.subtle-scrollbar{scrollbar-width:thin!important;scrollbar-color:#ffffff26 transparent!important}.subtle-scrollbar::-webkit-scrollbar{width:6px!important;height:6px!important;display:block!important}.subtle-scrollbar::-webkit-scrollbar-track{background:0 0!important}.subtle-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26!important;border-radius:4px!important}.subtle-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.light input:not([type=submit]):not([type=button]):not([type=reset]),html.light select,html.light textarea,html.light .form-input,html.light .search-input{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important}html.light input:disabled,html.light input:read-only,html.light select:disabled,html.light textarea:disabled{color:#64748b!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important}html.light ::placeholder,html.light input::placeholder,html.light textarea::placeholder,html.light select::placeholder,html.light .search-input::placeholder,html.light .form-input::placeholder{color:#64748b!important;opacity:1!important}html.light select option{color:#0f172a!important;background-color:#fff!important}html.light label,html.light .form-group label{color:#334155!important;font-weight:600!important}html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6{color:#0f172a!important}html.light p,html.light span:not(.btn-primary *):not(.btn-danger *){color:inherit}html.light .glass-panel,html.light .card,html.light .bg-surface{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 4px 20px -2px #0f172a0f!important}.element-card{transition:all var(--transition-speed) ease;background-color:var(--element-card-bg)!important;border:1px solid var(--element-card-border)!important;border-radius:8px!important}html.light .element-card{background-color:var(--element-card-bg)!important;border-color:var(--element-card-border)!important}html.light table{color:#0f172a!important}html.light table th{color:#0f172a!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}html.light table td{color:#1e293b!important;border-color:#e2e8f0!important}html.light .btn-secondary{color:#1e293b!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}html.light .btn-secondary.active{color:#2563eb!important;background-color:#2563eb1f!important;border-color:#2563eb!important}html.light .subtle-scrollbar{scrollbar-color:#0f172a33 transparent!important}html.light .subtle-scrollbar::-webkit-scrollbar-thumb{background:#0f172a33!important}html.light .subtle-scrollbar::-webkit-scrollbar-thumb:hover{background:#0f172a66!important}