:root{--app-bg: #f3f6fb;--app-surface: #ffffff;--app-surface-soft: #f8fafc;--app-surface-muted: #eef2ff;--app-border: #dbe3f5;--app-border-strong: #cbd5e1;--app-text: #1f2937;--app-text-muted: #64748b;--app-accent: #4c5fd7;--app-accent-soft: #e8edf8;--app-header: #ffffff;--app-sidebar: #15202b;--app-sidebar-active: #1f2d3d;--app-table-head: #f8fafc;--app-hover: #f5f8ff;--app-overlay: rgba(248, 250, 252, .16);--app-shadow: 0 10px 25px rgba(17, 24, 39, .14)}html[data-theme=dark]{--app-bg: #0b1220;--app-surface: #121a29;--app-surface-soft: #182132;--app-surface-muted: #1d2940;--app-border: #24324a;--app-border-strong: #334155;--app-text: #e5edf8;--app-text-muted: #93a4ba;--app-accent: #7c96ff;--app-accent-soft: #18274b;--app-header: #0f1724;--app-sidebar: #0a1120;--app-sidebar-active: #17243a;--app-table-head: #172132;--app-hover: #1a2740;--app-overlay: rgba(10, 15, 25, .42);--app-shadow: 0 12px 30px rgba(0, 0, 0, .28)}html,body{background:var(--app-bg);color:var(--app-text)}#app{min-height:100vh}.header{height:54px!important;min-height:54px!important;background:var(--app-header)!important;border-bottom:1px solid var(--app-border)!important;color:var(--app-text)!important}.header .header-left,.header .header-right{padding-top:4px!important;padding-bottom:4px!important}.header-right{height:auto!important;min-height:0!important}.header .font-12{font-size:11px!important}.header .font-14{font-size:13px!important}.header .form-control.form-control-sm,.header .custom-select.form-control-sm{min-height:30px!important;height:30px!important;font-size:12px!important}.header .profile-name{font-size:12px}.header .menu-icon{font-size:20px}.left-side-bar .brand-logo{padding:10px 12px;height:54px;background:var(--app-surface);border-bottom:1px solid var(--app-border)}.left-side-bar .brand-logo img{max-height:28px}.sidebar-menu .dropdown-toggle,.sidebar-menu .submenu li a{padding-top:9px;padding-bottom:9px;font-size:13px}.sidebar-menu .sidebar-dropdown-btn{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.sidebar-menu>ul>li.show>.submenu{display:block!important}.sidebar-menu .dropdown-toggle .micon{font-size:16px}.main-container .pd-ltr-20{padding:0!important;font-size:13px;background:var(--app-bg);color:var(--app-text)}.page-header{padding:10px;margin-bottom:10px;background:var(--app-surface);border:1px solid var(--app-border);box-shadow:var(--app-shadow)}.page-header h4{font-size:18px;color:var(--app-text)}.card-box{border-radius:10px;font-size:13px;background:var(--app-surface)!important;color:var(--app-text)!important;border:1px solid var(--app-border);box-shadow:var(--app-shadow)}.card-box .pd-20{padding:12px}.main-container h1,.main-container h2,.main-container h3,.main-container h4,.main-container h5,.main-container h6,.main-container .title h4,.main-container .title h5,.main-container .weight-600,.main-container label,.main-container .custom-control-label,.main-container .table thead th .btn-link,.main-container .table thead th .btn-link.text-dark{color:var(--app-text)!important}.app-shell{position:relative;transition:filter .2s ease,opacity .2s ease}.app-shell.is-busy{filter:blur(1.2px)}.profile-avatar,.header-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.03em;background:var(--app-accent-soft);color:var(--app-accent);border:1px solid var(--app-border);text-transform:none}.profile-avatar{width:56px;height:56px;font-size:18px}.profile-dropdown-wrap{position:relative}.profile-trigger{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);border-radius:999px;min-height:40px;padding:2px 10px 2px 2px;display:inline-flex;align-items:center;gap:8px}.profile-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}.profile-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);box-shadow:var(--app-shadow);z-index:1080;padding:6px}.profile-dropdown-menu .dropdown-item{width:100%;border:0;background:transparent;text-align:left;border-radius:8px;padding:8px 10px}.profile-dropdown-menu .dropdown-item:hover{background:var(--app-hover)}.table th,.table td{padding:.38rem .5rem;font-size:13.5px;vertical-align:middle;color:var(--app-text)}.table thead th{white-space:nowrap;background:var(--app-table-head);color:var(--app-text);border-color:var(--app-border)}.table .form-control.form-control-sm,.table .custom-select.form-control-sm{min-height:28px;height:28px;font-size:12px;padding-top:2px;padding-bottom:2px}.table thead .btn.btn-sm.btn-block,.table thead .btn.btn-sm.w-100{min-height:34px;height:34px;padding-top:0;padding-bottom:0}.btn{border-radius:6px}.text-muted,.text-secondary,.font-12,.detail-label,.history-empty,.history-meta{color:var(--app-text-muted)!important}.btn.btn-sm{font-size:11.5px}.btn-group-sm>.btn,.btn-sm{line-height:1.2}.login-page .text-danger,.login-page .text-success{font-size:14px}.desk-form .form-group>label,.desk-form .weight-600{letter-spacing:.01em}.desk-form .form-control,.desk-form .custom-select{border-radius:8px;min-height:42px}.form-control,.custom-select,.custom-select.form-control,select.form-control,textarea.form-control,input.form-control{background-color:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}.form-control:focus,.custom-select:focus{background-color:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-accent)!important;box-shadow:0 0 0 .1rem color-mix(in srgb,var(--app-accent) 25%,transparent)!important}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--app-text-muted)!important}input[type=color].form-control{padding:2px!important;min-width:48px}.table-striped tbody tr:nth-of-type(odd){background-color:color-mix(in srgb,var(--app-surface-soft) 70%,transparent)}.table-striped tbody tr:nth-of-type(2n){background-color:var(--app-surface)}.table td,.table th,.table thead th,.table tbody+tbody{border-color:var(--app-border)!important}.badge-light{background:var(--app-surface-muted);color:var(--app-text)}.alert-warning{background:color-mix(in srgb,#f59e0b 14%,var(--app-surface));color:var(--app-text);border-color:color-mix(in srgb,#f59e0b 40%,var(--app-border))}.desk-form .form-control.form-control-sm,.desk-form .custom-select.form-control-sm{min-height:34px}.desk-form .custom-control.custom-switch{padding-left:2.75rem}.desk-form .custom-control.custom-switch .custom-control-label{font-weight:500}.desk-form .custom-control.custom-switch .custom-control-label:before{width:2.2rem;border-radius:999px}.desk-form .custom-control.custom-switch .custom-control-label:after{border-radius:50%}.soft-loading-overlay{position:fixed;inset:0;z-index:1045;background:var(--app-overlay);-webkit-backdrop-filter:saturate(115%) blur(1.5px);backdrop-filter:saturate(115%) blur(1.5px)}.center-progress{position:fixed;left:50%;top:50%;transform:translate(-50%,calc(-50% + 8px));z-index:1050;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#141821e0;color:#fff;box-shadow:0 10px 24px #00000038;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.center-progress.is-visible{opacity:1;transform:translate(-50%,-50%)}.corner-progress__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:corner-spin .7s linear infinite}.corner-progress__text{font-size:12px;line-height:1;font-weight:600;letter-spacing:.02em}.soft-fade-enter-active,.soft-fade-leave-active{transition:opacity .2s ease}.soft-fade-enter-from,.soft-fade-leave-to{opacity:0}@keyframes corner-spin{to{transform:rotate(360deg)}}html[data-theme=dark] .left-side-bar,html[data-theme=dark] .sidebar-menu,html[data-theme=dark] .left-side-bar .menu-block{background:var(--app-sidebar)!important}html[data-theme=dark] .left-side-bar .brand-logo{background:#0f1724!important;border-bottom-color:var(--app-border)!important}html[data-theme=dark] .sidebar-menu .dropdown-toggle,html[data-theme=dark] .sidebar-menu .submenu li a,html[data-theme=dark] .sidebar-menu .sidebar-dropdown-btn,html[data-theme=dark] .sidebar-menu .dropdown-toggle .mtext,html[data-theme=dark] .sidebar-menu .dropdown-toggle .micon{color:#d7e3f7!important}html[data-theme=dark] .sidebar-menu .submenu,html[data-theme=dark] .sidebar-menu .submenu li,html[data-theme=dark] .sidebar-menu>ul>li,html[data-theme=dark] .sidebar-menu>ul>li>ul{background:var(--app-sidebar)!important}html[data-theme=dark] .sidebar-menu .show>.dropdown-toggle,html[data-theme=dark] .sidebar-menu .submenu li>a.router-link-active,html[data-theme=dark] .sidebar-menu .submenu li>a:hover,html[data-theme=dark] .sidebar-menu .sidebar-dropdown-btn.active{background:var(--app-sidebar-active)!important;color:#fff!important}html[data-theme=dark] .header,html[data-theme=dark] .main-container,html[data-theme=dark] .page-header,html[data-theme=dark] .card-box,html[data-theme=dark] .detail-modal,html[data-theme=dark] .detail-status-bar,html[data-theme=dark] .history-item,html[data-theme=dark] .detail-item{color:var(--app-text)!important}html[data-theme=dark] .detail-status-bar,html[data-theme=dark] .history-item,html[data-theme=dark] .detail-item,html[data-theme=dark] .page-header,html[data-theme=dark] .card-box{background:var(--app-surface)!important;border-color:var(--app-border)!important}html[data-theme=dark] .page-header h4,html[data-theme=dark] .title h4,html[data-theme=dark] .title h5,html[data-theme=dark] .card-box h4,html[data-theme=dark] .card-box h5,html[data-theme=dark] .card-box h6,html[data-theme=dark] .card-box h1,html[data-theme=dark] .card-box h2,html[data-theme=dark] .card-box h3,html[data-theme=dark] .table thead th,html[data-theme=dark] .table td,html[data-theme=dark] .text-dark,html[data-theme=dark] .btn-link.text-dark,html[data-theme=dark] .main-container label,html[data-theme=dark] .main-container .custom-control-label,html[data-theme=dark] .main-container .weight-600,html[data-theme=dark] .main-container .font-weight-bold,html[data-theme=dark] .main-container strong,html[data-theme=dark] .main-container b,html[data-theme=dark] .main-container legend{color:var(--app-text)!important}html[data-theme=dark] .settings-accordion,html[data-theme=dark] .field-row,html[data-theme=dark] .title-block,html[data-theme=dark] .preview-surface-wrap,html[data-theme=dark] .modal-content,html[data-theme=dark] .modal-header,html[data-theme=dark] .modal-body,html[data-theme=dark] .card,html[data-theme=dark] .list-group-item,html[data-theme=dark] [class*=option-card],html[data-theme=dark] [class*=mode-card],html[data-theme=dark] [class*=select-card],html[data-theme=dark] .fit-card,html[data-theme=dark] .focus-btn{background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}html[data-theme=dark] .settings-accordion>summary{background:var(--app-surface-soft)!important;color:var(--app-text)!important;border-bottom:1px solid var(--app-border)}html[data-theme=dark] [class*=option-card].active,html[data-theme=dark] [class*=mode-card].active,html[data-theme=dark] [class*=select-card].active,html[data-theme=dark] .fit-card.active,html[data-theme=dark] .focus-btn.active,html[data-theme=dark] [class*=option-card][aria-pressed=true],html[data-theme=dark] [class*=mode-card][aria-pressed=true],html[data-theme=dark] [class*=select-card][aria-pressed=true],html[data-theme=dark] .fit-card[aria-pressed=true],html[data-theme=dark] .focus-btn[aria-pressed=true]{background:color-mix(in srgb,var(--app-accent) 18%,var(--app-surface-soft))!important;border-color:var(--app-accent)!important;color:#eef4ff!important}html[data-theme=dark] .fit-card span,html[data-theme=dark] .fit-card small,html[data-theme=dark] .focus-btn,html[data-theme=dark] .fit-card{color:var(--app-text)!important}html[data-theme=dark] .fit-card.active span,html[data-theme=dark] .fit-card.active small,html[data-theme=dark] .focus-btn.active{color:#eef4ff!important}html[data-theme=dark] .settings-accordion-body,html[data-theme=dark] .settings-accordion-body label,html[data-theme=dark] .settings-accordion-body .weight-600,html[data-theme=dark] .settings-accordion-body .text-muted,html[data-theme=dark] .settings-accordion-body .form-text,html[data-theme=dark] .settings-accordion-body small,html[data-theme=dark] .settings-accordion-body p,html[data-theme=dark] .settings-accordion-body span,html[data-theme=dark] .settings-accordion-body div{color:var(--app-text)!important}html[data-theme=dark] .settings-accordion-body .text-muted,html[data-theme=dark] .settings-accordion-body .form-text,html[data-theme=dark] .history-meta,html[data-theme=dark] .history-empty,html[data-theme=dark] .detail-label{color:var(--app-text-muted)!important}html[data-theme=dark] .activity-edge-drawer,html[data-theme=dark] .activity-drawer-header,html[data-theme=dark] .activity-drawer-toolbar,html[data-theme=dark] .activity-item-card{background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}html[data-theme=dark] .activity-edge-overlay{background:#0308128f!important}html[data-theme=dark] .activity-edge-drawer{box-shadow:-24px 0 48px #0000006b!important}html[data-theme=dark] .activity-drawer-header h5,html[data-theme=dark] .activity-item-title,html[data-theme=dark] .activity-item-label{color:var(--app-text)!important}html[data-theme=dark] .activity-drawer-header small,html[data-theme=dark] .activity-item-time,html[data-theme=dark] .activity-item-meta,html[data-theme=dark] .activity-drawer-empty{color:var(--app-text-muted)!important}html[data-theme=dark] .activity-drawer-header .close,html[data-theme=dark] .activity-drawer-header .close span{color:var(--app-text)!important;opacity:1!important;text-shadow:none!important}html[data-theme=dark] .activity-drawer-toolbar .form-control,html[data-theme=dark] .activity-drawer-toolbar .custom-select{background:var(--app-surface-soft)!important;color:var(--app-text)!important;border-color:var(--app-border)!important}html[data-theme=dark] .activity-drawer-toolbar .btn-outline-primary{background:transparent!important;color:var(--app-text)!important;border-color:var(--app-border-strong)!important}html[data-theme=dark] .activity-drawer-toolbar .btn-outline-primary:hover{background:var(--app-hover)!important;color:#fff!important;border-color:var(--app-accent)!important}html[data-theme=dark] .activity-drawer-toolbar .btn-primary{background:var(--app-accent)!important;border-color:var(--app-accent)!important;color:#fff!important}html[data-theme=dark] .settings-accordion-body .text-danger,html[data-theme=dark] .settings-accordion-body .text-success,html[data-theme=dark] .settings-accordion-body .text-warning,html[data-theme=dark] .settings-accordion-body .text-info{color:inherit!important}html[data-theme=dark] .preview-surface-wrap{background:#101827!important}html[data-theme=dark] .editor-resizer{background:linear-gradient(180deg,#7c96ff14,#7c96ff29)}html[data-theme=dark] .editor-resizer:before{background:#7f93bd}html[data-theme=dark] .mini-editor-toolbar .editor-color{background:var(--app-surface)!important;border-color:var(--app-border)!important}html[data-theme=dark] .swal2-popup,html[data-theme=dark] .swal2-modal,html[data-theme=dark] .swal2-html-container,html[data-theme=dark] .swal2-title{background:var(--app-surface)!important;color:var(--app-text)!important}html[data-theme=dark] .swal2-input,html[data-theme=dark] .swal2-select,html[data-theme=dark] .swal2-textarea,html[data-theme=dark] .swal2-file{background:var(--app-surface-soft)!important;color:var(--app-text)!important;border:1px solid var(--app-border)!important;box-shadow:none!important}html[data-theme=dark] .swal2-radio label,html[data-theme=dark] .swal2-checkbox,html[data-theme=dark] .swal2-validation-message,html[data-theme=dark] .modal-title,html[data-theme=dark] .modal label,html[data-theme=dark] .modal .text-dark,html[data-theme=dark] .modal strong,html[data-theme=dark] .modal b,html[data-theme=dark] .swal2-container label,html[data-theme=dark] .swal2-container .text-dark,html[data-theme=dark] .swal2-container strong,html[data-theme=dark] .swal2-container b{color:var(--app-text)!important}html[data-theme=dark] .custom-control-label:before,html[data-theme=dark] .custom-control-label:after{opacity:1!important}html[data-theme=dark] .btn-outline-secondary,html[data-theme=dark] .btn-outline-primary,html[data-theme=dark] .btn-outline-info,html[data-theme=dark] .btn-outline-danger,html[data-theme=dark] .btn-light,html[data-theme=dark] .btn-outline-light,html[data-theme=dark] button:not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny).btn{background:var(--app-surface-soft);border-color:var(--app-border)!important;color:var(--app-text)!important}html[data-theme=dark] .btn-outline-primary{color:#8ea2ff!important}html[data-theme=dark] .btn-outline-info{color:#5bd8ff!important}html[data-theme=dark] .btn-outline-danger{color:#ff7b92!important}html[data-theme=dark] .btn-outline-light{color:var(--app-text)!important}html[data-theme=dark] .btn-primary,html[data-theme=dark] .btn-info,html[data-theme=dark] .btn-success,html[data-theme=dark] .btn-danger,html[data-theme=dark] .btn-warning{color:#fff!important}html[data-theme=dark] .btn-check:checked+.btn-outline-primary,html[data-theme=dark] .btn-check:active+.btn-outline-primary,html[data-theme=dark] .btn-outline-primary:hover,html[data-theme=dark] .btn-outline-primary:focus,html[data-theme=dark] .btn-outline-primary:active{background:color-mix(in srgb,var(--app-accent) 14%,var(--app-surface-soft))!important;border-color:var(--app-accent)!important}html[data-theme=dark] .btn-outline-secondary:hover,html[data-theme=dark] .btn-outline-info:hover,html[data-theme=dark] .btn-outline-danger:hover,html[data-theme=dark] .btn-outline-light:hover{background:var(--app-hover)!important}html[data-theme=dark] .mobile-menu-overlay.show{background:#0206108c}html[data-theme=dark] .login-page{background:linear-gradient(135deg,#0b1220,#111c31)!important}html[data-theme=dark] .login-header,html[data-theme=dark] .login-header.box-shadow,html[data-theme=dark] .login-header .container-fluid{background:var(--app-header)!important;color:var(--app-text)!important;border-bottom:1px solid var(--app-border)!important;box-shadow:none!important}html[data-theme=dark] .login-header .brand-logo{background:transparent!important;border:0!important}html[data-theme=dark] .login-box,html[data-theme=dark] .login-wrap .bg-white{background:var(--app-surface)!important;color:var(--app-text)!important}
