@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";.notif-tab[data-v-e11a1e1a]{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:8px 10px;color:#9ca3af;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;transition:all .15s}.notif-tab[data-v-e11a1e1a]:hover{color:#6b7280}.notif-tab.active[data-v-e11a1e1a]{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:600}.notif-tab-badge[data-v-e11a1e1a]{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;margin-left:4px;background:#ef4444;color:#fff;line-height:1}.scrollbar-hide[data-v-e11a1e1a]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-e11a1e1a]{-ms-overflow-style:none;scrollbar-width:none}.th-goto-storefront-btn[data-v-eca5de18]{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#2c3e50;color:#fff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:500;box-shadow:0 2px 8px #00000040;transition:background .15s ease;line-height:1}.th-goto-storefront-btn[data-v-eca5de18]:hover{background:#1a252f}body{font-family:DM Sans,sans-serif}.mono{font-family:JetBrains Mono,monospace}.rail-scroll::-webkit-scrollbar,.panel-scroll::-webkit-scrollbar{width:0}.panel-scroll:hover::-webkit-scrollbar{width:4px}.panel-scroll::-webkit-scrollbar-thumb{background:#7c3aed26;border-radius:10px}.panel-scroll::-webkit-scrollbar-thumb:hover{background:#7c3aed4d}html.dark .panel-scroll::-webkit-scrollbar-thumb{background:#7c3aed4d!important}html.no-transitions,html.no-transitions *,html.no-transitions *:before,html.no-transitions *:after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}html.dark{color-scheme:dark}html.dark body{background-color:#0f0f14!important;color:#e8e8f0!important}html.dark .bg-\[#f6f6f9\]{background-color:#0f0f14!important}html.dark .bg-white,html.dark [class*=bg-white],html.dark .bg-gray-50,html.dark .bg-gray-100,html.dark .bg-gray-50\/80,html.dark [class*=bg-gray-50],html.dark [class*=bg-gray-100]{--tw-bg-opacity: 1 !important;background-color:#16161d!important}html.dark .border-gray-50,html.dark .border-gray-100,html.dark .border-gray-200,html.dark .border-gray-300,html.dark .border-\[#e8e8ef\],html.dark [class*=border-gray-]{--tw-border-opacity: 1 !important;border-color:#2a2a38!important}html.dark .divide-gray-50>*+*,html.dark .divide-gray-100>*+*{border-color:#2a2a38!important}html.dark .text-gray-900{color:#f0f6fc!important}html.dark .text-gray-800,html.dark .text-gray-700{color:#e8e8f0!important}html.dark .text-gray-600{color:#b1bac4!important}html.dark .text-gray-500{color:#8888a0!important}html.dark .text-gray-400{color:#7d8590!important}html.dark .text-gray-300{color:#5c5c74!important}html.dark .text-violet-600{color:#8b7cf7!important}html.dark .text-violet-700{color:#9d8cf8!important}html.dark .hover\:bg-gray-100:hover,html.dark .hover\:bg-gray-50:hover{background-color:#1e1e28!important}html.dark .rounded-xl,html.dark .rounded-lg,html.dark .rounded-2xl,html.dark .rounded-full{border-color:#2a2a38!important}html.dark [class*=rounded-xl][class*=shadow-xl]{background-color:#1e1e28!important;border-color:#2a2a38!important}html.dark header{background-color:#16161d!important;border-color:#2a2a38!important}html.dark footer{background-color:#0f0f14!important;border-top-color:#2a2a38!important;color:#5c5c74!important}html.dark .page-content{background-color:#0f0f14!important}html.dark a{color:inherit}html.dark a:hover{color:#8b7cf7}html.dark svg{color:inherit}html.dark button:disabled{opacity:.4!important;color:#5c5c74!important}html.dark .toast-container{color:#e8e8f0!important}input:focus,select:focus,textarea:focus,button:focus-visible{outline:none}::selection{background:#7c3aed1f}.sidebar-rail{background-color:#f8f9fb}html.dark .sidebar-rail{background-color:#0a0a0f}.sidebar-rail-border{border-color:#e5e7eb}html.dark .sidebar-rail-border{border-color:#222230}.sidebar-panel{background-color:#fff}html.dark .sidebar-panel{background-color:#16161d}.sidebar-panel-border{border-color:#e8e8ef}html.dark .sidebar-panel-border{border-color:#222230}.sidebar-panel-title{color:#1f2937;font-size:15px;font-weight:600}html.dark .sidebar-panel-title{color:#fff}.sidebar-panel-close-btn{width:28px;height:28px;color:#9ca3af}.sidebar-panel-close-btn:hover{color:#4b5563;background-color:#f3f4f6}html.dark .sidebar-panel-close-btn{color:#8888a0}html.dark .sidebar-panel-close-btn:hover{color:#fff;background-color:#1e1e28}.rail-icon{width:42px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;font-size:18px;cursor:pointer;transition:all .2s;border:none;background:transparent;position:relative;margin-bottom:4px;color:#6b7280}.rail-icon:hover{color:#374151;background:#e5e7eb}.rail-icon.active{color:#fff;background:#7c3aed;box-shadow:0 0 20px #7c3aed4d}html.dark .rail-icon{color:#5c5c74}html.dark .rail-icon:hover{color:#8888a0;background:#1e1e28}html.dark .rail-icon.active{color:#fff;background:#7c3aed;box-shadow:0 0 20px #7c3aed4d}.rail-label{font-size:9px;font-weight:500;letter-spacing:.01em;line-height:1;white-space:nowrap;opacity:.7;transition:opacity .15s ease}.rail-icon:hover .rail-label,.rail-icon.active .rail-label{opacity:1}html.dark .rail-label{opacity:.85}.rail-icon.active html.dark .rail-label{opacity:1}.tenant-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:transparent;cursor:pointer;transition:all .12s ease}.tenant-item:hover{background:#7c3aed0f}.tenant-item.active,html.dark .tenant-item:hover{background:#7c3aed14}html.dark .tenant-item.active{background:#7c3aed1f}.tenant-switcher-btn:hover{background-color:#eef0f3}html.dark .tenant-switcher-btn:hover{background-color:#1e1e28}.tenant-switcher-label{color:#6b7280}html.dark .tenant-switcher-label{color:#5c5c74}.tenant-switcher-dropdown{background-color:#fff;border-color:#e5e7eb;box-shadow:0 10px 30px #0000001a}html.dark .tenant-switcher-dropdown{background-color:#1e1e28;border-color:#222230;box-shadow:0 10px 30px #0006}.tenant-switcher-dropdown-border{border-color:#e5e7eb}html.dark .tenant-switcher-dropdown-border{border-color:#222230}.tenant-switcher-heading{color:#6b7280}html.dark .tenant-switcher-heading{color:#5c5c74}.tenant-switcher-subtext{color:#9ca3af}html.dark .tenant-switcher-subtext{color:#8888a0}.tenant-switcher-item-name{color:#1f2937}html.dark .tenant-switcher-item-name{color:#fff}.panel-group.collapsible{overflow:hidden;transition:max-height .3s ease,opacity .25s ease,padding .3s ease,margin .3s ease;max-height:0;opacity:0;padding:0;margin:0}.panel-group.collapsible.open{max-height:800px;opacity:1;padding:4px 0 6px;margin-top:2px}.panel-group:not(.collapsible){padding:2px 0 6px}.panel-group-title{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;margin-top:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;color:#6b7280}.panel-group-title:hover{background:#f3f4f6}html.dark .panel-group-title{color:#8888a0}html.dark .panel-group-title:hover{background:#1e1e28}.panel-group-title-left{display:flex;align-items:center;gap:8px}.panel-group-color-bar{width:3px;height:16px;border-radius:2px;flex-shrink:0;background:var(--group-color, #7c3aed)}.panel-group-title-right{display:flex;align-items:center;gap:6px}.pg-count{font-size:10px;font-weight:600;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:0 6px;flex-shrink:0;transition:all .18s ease;letter-spacing:normal;text-transform:none;color:var(--group-color, #7c3aed);background:color-mix(in srgb,var(--group-color, #7c3aed) 12%,transparent)}html.dark .pg-count{color:var(--group-color, #7c3aed);background:color-mix(in srgb,var(--group-color, #7c3aed) 12%,transparent)}.panel-group-chevron{width:16px;height:16px;color:#5c5c74;transition:transform .2s;flex-shrink:0}.panel-group-chevron.open{transform:rotate(180deg)}.panel-item{display:flex;align-items:center;gap:10px;padding:7px 16px 7px 28px;font-size:13px;text-decoration:none;cursor:pointer;transition:all .15s;line-height:1.3;position:relative;color:#6b7280}.panel-item:hover{color:#1f2937;background:#f3f4f6}.panel-item.active{color:#1f2937;background:#7c3aed14}.panel-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:#7c3aed;border-radius:0 2px 2px 0}html.dark .panel-item{color:#8888a0}html.dark .panel-item:hover{color:#e8e8f0;background:#1e1e28}html.dark .panel-item.active{color:#e8e8f0;background:#7c3aed14}.panel-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#5c5c74}html.dark .panel-item-icon{color:#5c5c74}.panel-item:hover .panel-item-icon,.panel-item.active .panel-item-icon{color:#a78bfa}html.dark .panel-section{background-color:#0f0f14!important}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:#fff;border-bottom:1px solid #e8e8ef}html.dark .app-header{background:#0f0f14!important;border-color:#222230!important}.hdr-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.hdr-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.hdr-hamburger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all .12s ease;flex-shrink:0;color:#9ca3af}.hdr-hamburger:hover{background:#f3f4f6;color:#374151}html.dark .hdr-hamburger{color:#8888a0!important}html.dark .hdr-hamburger:hover{background:#1e1e28!important;color:#e8e8f0!important}.hdr-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0;overflow:hidden;white-space:nowrap}.hdr-crumb-link{color:#9ca3af;text-decoration:none;transition:color .12s ease;flex-shrink:0}.hdr-crumb-link:hover{color:#e8e8f0}html.dark .hdr-crumb-link{color:#5c5c74!important}html.dark .hdr-crumb-link:hover{color:#e8e8f0!important}.hdr-crumb-text{color:#9ca3af;flex-shrink:0}html.dark .hdr-crumb-text{color:#8888a0!important}.hdr-crumb-sep{color:#d1d5db;flex-shrink:0}html.dark .hdr-crumb-sep{color:#5c5c74!important}.hdr-crumb-current{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis}html.dark .hdr-crumb-current{color:#e8e8f0!important}.hdr-search-wrap{position:relative}.hdr-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}html.dark .hdr-search-icon{color:#5c5c74!important}.hdr-search-input{width:200px;height:34px;padding:0 12px 0 32px;font-size:12.5px;font-family:inherit;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;outline:none;transition:all .2s;color:#374151}.hdr-search-input::placeholder{color:#9ca3af}.hdr-search-input:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px #7c3aed26;width:260px}html.dark .hdr-search-input{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#e8e8f0!important}html.dark .hdr-search-input::placeholder{color:#5c5c74!important}html.dark .hdr-search-input:focus{border-color:#7c3aed!important;background:#ffffff14!important;box-shadow:0 0 0 3px #7c3aed26!important}.hdr-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;background:transparent;cursor:pointer;transition:all .15s ease;flex-shrink:0;color:#6b7280}.hdr-icon-btn:hover{background:#f3f4f6;color:#374151}.hdr-icon-btn:active{background:#e5e7eb}html.dark .hdr-icon-btn{color:#8888a0}html.dark .hdr-icon-btn:hover{background:#1e1e28;color:#e8e8f0}.hdr-dropdown{position:absolute;top:calc(100% + 8px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000a;z-index:60;overflow:hidden}html.dark .hdr-dropdown{background-color:#1e1e28!important;border-color:#2a2a38!important;box-shadow:0 8px 32px #00000080!important}.hdr-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;text-decoration:none;cursor:pointer;transition:background .12s ease;border:none;background:transparent;width:100%;text-align:left;color:#4b5563}.hdr-dropdown-item:hover{background:#f3f4f6}html.dark .hdr-dropdown-item{color:#e8e8f0!important;background-color:transparent!important}html.dark .hdr-dropdown-item:hover{background-color:#1e1e28!important}.hdr-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all .12s ease;font-size:14px;color:#9ca3af}.hdr-btn:hover{background:#f3f4f6;color:#374151}.hdr-btn:disabled{opacity:.4;cursor:not-allowed}html.dark .hdr-btn{color:#8888a0!important;background-color:transparent!important}html.dark .hdr-btn:hover{background-color:#1e1e28!important;color:#e8e8f0!important}.hdr-btn-outlined{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;font-size:12.5px;font-weight:500;font-family:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s;text-decoration:none;color:#374151}.hdr-btn-outlined:hover{background:#f9fafb;border-color:#d1d5db}html.dark .hdr-btn-outlined{background-color:transparent!important;border-color:#ffffff1a!important;color:#8888a0!important}html.dark .hdr-btn-outlined:hover{background-color:#ffffff0d!important;border-color:#ffffff26!important;color:#e8e8f0!important}.hdr-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;font-family:inherit;color:#fff;background:#7c3aed;border:1px solid #7c3aed;border-radius:8px;cursor:pointer;transition:all .15s ease;text-decoration:none}.hdr-btn-primary:hover{background:#6315e9;box-shadow:0 0 16px #7c3aed59}.tab-btn{padding:4px 12px;font-size:11px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .12s ease;border:none;background:transparent;color:#9ca3af}.tab-btn.active{color:#7c3aed;background:#f0edff}.tab-btn:hover:not(.active){color:#374151;background:#f3f4f6}.dd-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;text-decoration:none;transition:background .12s ease;color:#4b5563}.dd-item:hover{background:#f3f4f6}html.dark .dd-item{color:#e8e8f0!important;background-color:transparent!important}html.dark .dd-item:hover{background-color:#1e1e28!important}.sub-menu{position:absolute;left:100%;top:0;width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001a;padding:6px 0;opacity:0;visibility:hidden;transform:translate(-8px);transition:all .2s ease;z-index:70;margin-left:4px}.group\/sub:hover .sub-menu{opacity:1;visibility:visible;transform:translate(0)}html.dark .sub-menu{background:#1e1e28;border-color:#2a2a38;box-shadow:0 8px 24px #0006}.ql-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#fff;transition:background-color .15s ease;text-decoration:none}.ql-grid-item:hover{background:#f9fafb}html.dark .ql-grid-item{background:#16161d}html.dark .ql-grid-item:hover{background:#1e1e28}html.dark .ql-grid-item .text-gray-700{color:#e8e8f0!important}html.dark .ql-grid-item .text-gray-400{color:#7d8590!important}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:background .12s ease}.notif-item:hover{background:#f9fafb}.notif-item.unread{background:#fafaff}html.dark .notif-item{background-color:#16161d!important;border-color:#222230!important}html.dark .notif-item:hover{background-color:#1e1e28!important}html.dark .notif-item.unread{background-color:#1a2233!important}.notif-dot-gray,.notif-dot-amber,.notif-dot-green,.notif-dot-blue{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.notif-dot-blue{background:#7c3aed}.notif-dot-green{background:#10b981}.notif-dot-amber{background:#f59e0b}.notif-dot-gray{background:#d1d5db}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .12s ease}.search-result-item:hover{background:#f9fafb}.search-result-item .result-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.search-result-item .result-text{flex:1;min-width:0}.search-result-item .result-text .title{font-size:13px;font-weight:500;color:#1f2937}.search-result-item .result-text .subtitle{font-size:11px;color:#9ca3af}html.dark .search-result-item:hover{background:#1e1e28!important}html.dark .search-result-item .result-icon{background-color:#7c3aed26!important}html.dark .search-result-item .result-text .title{color:#e8e8f0!important}html.dark .search-result-item .result-text .subtitle{color:#8888a0!important}html.dark .search-result-item mark{background-color:#facc1533!important;color:#fbbf24!important}.search-result-category{padding:8px 14px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}html.dark .search-result-category{color:#8888a0!important}.card{background:#fff;border:1px solid #e8e8ef;border-radius:12px;padding:20px;transition:box-shadow .2s ease}.card:hover{box-shadow:0 2px 12px #0000000a}html.dark .card{background-color:#16161d!important;border-color:#2a2a38!important;box-shadow:0 1px 4px #0000004d!important}html.dark .card:hover{box-shadow:0 2px 8px #0006!important}.kpi-card{background:#fff;border:1px solid #e8e8ef;border-radius:12px;padding:20px;transition:all .2s ease;position:relative;animation:fadeUp .35s ease both}.kpi-card:hover{box-shadow:0 4px 20px #0000000f;transform:translateY(-1px)}.kpi-card:nth-child(1){animation-delay:0s}.kpi-card:nth-child(2){animation-delay:.06s}.kpi-card:nth-child(3){animation-delay:.12s}.kpi-card:nth-child(4){animation-delay:.18s}html.dark .kpi-card{background:#16161d!important;border-color:#2a2a38!important}html.dark .kpi-card:hover{box-shadow:0 4px 20px #0000004d!important}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:500}html.dark .badge{border:1px solid rgba(255,255,255,.08)!important}html.dark .bg-amber-50,html.dark .bg-amber-100,html.dark .bg-yellow-50,html.dark .bg-yellow-100{background-color:#f59e0b1f!important}html.dark .bg-emerald-50,html.dark .bg-green-50,html.dark .bg-green-100,html.dark .bg-emerald-100{background-color:#10b9811f!important}html.dark .bg-red-50,html.dark .bg-red-100{background-color:#ef44441f!important}html.dark .bg-blue-50,html.dark .bg-blue-100{background-color:#3b82f61f!important}html.dark .bg-violet-50,html.dark .bg-violet-100{background-color:#7c3aed1f!important}html.dark .text-amber-600{color:#fbbf24!important}html.dark .text-emerald-600{color:#34d399!important}html.dark .text-red-600{color:#f87171!important}.tbl-th{padding:10px 16px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:#9ca3af}html.dark .tbl-th{background-color:#0f0f14!important;color:#8888a0!important;border-color:#2a2a38!important}.tbl-row{transition:background .12s ease}.tbl-row:hover{background:#fafafc}html.dark .tbl-row{background-color:#16161d!important;border-color:#222230!important}html.dark .tbl-row:hover{background-color:#1e1e28!important}.tbl-td{padding:12px 16px;font-size:12px;white-space:nowrap}html.dark .tbl-td,html.dark .tbl-td.font-semibold,html.dark .tbl-td .text-gray-900,html.dark td.font-semibold{color:#e8e8f0!important}.list-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #e5e7eb}html.dark .list-pagination{border-color:#222230!important}.list-pagination-info{font-size:12px;color:#9ca3af}html.dark .list-pagination-info{color:#8888a0!important}.list-pagination-pages{display:flex;align-items:center;gap:4px}.list-pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:12px;font-weight:500;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s;color:#6b7280}.list-pagination-btn:hover:not(:disabled):not(.active){background:#f3f4f6;color:#374151}.list-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.list-pagination-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed4d}html.dark .list-pagination-btn{color:#8888a0}html.dark .list-pagination-btn:hover:not(:disabled):not(.active){background:#1e1e28;color:#e8e8f0}html.dark .list-pagination-btn.active{background:#7c3aed;color:#fff}.view-mode-toggle{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}html.dark .view-mode-toggle{border-color:#222230}html.dark .view-mode-toggle .view-mode-btn+.view-mode-btn{border-left-color:#222230}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:34px;height:32px;border:none;background:transparent;cursor:pointer;transition:all .15s;color:#9ca3af}.view-mode-btn+.view-mode-btn{border-left:1px solid #e5e7eb}.view-mode-btn:hover:not(.active){background:#f3f4f6;color:#374151}.view-mode-btn.active{background:#7c3aed;color:#fff}html.dark .view-mode-btn{background:#16161d;color:#8888a0}html.dark .view-mode-btn:hover:not(.active){background:#1e1e28;color:#e8e8f0}html.dark .view-mode-btn.active{background:#7c3aed;color:#fff}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.list-grid-card{padding:16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s}.list-grid-card:hover{border-color:#7c3aed4d;box-shadow:0 4px 16px #7c3aed14}html.dark .list-grid-card{background:#16161d;border-color:#222230}html.dark .list-grid-card:hover{border-color:#7c3aed66;background:#1e1e28}.list-grid-card-title{font-size:13px;font-weight:600;color:#1f2937;margin-bottom:8px}html.dark .list-grid-card-title{color:#e8e8f0}.list-grid-card-meta{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:12px}html.dark .list-grid-card-meta{color:#8888a0}.list-compact-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .15s}.list-compact-item:hover{background:#f3f4f6}.list-compact-item:last-child{border-bottom:none}html.dark .list-compact-item{border-color:#222230}html.dark .list-compact-item:hover{background:#1e1e28}.list-compact-name{font-size:13px;font-weight:500;color:#1f2937;flex:1;min-width:0}html.dark .list-compact-name{color:#e8e8f0}.list-compact-date{font-size:11px;color:#9ca3af;flex-shrink:0}html.dark .list-compact-date{color:#8888a0}.list-kanban{display:flex;gap:16px;padding:16px;overflow-x:auto;min-height:300px}.kanban-col{flex:0 0 280px;display:flex;flex-direction:column;border-radius:10px;background:#f3f4f6;overflow:hidden}html.dark .kanban-col{background:#ffffff08}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:2px solid transparent}html.dark .kanban-col-header{color:#8888a0}.kanban-col-count{font-size:10px;font-weight:600;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#7c3aed1a;color:#7c3aed}.kanban-col-body{flex:1;padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.kanban-card{padding:12px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;transition:all .15s;font-size:12px}.kanban-card:hover{border-color:#7c3aed4d;box-shadow:0 2px 8px #0000000f}html.dark .kanban-card{background:#16161d;border-color:#222230}html.dark .kanban-card:hover{border-color:#7c3aed66}.kanban-card-title{font-weight:600;color:#1f2937;margin-bottom:6px}html.dark .kanban-card-title{color:#e8e8f0}.kanban-card-meta{font-size:10px;color:#9ca3af}html.dark .kanban-card-meta{color:#5c5c74}html.dark table{border-color:#2a2a38!important}html.dark thead,html.dark th{background-color:#0f0f14!important;color:#8888a0!important;border-color:#2a2a38!important}html.dark tbody tr{border-color:#222230!important}html.dark tbody tr td{background-color:#16161d!important;color:#e8e8f0!important;border-color:#222230!important}html.dark tbody tr:hover td{background-color:#1e1e28!important}.form-label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:5px}.form-input{width:100%;padding:8px 12px;font-size:13px;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;transition:all .15s ease}.form-input::placeholder{color:#9ca3af}.form-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}html.dark .form-input{background-color:#0f0f14!important;border-color:#2a2a38!important;color:#e8e8f0!important}html.dark .form-input:focus{border-color:#7c3aed!important;background-color:#16161d!important}.form-input-sm{padding:5px 8px;font-size:12px;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;transition:all .12s ease}.form-input-sm:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed14}html.dark .form-input-sm{background-color:#0f0f14!important;border-color:#2a2a38!important;color:#e8e8f0!important}html.dark .form-input-sm:focus{border-color:#7c3aed!important}.tier-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fafafc;border-radius:8px}.form-checkbox{width:16px;height:16px;cursor:pointer}html.dark input,html.dark select,html.dark textarea{background-color:#0f0f14!important;border-color:#2a2a38!important;color:#e8e8f0!important}html.dark input::placeholder,html.dark select::placeholder,html.dark textarea::placeholder{color:#5c5c74!important}html.dark input:focus,html.dark select:focus,html.dark textarea:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed26!important;background-color:#16161d!important}html.dark input[type=checkbox]{background-color:#0f0f14!important;border-color:#2a2a38!important}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 30px #0000001a;min-width:280px;animation:toastIn .3s ease;color:#374151}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ef4444}.toast-info{border-left:3px solid #7c3aed}html.dark .toast{background:#1e1e28;border-color:#2a2a38;box-shadow:0 8px 30px #0006;color:#e8e8f0}.toast .toast-close{color:#9ca3af}.toast .toast-close:hover{color:#374151}html.dark .toast .toast-close{color:#8888a0}html.dark .toast .toast-close:hover{color:#e8e8f0}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.page-content{animation:fadeUp .2s ease}.page-enter-active,.page-leave-active{transition:all .2s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-6px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.dropdown-enter-active{transition:all .15s ease}.dropdown-leave-active{transition:all .1s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-4px)}.toast-enter-active{animation:toastIn .3s ease}.toast-leave-active{animation:toastOut .3s ease forwards}:root{--th-brand-50: #eef2ff;--th-brand-100: #e0e7ff;--th-brand-500: #6c5dd3;--th-brand-600: #5b4cc4;--th-brand-900: #1e1b4b;--th-surface-bg: #f6f6f9;--th-surface-card: #ffffff;--th-surface-elevated: #f8f9fb;--th-surface-border: #e8e8ef;--th-success: #10b981;--th-warning: #f59e0b;--th-danger: #ef4444;--th-info: #3b82f6;--th-neutral: #6b7280;--th-chart-1: #6366f1;--th-chart-2: #10b981;--th-chart-3: #f59e0b;--th-chart-4: #3b82f6;--th-chart-5: #ec4899;--th-chart-6: #8b5cf6;--th-chart-7: #14b8a6;--th-chart-8: #f97316;--th-chart-9: #ef4444;--th-chart-10: #84cc16;--th-chart-11: #06b6d4;--th-chart-12: #a78bfa;--th-text-xs: 11px;--th-text-sm: 12px;--th-text-base: 14px;--th-text-md: 16px;--th-text-lg: 18px;--th-text-xl: 24px;--th-text-2xl: 32px;--th-text-3xl: 48px;--th-duration-fast: .15s;--th-duration-normal: .25s;--th-duration-slow: .4s;--th-ease-standard: cubic-bezier(.4, 0, .2, 1);--th-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--th-grid-gap: 20px;--th-widget-radius: 12px;--th-widget-padding: 20px;--th-type-weekly-bg: #ede9fe;--th-type-weekly-fg: #6d28d9;--th-type-monthly-bg: #dbeafe;--th-type-monthly-fg: #1d4ed8;--th-type-annual-bg: #d1fae5;--th-type-annual-fg: #047857;--th-type-daily-bg: #fef3c7;--th-type-daily-fg: #92400e;--th-type-periodic-bg: #e0e7ff;--th-type-periodic-fg: #3730a3;--th-type-lifetime-bg: #fce7f3;--th-type-lifetime-fg: #9d174d;--th-type-manual-bg: #f3f4f6;--th-type-manual-fg: #374151;--th-st-draft-bg: #f3f4f6;--th-st-draft-fg: #4b5563;--th-st-draft-dot: #9ca3af;--th-st-calculating-bg: #dbeafe;--th-st-calculating-fg: #1e40af;--th-st-calculating-dot: #3b82f6;--th-st-pending-review-bg: #fef3c7;--th-st-pending-review-fg: #92400e;--th-st-pending-review-dot: #f59e0b;--th-st-finalized-bg: #d1fae5;--th-st-finalized-fg: #065f46;--th-st-finalized-dot: #22c55e;--th-st-revised-bg: #ede9fe;--th-st-revised-fg: #5b21b6;--th-st-revised-dot: #8b5cf6;--th-st-appealed-bg: #fee2e2;--th-st-appealed-fg: #991b1b;--th-st-appealed-dot: #ef4444;--th-kpi-draft-bg: #f3f4f6;--th-kpi-draft-fg: #4b5563;--th-kpi-draft-dot: #9ca3af;--th-kpi-active-bg: #dbeafe;--th-kpi-active-fg: #1e40af;--th-kpi-active-dot: #3b82f6;--th-kpi-ontrack-bg: #d1fae5;--th-kpi-ontrack-fg: #065f46;--th-kpi-ontrack-dot: #22c55e;--th-kpi-atrisk-bg: #fef3c7;--th-kpi-atrisk-fg: #92400e;--th-kpi-atrisk-dot: #f59e0b;--th-kpi-below-bg: #ffedd5;--th-kpi-below-fg: #9a3412;--th-kpi-below-dot: #f97316;--th-kpi-critical-bg: #fee2e2;--th-kpi-critical-fg: #991b1b;--th-kpi-critical-dot: #ef4444;--th-kpi-exceeding-bg: #d1fae5;--th-kpi-exceeding-fg: #065f46;--th-kpi-exceeding-dot: #10b981;--th-kpi-paused-bg: #f3f4f6;--th-kpi-paused-fg: #6b7280;--th-kpi-paused-dot: #9ca3af;--th-kpi-expired-bg: #f3f4f6;--th-kpi-expired-fg: #6b7280;--th-kpi-expired-dot: #6b7280;--th-kpi-calculated-bg: #ede9fe;--th-kpi-calculated-fg: #5b21b6;--th-kpi-calculated-dot: #8b5cf6;--th-cat-fulfillment-bg: #dbeafe;--th-cat-fulfillment-fg: #1e40af;--th-cat-delivery-bg: #e0e7ff;--th-cat-delivery-fg: #3730a3;--th-cat-quality-bg: #d1fae5;--th-cat-quality-fg: #065f46;--th-cat-service-bg: #fef3c7;--th-cat-service-fg: #92400e;--th-cat-compliance-bg: #fee2e2;--th-cat-compliance-fg: #991b1b;--th-cat-engagement-bg: #ede9fe;--th-cat-engagement-fg: #5b21b6;--th-cat-financial-bg: #fce7f3;--th-cat-financial-fg: #9d174d}html.dark{--th-surface-bg: #0f0f14;--th-surface-card: #16161d;--th-surface-elevated: #1e1e28;--th-surface-border: #2a2a38;--th-brand-50: #1e1b4b;--th-brand-100: #24223d;--th-type-weekly-bg: #2d1b69;--th-type-weekly-fg: #c4b5fd;--th-type-monthly-bg: #1e2a5e;--th-type-monthly-fg: #93c5fd;--th-type-annual-bg: #0c3b2e;--th-type-annual-fg: #6ee7b7;--th-type-daily-bg: #5c3a0e;--th-type-daily-fg: #fde68a;--th-type-periodic-bg: #1e1b4b;--th-type-periodic-fg: #a5b4fc;--th-type-lifetime-bg: #5b1a3a;--th-type-lifetime-fg: #f9a8d4;--th-type-manual-bg: #1f2937;--th-type-manual-fg: #d1d5db;--th-st-draft-bg: #272b33;--th-st-draft-fg: #9ca3af;--th-st-draft-dot: #6b7280;--th-st-calculating-bg: #172554;--th-st-calculating-fg: #93c5fd;--th-st-calculating-dot: #3b82f6;--th-st-pending-review-bg: #451a03;--th-st-pending-review-fg: #fbbf24;--th-st-pending-review-dot: #f59e0b;--th-st-finalized-bg: #052e16;--th-st-finalized-fg: #4ade80;--th-st-finalized-dot: #22c55e;--th-st-revised-bg: #2e1065;--th-st-revised-fg: #a78bfa;--th-st-revised-dot: #8b5cf6;--th-st-appealed-bg: #450a0a;--th-st-appealed-fg: #fca5a5;--th-st-appealed-dot: #ef4444;--th-kpi-draft-bg: #272b33;--th-kpi-draft-fg: #9ca3af;--th-kpi-draft-dot: #6b7280;--th-kpi-active-bg: #172554;--th-kpi-active-fg: #93c5fd;--th-kpi-active-dot: #3b82f6;--th-kpi-ontrack-bg: #052e16;--th-kpi-ontrack-fg: #4ade80;--th-kpi-ontrack-dot: #22c55e;--th-kpi-atrisk-bg: #451a03;--th-kpi-atrisk-fg: #fbbf24;--th-kpi-atrisk-dot: #f59e0b;--th-kpi-below-bg: #431407;--th-kpi-below-fg: #fdba74;--th-kpi-below-dot: #f97316;--th-kpi-critical-bg: #450a0a;--th-kpi-critical-fg: #fca5a5;--th-kpi-critical-dot: #ef4444;--th-kpi-exceeding-bg: #052e16;--th-kpi-exceeding-fg: #6ee7b7;--th-kpi-exceeding-dot: #10b981;--th-kpi-paused-bg: #272b33;--th-kpi-paused-fg: #9ca3af;--th-kpi-paused-dot: #6b7280;--th-kpi-expired-bg: #1f2937;--th-kpi-expired-fg: #6b7280;--th-kpi-expired-dot: #4b5563;--th-kpi-calculated-bg: #2e1065;--th-kpi-calculated-fg: #a78bfa;--th-kpi-calculated-dot: #8b5cf6;--th-cat-fulfillment-bg: #1e2a5e;--th-cat-fulfillment-fg: #93c5fd;--th-cat-delivery-bg: #1e1b4b;--th-cat-delivery-fg: #a5b4fc;--th-cat-quality-bg: #0c3b2e;--th-cat-quality-fg: #6ee7b7;--th-cat-service-bg: #5c3a0e;--th-cat-service-fg: #fde68a;--th-cat-compliance-bg: #450a0a;--th-cat-compliance-fg: #fca5a5;--th-cat-engagement-bg: #2d1b69;--th-cat-engagement-fg: #c4b5fd;--th-cat-financial-bg: #5b1a3a;--th-cat-financial-fg: #f9a8d4}.th-dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--th-grid-gap);width:100%}.th-widget-sm,.th-widget-md,.th-widget-lg,.th-widget-xl,.th-widget-full{grid-column:span 12}@media (min-width: 768px){.th-widget-sm,.th-widget-md,.th-widget-lg{grid-column:span 6}.th-widget-xl{grid-column:span 8}}@media (min-width: 1024px){.th-widget-sm{grid-column:span 3}.th-widget-md{grid-column:span 4}.th-widget-lg{grid-column:span 6}.th-widget-xl{grid-column:span 8}}@media (min-width: 1280px){.th-widget-sm{grid-column:span 3}.th-widget-md{grid-column:span 4}.th-widget-lg{grid-column:span 6}.th-widget-xl{grid-column:span 8}}.th-widget{background:var(--th-surface-card);border:1px solid var(--th-surface-border);border-radius:var(--th-widget-radius);padding:var(--th-widget-padding);transition:box-shadow var(--th-duration-normal) var(--th-ease-standard);position:relative;overflow:hidden}.th-widget:hover{box-shadow:0 2px 12px #0000000a}html.dark .th-widget{box-shadow:0 1px 4px #0000004d}html.dark .th-widget:hover{box-shadow:0 2px 8px #0006}.th-widget-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.th-widget-title{font-size:var(--th-text-base);font-weight:700;color:#1f2937;line-height:1.2}html.dark .th-widget-title{color:#f0f6fc}.th-widget-subtitle{font-size:var(--th-text-xs);color:#9ca3af;margin-top:2px}html.dark .th-widget-subtitle{color:#8888a0}.th-kpi-value{font-size:var(--th-text-xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;color:#1f2937}html.dark .th-kpi-value{color:#f0f6fc}.th-kpi-change{display:inline-flex;align-items:center;gap:4px;font-size:var(--th-text-xs);font-weight:500;padding:2px 8px;border-radius:100px}.th-kpi-change.positive{color:#059669;background:#10b9811a}.th-kpi-change.negative{color:#dc2626;background:#ef44441a}html.dark .th-kpi-change.positive{color:#34d399;background:#10b98126}html.dark .th-kpi-change.negative{color:#f87171;background:#ef444426}.th-chart-container{width:100%;position:relative;min-height:200px}.th-widget-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#9ca3af}html.dark .th-widget-loading{color:#8888a0}.th-widget-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;color:#ef4444;text-align:center}.th-widget-error .th-retry-btn{font-size:var(--th-text-sm);font-weight:500;padding:6px 16px;border-radius:8px;background:#ef44441a;color:#ef4444;border:none;cursor:pointer;transition:background var(--th-duration-fast) var(--th-ease-standard)}.th-widget-error .th-retry-btn:hover{background:#ef444433}.th-widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px;color:#9ca3af;font-size:var(--th-text-sm);text-align:center}html.dark .th-widget-empty{color:#8888a0}.th-tab-group{display:flex;align-items:center;gap:2px;background:var(--th-surface-elevated);border-radius:8px;padding:2px}html.dark .th-tab-group{background:#1e1e28}.th-tab-btn{font-size:var(--th-text-xs);font-weight:500;padding:4px 10px;border-radius:6px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all var(--th-duration-fast) var(--th-ease-standard);white-space:nowrap}.th-tab-btn:hover{color:#374151}.th-tab-btn.active{background:var(--th-surface-card);color:var(--th-brand-500);font-weight:500;box-shadow:0 1px 3px #0000000f}html.dark .th-tab-btn{color:#8888a0}html.dark .th-tab-btn:hover{color:#e8e8f0}html.dark .th-tab-btn.active{background:#16161d;color:#8b7cf7;box-shadow:0 1px 3px #0000004d}.th-slide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;opacity:0;transition:opacity var(--th-duration-normal) var(--th-ease-standard)}.th-slide-overlay.visible{opacity:1}html.dark .th-slide-overlay{background:#0009}.th-slide-panel{position:fixed;top:0;right:0;bottom:0;width:min(520px,90vw);background:var(--th-surface-card);border-left:1px solid var(--th-surface-border);z-index:51;transform:translate(100%);transition:transform var(--th-duration-slow) var(--th-ease-standard);overflow-y:auto}.th-slide-panel.visible{transform:translate(0)}html.dark .th-slide-panel{background:#16161d;border-color:#2a2a38}.th-filter-bar{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}.th-filter-select{font-size:var(--th-text-sm);padding:6px 12px;border-radius:8px;border:1px solid var(--th-surface-border);background:var(--th-surface-card);color:#374151;cursor:pointer;transition:border-color var(--th-duration-fast) var(--th-ease-standard)}.th-filter-select:focus{border-color:var(--th-brand-500);outline:none}html.dark .th-filter-select{background:#16161d;border-color:#2a2a38;color:#e8e8f0}