@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-primary:#f5f5f9;--bg-secondary:#fff;--bg-tertiary:rgba(50,71,92,.04);--bg-hover:rgba(50,71,92,.06);--text-primary:#32475c;--text-secondary:#566a7f;--accent-primary:#4c6ed1;--accent-hover:#405eba;--accent-light:rgba(76,110,209,.12);--success:#3bad68;--success-bg:rgba(59,173,104,.12);--warning:#efa01a;--warning-bg:rgba(239,160,26,.12);--danger:#df5252;--danger-bg:rgba(223,82,82,.12);--info:#22a7cc;--info-bg:rgba(34,167,204,.12);--border-color:#d9dee3;--shadow-card:0 2px 9px 0 rgba(67,89,113,.1);--shadow-sm:0 2px 4px hsla(251,6%,66%,.3);--sidebar-width:240px;--sidebar-slot:240px;--header-height:52px;--border-radius:6px;--font-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:0.65rem;--text-sm:0.75rem;--text-base:0.85rem;--text-md:0.95rem;--text-lg:1.1rem;--text-xl:1.3rem;--text-2xl:1.6rem}html.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:hsla(0,0%,100%,.03);--bg-hover:hsla(0,0%,100%,.06);--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:hsla(0,0%,100%,.08);--shadow-card:0 4px 12px 0 rgba(0,0,0,.4);--shadow-sm:0 2px 6px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*,:after,:before,body,html{font-family:var(--font-body)}body,html{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;background-color:var(--bg-primary);color:var(--text-primary);font-size:13px;line-height:1.47;-webkit-font-smoothing:antialiased}h1{font-size:1.25rem;letter-spacing:-.01em}h1,h2{font-weight:600;color:var(--text-primary);font-family:var(--font-heading)}h2{font-size:1.1rem}h3{font-size:.95rem;font-weight:600;color:var(--text-primary);font-family:var(--font-heading)}p{color:var(--text-secondary);font-size:12.5px}a{color:var(--accent-primary);text-decoration:none;transition:opacity .15s}a:hover{opacity:.8}button{font-family:inherit}option,select{background-color:var(--bg-secondary);color:var(--text-primary)}.noc-alert-pulse{animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.noc-map-popup .leaflet-popup-content-wrapper{background:#1e293b;color:#f8fafc;border:1px solid #334155;border-radius:8px}.noc-map-popup .leaflet-popup-tip{background:#1e293b}.dashboard-layout{display:flex;height:100%;width:100%;overflow:hidden;background:var(--bg-primary)}.sidebar-wrapper{position:relative;width:var(--sidebar-width);flex-shrink:0;z-index:1010;transition:width .3s cubic-bezier(.4,0,.2,1)}html[data-sidebar-collapsed] .sidebar-wrapper{width:68px}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg-primary)}.main-content{flex:1;padding:16px;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0}.footer-fixed{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-secondary);z-index:10}@media (max-width:768px){.footer-fixed{flex-direction:column;gap:2px;padding:4px 10px;text-align:center;font-size:9px}}.topbar{position:sticky;top:0;z-index:1000;height:var(--header-height);background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 24px;flex-shrink:0;box-shadow:none;margin:0;border-radius:0}#topbar-page-title>div,.topbar{display:flex;align-items:center}#topbar-page-title>div{margin-bottom:0}#topbar-page-title h1{font-size:1.1rem;margin:0}#topbar-page-title p{display:none!important}html.dark .topbar{background:rgba(30,41,59,.95)}.topbar-icon-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.topbar-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.server-time-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:5px 12px;display:flex;align-items:center;gap:6px}.server-time-label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:10px}.server-time-value{font-weight:500;color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:12px}.user-profile-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:6px;border:1px solid transparent;transition:all .2s}.user-profile-trigger:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#fff;font-weight:500;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info-desktop{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.user-role{font-size:11px;color:var(--accent-primary);font-weight:500}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:230px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 25px rgba(67,89,113,.18);z-index:200;overflow:hidden;animation:dropIn .2s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;background:var(--bg-tertiary)}.user-avatar-large{width:42px;height:42px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:1.1rem}.user-name-bold{font-weight:600;font-size:14px}.user-role-label{font-size:11px;color:var(--accent-primary);font-weight:500}.user-dropdown-body{padding:6px}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;transition:background .15s;cursor:pointer}.user-dropdown-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.user-dropdown-item.logout{color:var(--danger)}.user-dropdown-item.logout:hover{background:var(--danger-bg)}.user-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.sidebar{width:var(--sidebar-width);height:100vh;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:2px 0 6px rgba(67,89,113,.08)}.sidebar.collapsed{width:68px}.sidebar.collapsed.hover-expanded{position:fixed;height:100vh;height:100dvh;width:var(--sidebar-width)!important;z-index:1001;box-shadow:4px 0 24px rgba(67,89,113,.22),0 0 0 1px var(--border-color);transition:width .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--border-color);flex-shrink:0;gap:8px;font-family:var(--font-heading)}.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0}.sidebar-menu::-webkit-scrollbar{width:0}.menu-section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);padding:12px 16px 4px;opacity:.45}.menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:1px 8px;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:400;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item.active{background:var(--accent-primary);color:#fff;font-weight:500;box-shadow:0 2px 6px rgba(105,108,255,.2)}.menu-item-icon{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--border-color);padding:10px}.submenu .menu-item{padding-left:30px;font-size:12px}.submenu .menu-item.active{background:var(--accent-light);color:var(--accent-primary);box-shadow:none;font-weight:500}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}.page-header h1{display:flex;align-items:center;gap:8px}.page-header p{display:none}.page-header .header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.card,.card-premium,.glass-panel{background:var(--bg-secondary);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-card);border:none;transition:box-shadow .2s}.card-premium:hover,.card:hover,.glass-panel:hover{box-shadow:0 4px 18px 0 rgba(67,89,113,.16)}.data-table-container{width:100%;-webkit-overflow-scrolling:touch;border-radius:var(--border-radius);box-shadow:var(--shadow-card);background:var(--bg-secondary);border:1px solid var(--border-color);position:relative;scrollbar-width:thin;margin-bottom:12px}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:7px 10px;text-align:left;line-height:1.2;height:32px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-primary);white-space:nowrap;position:sticky;top:0;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table td,.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.data-table td{padding:6.5px 10px;font-size:11.5px;line-height:1.35;vertical-align:middle}.data-table tbody tr:nth-child(2n) td{background:hsla(0,0%,100%,.015)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:rgba(59,130,246,.06)!important;color:var(--text-primary)}.data-table th svg{display:inline;margin-left:2px;opacity:.4;vertical-align:-1px;width:10px;height:10px}.sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease}.sortable-th:hover,.sortable-th:hover svg{color:var(--accent-primary)}.sortable-th:hover svg{opacity:.9}.data-table td input[type=checkbox],.data-table th input[type=checkbox]{width:13px;height:13px;margin:0;vertical-align:middle;cursor:pointer;accent-color:var(--accent-primary)}.data-table td.table-sticky-col-1,.data-table th.table-sticky-col-1{position:sticky;left:0;z-index:3;background-color:var(--bg-secondary)}.data-table th.table-sticky-col-1{z-index:5;background-color:var(--bg-primary)}.data-table td.table-sticky-col-2,.data-table th.table-sticky-col-2{position:sticky;left:40px;z-index:3;background-color:var(--bg-secondary);box-shadow:2px 0 5px -1px rgba(0,0,0,.08)}.data-table th.table-sticky-col-2{z-index:5;background-color:var(--bg-primary)}.data-table tbody tr:hover td.table-sticky-col-1,.data-table tbody tr:hover td.table-sticky-col-2{background-color:var(--bg-hover)!important}.data-table tbody tr.selected-row td.table-sticky-col-1,.data-table tbody tr.selected-row td.table-sticky-col-2{background-color:rgba(37,99,235,.08)!important}.data-table td .item-name,.data-table td .text-bold,.data-table td .user-title,.data-table td b,.data-table td strong{color:var(--text-primary);font-weight:600}.data-table .font-mono,.data-table td code{font-family:var(--font-mono);font-size:11px}.btn-table-action,.data-table .btn{height:24px!important;padding:0 7px!important;font-size:11px!important;font-weight:500!important;gap:3px!important;border-radius:4px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;transition:all .15s ease!important}.data-table .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-ghost){background:hsla(0,0%,100%,.04)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.data-table .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-ghost):hover{background:hsla(0,0%,100%,.08)!important;color:var(--text-primary)!important;border-color:hsla(0,0%,100%,.2)!important}.btn-table-action svg,.data-table .btn svg{width:12px!important;height:12px!important;flex-shrink:0}.cell-subtext,.cell-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-subtext{font-size:.72rem;margin-top:2px}.cell-stack{display:flex;flex-direction:column;gap:3px}.cell-badge-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cell-actions{display:inline-flex;align-items:center;gap:4px;justify-content:center;white-space:nowrap}.cell-actions .btn{height:28px!important;padding:0 8px!important;font-size:.75rem!important}.btn-more-trigger{height:28px!important;width:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;border:1px solid var(--border-color)!important;background:transparent!important;color:var(--text-secondary)!important;cursor:pointer;transition:all .15s ease}.btn-more-trigger.active,.btn-more-trigger:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.table-popover-menu{position:fixed;z-index:9999;min-width:190px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px -5px rgba(0,0,0,.2),0 8px 10px -6px rgba(0,0,0,.1);padding:6px;display:flex;flex-direction:column;gap:2px}.table-popover-header{padding:4px 8px;font-size:.68rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);margin-bottom:4px}.table-popover-item{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:.78rem;font-weight:500;color:var(--text-primary);border-radius:6px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:background .15s ease}.table-popover-item:hover{background:var(--bg-secondary)}.table-popover-item.success{color:#10b981;font-weight:600}.table-popover-item.success:hover{background:rgba(16,185,129,.1)}.table-popover-divider{height:1px;background:var(--border-color);margin:4px 0}.modal-action-bar{margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.modal-action-bar .btn{height:32px!important}.col-tkt-id{width:85px}.col-tkt-customer{min-width:170px;max-width:220px}.col-tkt-pic{min-width:110px}.col-tkt-category{min-width:130px}.col-tkt-status{min-width:140px}.col-tkt-title{min-width:180px;max-width:280px}.col-tkt-date{width:105px;font-size:.75rem}.col-tkt-action{width:130px}.category-pill{padding:2px 8px;font-size:.7rem;font-weight:600;width:-moz-fit-content;width:fit-content}.category-pill,.priority-badge{border-radius:4px;display:inline-block}.priority-badge{font-size:.65rem;font-weight:700;padding:1px 5px}.priority-urgent{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.priority-high{background:#ffedd5;color:#c2410c;border:1px solid #fdba74}.priority-low{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid transparent}.priority-normal{background:#dbeafe;color:#1d4ed8;border:1px solid transparent}.cell-unassigned{font-size:.7rem;color:var(--text-secondary);opacity:.6;font-style:italic}.badge-pic{width:-moz-fit-content;width:fit-content;padding:2px 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 14px;border-radius:4px;font-size:12.5px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;border:1px solid transparent;text-decoration:none;line-height:1;white-space:nowrap}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 8px rgba(37,99,235,.35)}.btn-secondary{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.btn-secondary:hover{background:var(--accent-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.btn-success{background:transparent;color:var(--success);border-color:var(--success)}.btn-success:hover{background:var(--success-bg)}.btn-warning{background:transparent;color:var(--warning);border-color:var(--warning)}.btn-warning:hover{background:var(--warning-bg)}.btn-sm{padding:4px 10px;font-size:11px;height:28px}.btn-lg,.btn-sm{border-radius:4px}.btn-lg{padding:9px 20px;font-size:13.5px}.dashboard-layout .minimal-input,.dashboard-layout .minimal-select,.dashboard-layout input,.dashboard-layout select,.dashboard-layout textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:5px 10px;color:var(--text-primary);font-family:var(--font-body);font-size:12.5px;height:32px;transition:border-color .15s,box-shadow .15s;outline:none}.dashboard-layout textarea{height:auto;min-height:80px;padding:8px 10px;resize:vertical}.dashboard-layout input:focus,.dashboard-layout select:focus,.dashboard-layout textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}input::-moz-placeholder,textarea::-moz-placeholder{color:#b4bdc6}input::placeholder,textarea::placeholder{color:#b4bdc6}select option{background:var(--bg-secondary);color:var(--text-primary)}.search-group,.search-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:160px;max-width:280px}.search-group svg,.search-wrapper svg{position:absolute;left:10px;width:14px;height:14px;color:var(--text-secondary);pointer-events:none;opacity:.7;z-index:1}.search-group input,.search-wrapper input{padding-left:34px!important;width:100%}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0}.filter-bar input{max-width:260px}.filter-bar select{max-width:160px}.filter-select{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;padding:6px 12px!important;color:var(--text-primary)!important;font-size:13px!important;height:34px!important;outline:none!important;cursor:pointer;transition:border-color .15s!important}.filter-select:focus{border-color:var(--accent-primary)!important}.action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:16px;box-shadow:var(--shadow-card)}.action-bar .spacer{flex:1}.toolbar-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-card);margin-bottom:10px;overflow:hidden}.toolbar-panel .toolbar-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:5px 8px;border-bottom:1px solid var(--border-color)}.toolbar-panel .toolbar-actions:last-child,.toolbar-panel:not(:has(.toolbar-filters)) .toolbar-actions{border-bottom:none}.toolbar-panel .toolbar-actions .spacer{flex:1;min-width:8px}.toolbar-actions select:not(.filter-select),.toolbar-page-size,.toolbar-select{height:28px!important;padding:0 18px 0 8px!important;border-radius:var(--border-radius-sm,4px)!important;border:1px solid var(--border-color)!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;font-size:11.5px!important;font-weight:500!important;cursor:pointer;outline:none!important;transition:border-color .15s,box-shadow .15s}.toolbar-actions select:focus,.toolbar-page-size:focus,.toolbar-select:focus{border-color:var(--accent-primary)!important}.toolbar-actions .btn{font-weight:500!important;border-radius:var(--border-radius-sm,4px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important}.toolbar-actions .btn,.toolbar-actions .btn.btn-sm{height:28px!important;font-size:11.5px!important;padding:0 8px!important}.toolbar-actions .btn svg{width:13px!important;height:13px!important;flex-shrink:0}.toolbar-actions .btn-primary{background:var(--accent-primary)!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.15)!important;box-shadow:0 1px 2px rgba(0,0,0,.25)!important;padding:0 10px!important;font-weight:600!important}.toolbar-actions .btn-primary:hover{background:var(--accent-hover,#2563eb)!important}.toolbar-actions .btn-secondary,.toolbar-actions .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-ghost){background:hsla(0,0%,100%,.04)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.toolbar-actions .btn-secondary:hover,.toolbar-actions .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-ghost):hover{background:hsla(0,0%,100%,.08)!important;color:var(--text-primary)!important;border-color:hsla(0,0%,100%,.2)!important}.toolbar-actions .btn-danger{background:rgba(239,68,68,.1)!important;border:1px solid rgba(239,68,68,.25)!important;color:#f87171!important}.toolbar-actions .btn-danger:hover{background:rgba(239,68,68,.2)!important;color:#ef4444!important;border-color:rgba(239,68,68,.4)!important}.toolbar-actions .btn-success{background:rgba(16,185,129,.1)!important;border:1px solid rgba(16,185,129,.25)!important;color:#34d399!important}.toolbar-actions .btn-success:hover{background:rgba(16,185,129,.2)!important;color:#10b981!important;border-color:rgba(16,185,129,.4)!important}.toolbar-actions .btn-ghost{background:transparent!important;border:1px solid transparent!important;color:var(--text-secondary)!important}.toolbar-actions .btn-ghost:hover{background:hsla(0,0%,100%,.05)!important;color:var(--text-primary)!important}.toolbar-date-range{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm,4px);font-size:11.5px;color:var(--text-secondary);white-space:nowrap}.toolbar-date-range input[type=date]{background:transparent!important;border:none!important;color:var(--text-primary)!important;font-size:11.5px!important;font-family:inherit!important;outline:none!important;cursor:pointer;padding:0!important;height:auto!important;width:auto!important;min-width:0!important;box-shadow:none!important}.toolbar-date-range .date-sep{opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar-date-range .date-clear-btn{background:none!important;border:none!important;color:var(--text-secondary)!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0!important;margin-left:2px;transition:color .15s}.toolbar-date-range .date-clear-btn:hover{color:var(--danger)!important}.toolbar-actions .search-group{height:28px!important;min-width:180px;max-width:260px}.toolbar-actions .search-group input{height:28px!important;font-size:12px!important;border-radius:var(--border-radius-sm,4px)!important;padding-left:30px!important}.toolbar-actions .search-group svg{left:8px!important;width:13px!important;height:13px!important}.toolbar-panel .toolbar-filters{display:flex;align-items:center;gap:0;overflow-x:auto}.toolbar-panel .toolbar-filters select{flex:1;min-width:120px;background:transparent!important;border:none!important;border-right:1px solid var(--border-color)!important;border-radius:0!important;height:28px!important;padding:0 8px!important;font-size:12px!important;color:var(--text-secondary)!important;cursor:pointer;transition:background .15s,color .15s}.toolbar-panel .toolbar-filters select:last-child{border-right:none!important}.toolbar-panel .toolbar-filters select:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.toolbar-panel .toolbar-filters select:focus{background:var(--accent-light)!important;color:var(--accent-primary)!important;box-shadow:none!important;outline:none!important}.app-tab-nav{display:flex;align-items:center;width:100%;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--border-color)}.app-tab-nav::-webkit-scrollbar{display:none}.app-tab-bar{display:flex;gap:8px;padding:0;width:100%;margin-bottom:-1px}.app-tab-bar,.app-tab-btn{align-items:center;background:transparent}.app-tab-btn{display:inline-flex;justify-content:center;gap:7px;padding:8px 14px 10px;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.83rem;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all .15s ease-in-out;font-family:inherit;line-height:1.25;position:relative}.app-tab-btn:hover{color:var(--text-primary);background:transparent}.app-tab-btn.active{color:var(--accent-primary);font-weight:600;border-bottom:2px solid var(--accent-primary);background:transparent;box-shadow:none}.app-tab-bar.w-full{width:100%}.app-tab-btn.flex-1{flex:1;min-width:90px}.app-tab-dot{position:absolute;top:6px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--warning)}.app-tab-badge{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:1.5px 6px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);font-family:var(--font-mono);line-height:1.2;transition:all .15s ease}.app-tab-btn.active .app-tab-badge{background:var(--accent-light);color:var(--accent-primary);border-color:rgba(76,110,209,.4)}.segmented-control{display:inline-flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:3px;gap:2px}.segmented-btn{padding:5px 11px;border-radius:calc(var(--border-radius) - 2px);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .15s ease;line-height:1.2;white-space:nowrap}.segmented-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.segmented-btn.active{background:var(--accent-primary);color:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.2)}.chart-container{position:relative;width:100%;overflow-x:auto}.chart-tooltip{position:absolute;top:8px;transform:translateX(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--border-radius);padding:8px 12px;pointer-events:none;font-size:var(--text-xs);min-width:150px;z-index:10}.chart-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.chart-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chart-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chart-dot-primary{background:#38bdf8}.chart-dot-success{background:#10b981}.chart-dot-danger{background:#f43f5e}.chart-svg{width:100%;height:auto;min-width:560px;display:block}.chart-table-container{overflow-y:auto;max-height:280px}.technical-tab-track{display:flex;align-items:center;gap:16px;border-bottom:1px dashed hsla(0,0%,100%,.18);position:relative;margin-bottom:4px;padding:0 4px;overflow-x:auto;-webkit-overflow-scrolling:touch}html:not(.dark) .technical-tab-track{border-bottom:1px dashed rgba(50,71,92,.22)}.technical-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 6px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;position:relative;margin-bottom:-1px;white-space:nowrap;font-family:inherit}.technical-tab:hover{color:var(--text-primary)}.technical-tab.active{color:var(--accent-primary);font-weight:600;border-bottom:2px solid var(--accent-primary)}.technical-tab .tab-counter{font-size:10.5px;font-weight:600;padding:1.5px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);font-family:var(--font-mono);line-height:1.2;transition:all .18s ease}.technical-tab.active .tab-counter{background:var(--accent-light);color:var(--accent-primary);border-color:rgba(76,110,209,.4)}.badge{display:inline-flex;align-items:center;gap:3.5px;padding:2.5px 7px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;line-height:1.2;border:1px solid transparent}.badge-success{background:rgba(16,185,129,.12);color:#34d399;border-color:rgba(16,185,129,.25)}.badge-danger{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(239,68,68,.25)}.badge-warning{background:rgba(245,158,11,.12);color:#fbbf24;border-color:rgba(245,158,11,.25)}.badge-info{background:rgba(6,182,212,.12);color:#22d3ee;border-color:rgba(6,182,212,.25)}.badge-primary{background:rgba(59,130,246,.12);color:#60a5fa;border-color:rgba(59,130,246,.25)}.badge-purple{background:rgba(139,92,246,.12);color:#a78bfa;border-color:rgba(139,92,246,.25)}.badge-secondary{background:hsla(0,0%,100%,.05);border-color:var(--border-color)}.badge-secondary,.btn-icon{color:var(--text-secondary)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:none;cursor:pointer;transition:all .15s;background:transparent}.btn-icon:hover{background:var(--bg-hover);color:var(--accent-primary)}.selected-row td{background:rgba(37,99,235,.05)!important}.confirm-overlay,.modal-overlay{position:fixed;inset:0;background:rgba(50,71,92,.4);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .2s ease}.modal-box,.modal-window{position:relative;padding:28px;max-width:480px;max-height:90vh;overflow-y:auto}.confirm-card,.modal-box,.modal-window{background:var(--bg-secondary);border-radius:8px;width:calc(100% - 32px);margin:0 16px;box-shadow:0 12px 40px rgba(67,89,113,.18);animation:slideUp .25s ease}.confirm-card{padding:32px;max-width:380px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;margin:0 auto 16px}.confirm-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;font-family:var(--font-heading)}.confirm-text{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-btn{padding:9px 22px;border-radius:6px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s;font-family:inherit}.confirm-cancel{background:transparent;border-color:var(--border-color);color:var(--text-primary)}.confirm-cancel:hover{background:var(--bg-hover)}.confirm-ok{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.confirm-ok:hover{background:var(--accent-hover)}.notification-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.custom-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:8px;background:var(--bg-secondary);min-width:280px;max-width:360px;box-shadow:0 4px 18px rgba(67,89,113,.14);animation:slideIn .25s ease;border-left:4px solid var(--accent-primary)}.custom-alert.success{border-left-color:var(--success)}.custom-alert.error{border-left-color:var(--danger)}.custom-alert.warning{border-left-color:var(--warning)}@keyframes slideIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.custom-alert.success .alert-icon{color:var(--success)}.custom-alert.error .alert-icon{color:var(--danger)}.custom-alert.warning .alert-icon{color:var(--warning)}.alert-title{font-weight:600;font-size:13px;margin-bottom:2px;font-family:var(--font-heading)}.alert-msg{font-size:12px;color:var(--text-secondary)}.floating-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--bg-secondary);border-radius:8px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:400px;box-shadow:0 4px 18px rgba(67,89,113,.18);z-index:300}.animate-fade-in{animation:fadeIn .3s ease}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hover-scale{transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.hover-scale:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.mono-data{font-family:var(--font-mono);font-size:12px}.divider{height:1px;background:var(--border-color);margin:16px 0}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.progress-bar-track{height:6px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:99px;background:var(--accent-primary);transition:width .6s ease}.page-loader{display:flex;align-items:center;justify-content:center;padding:40px}.empty-state,.page-loader{color:var(--text-secondary)}.empty-state{text-align:center;padding:32px}.form-label{display:block;margin-bottom:8px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.stat-card{padding:24px;border-left:4px solid var(--accent-primary)}.stat-card-compact{padding:14px}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.stat-card-value{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.stat-card-value-lg{font-size:var(--text-2xl);font-weight:900;line-height:1;color:var(--text-primary)}.stat-card-sub{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.panel-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.panel-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary)}.panel-header-title{margin:0;font-size:var(--text-md);font-weight:500;display:flex;align-items:center;gap:8px}.panel-body{padding:20px}.panel-body-compact{padding:14px}.activity-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.activity-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-primary);justify-content:center;flex-shrink:0}.activity-avatar,.pagination{display:flex;align-items:center}.pagination{justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{min-width:32px;height:32px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pagination-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:disabled:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.pagination-select{height:32px;font-size:var(--text-sm);padding:0 8px}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-items-center{display:flex;align-items:center}.flex-items-start{display:flex;align-items:flex-start}.flex-gap-xs{gap:4px}.flex-gap-sm{gap:8px}.flex-gap-md{gap:12px}.flex-gap-lg{gap:16px}.flex-gap-xl{gap:24px}.flex-gap-2xl{gap:32px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.grid-2col{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.grid-auto-lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.gap-2xl{gap:32px}.m-0{margin:0}.m-xs{margin:4px}.m-sm{margin:8px}.m-md{margin:12px}.m-lg{margin:16px}.m-xl{margin:24px}.m-2xl{margin:32px}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:10px}.mb-lg{margin-bottom:12px}.mb-xl{margin-bottom:24px}.mb-2xl{margin-bottom:32px}.mt-0{margin-top:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mt-xl{margin-top:24px}.mt-2xl{margin-top:32px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.p-xl{padding:24px}.p-2xl{padding:28px}.px-xs{padding-left:4px;padding-right:4px}.px-sm{padding-left:8px;padding-right:8px}.px-md{padding-left:12px;padding-right:12px}.px-lg{padding-left:16px;padding-right:16px}.px-xl{padding-left:24px;padding-right:24px}.py-xs{padding-top:4px;padding-bottom:4px}.py-sm{padding-top:8px;padding-bottom:8px}.py-md{padding-top:12px;padding-bottom:12px}.py-lg{padding-top:16px;padding-bottom:16px}.py-xl{padding-top:24px;padding-bottom:24px}.w-full{width:100%}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-bold{font-weight:500}.text-bolder{font-weight:600}.text-black{font-weight:900}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-upper{text-transform:uppercase;letter-spacing:.08em}.text-nowrap,.text-truncate{white-space:nowrap}.text-truncate{overflow:hidden;text-overflow:ellipsis}.border-accent{border-left-color:var(--accent-primary)}.border-warning{border-left-color:var(--warning)}.border-danger{border-left-color:var(--danger)}.border-success{border-left-color:var(--success)}.border-info{border-left-color:var(--info)}.border-muted{border-left-color:var(--text-secondary)}.data-table-container{padding:0!important;overflow-x:auto}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.form-grid-2col,.neraca-grid{grid-template-columns:1fr!important}.data-table{font-size:11px}.data-table td,.data-table th{padding:6px 8px}.glass-panel.p-xl{padding:16px!important}.search-group,.search-group input{width:100%}.pendaftaran-steps>div>div:last-child{display:none}.pendaftaran-steps{gap:8px!important;justify-content:center}}.guide-card{padding:12px;border-radius:10px}.sidebar.collapsed.hover-expanded{width:240px!important;position:fixed!important;top:0;left:0;bottom:0;z-index:1050;box-shadow:8px 0 32px rgba(0,0,0,.25);transition:width .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{transition:width .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.sidebar.collapsed:not(.hover-expanded) .sidebar-menu{overflow:hidden}.section-title{font-size:var(--text-base);font-weight:600;font-family:var(--font-heading)}.sidebar-overlay{opacity:0;transition:opacity .4s ease}.sidebar-overlay.active{opacity:1}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:rgba(37,99,235,.2) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}:hover::-webkit-scrollbar-thumb{background:rgba(37,99,235,.25)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(50,71,92,.4);z-index:999;backdrop-filter:blur(4px)}.sidebar-overlay.active{display:block}@media (max-width:1024px){.mobile-toggle{display:flex!important}.sidebar-wrapper{position:fixed;top:0;left:0;bottom:0;transform:translateX(-110%);transition:transform .3s ease;width:240px!important}.sidebar-wrapper.open{transform:translateX(0)}.main-wrapper{width:100%!important;min-width:0}.server-time-box,.user-info-desktop{display:none!important}.main-content{padding:20px}.topbar{padding:0 16px;height:50px;gap:8px;margin:0}}@media (max-width:768px){.grid-2col{grid-template-columns:1fr}.grid-auto,.grid-auto-sm{grid-template-columns:repeat(2,1fr)}.grid-auto-lg{grid-template-columns:1fr}.toolbar-actions,.toolbar-filters{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;justify-content:flex-start!important}.toolbar-actions::-webkit-scrollbar,.toolbar-filters::-webkit-scrollbar{display:none}.toolbar-actions>*,.toolbar-filters>*{flex-shrink:0}.page-header,.pagination{flex-direction:column;align-items:flex-start}.hide-mobile{display:none}.btn:active,.stat-box:active,button:active{transform:scale(.96);transition:transform .1s}*{-webkit-tap-highlight-color:transparent}.stat-box,a,button,input,select{touch-action:manipulation}}@media (max-width:480px){.grid-auto,.grid-auto-sm{grid-template-columns:1fr}.main-content{padding:16px}.topbar{padding:0 12px;margin:0}}html[data-semi-dark] .sidebar{background:#2f3349!important;border-right-color:hsla(0,0%,100%,.08)!important;box-shadow:4px 0 12px rgba(0,0,0,.2)!important}html[data-semi-dark] .sidebar-header{border-bottom-color:hsla(0,0%,100%,.08)!important}html[data-semi-dark] .menu-category,html[data-semi-dark] .menu-section-label{color:rgba(207,211,236,.35)!important}html[data-semi-dark] .menu-item{color:#a5adbe!important}html[data-semi-dark] .menu-item:hover{background:hsla(0,0%,100%,.06)!important;color:#cfd3ec!important}html[data-semi-dark] .menu-item.active{background:var(--accent-primary)!important;color:#fff!important;font-weight:500!important;box-shadow:0 2px 6px rgba(105,108,255,.2)!important}html[data-semi-dark] .sidebar-footer{border-top-color:hsla(0,0%,100%,.08)!important}html[data-semi-dark] .sidebar [style*=borderLeft]{border-left-color:hsla(0,0%,100%,.08)!important}html[data-semi-dark] .sidebar-header span{color:#cfd3ec!important}html[data-semi-dark] .sidebar button{color:#8692a4!important}html[data-semi-dark] .sidebar button:hover{color:#cfd3ec!important;background:hsla(0,0%,100%,.06)!important}html[data-skin=bordered] .card,html[data-skin=bordered] .card-premium,html[data-skin=bordered] .glass-panel{box-shadow:none!important;border:1px solid var(--border-color)!important}.premium-input-group{display:flex;flex-direction:column;gap:6px}.premium-input-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .field-icon{position:absolute;left:12px;color:var(--text-secondary);opacity:.5;pointer-events:none;display:flex;align-items:center;z-index:1}.input-with-icon input,.input-with-icon select{padding-left:40px!important;width:100%}.btn-premium-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;font-size:var(--text-base);font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-premium-submit:hover{box-shadow:0 6px 20px rgba(37,99,235,.45);transform:translateY(-1px)}.btn-premium-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px}.stats-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stats-grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stats-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-grid-5{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-grid-6{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.stat-box{position:relative;display:flex;overflow:hidden;padding:0;min-height:48px;align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.stat-box.is-clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stat-box.is-clickable:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.25)}.stat-box.is-active{border-color:var(--accent-primary)!important;box-shadow:0 0 0 1px var(--accent-primary),0 4px 12px rgba(59,130,246,.15)!important;background:rgba(59,130,246,.04)}.stat-box.border-left-primary{border-left:3px solid var(--accent-primary)}.stat-box.border-left-success{border-left:3px solid var(--success)}.stat-box.border-left-warning{border-left:3px solid var(--warning)}.stat-box.border-left-danger{border-left:3px solid var(--danger)}.stat-box.border-left-purple{border-left:3px solid #8b5cf6}.stat-box.border-left-info{border-left:3px solid var(--info)}.stat-box.stat-box-vertical{flex-direction:column;padding:10px 14px;justify-content:space-between}.stat-watermark{position:absolute;right:-8px;top:-8px;opacity:.07;pointer-events:none;display:flex;align-items:center;justify-content:center}.stat-card-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid transparent}.stat-card-badge.badge-success{background:rgba(16,185,129,.12);color:var(--success);border-color:rgba(16,185,129,.25)}.stat-card-badge.badge-warning{background:rgba(245,158,11,.12);color:var(--warning);border-color:rgba(245,158,11,.25)}.stat-card-badge.badge-danger{background:rgba(239,68,68,.12);color:var(--danger);border-color:rgba(239,68,68,.25)}.stat-card-badge.badge-purple{background:rgba(139,92,246,.12);color:#8b5cf6;border-color:rgba(139,92,246,.25)}.stat-card-badge.badge-primary{background:rgba(59,130,246,.12);color:var(--accent-primary);border-color:rgba(59,130,246,.25)}.stat-icon-wrapper{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;border-right:1px solid hsla(0,0%,100%,.05)}.stats-grid-6 .stat-icon-wrapper{width:36px}.stat-icon-wrapper svg{width:16px;height:16px}.stat-icon-wrapper.bg-primary{background-color:var(--accent-primary)}.stat-icon-wrapper.bg-success{background-color:var(--success)}.stat-icon-wrapper.bg-warning{background-color:var(--warning)}.stat-icon-wrapper.bg-danger{background-color:var(--danger)}.stat-icon-wrapper.bg-info{background-color:var(--info)}.stat-icon-wrapper.bg-secondary{background-color:var(--text-secondary)}.bg-purple,.stat-icon-wrapper.bg-purple{background-color:#8b5cf6!important}.bg-cyan,.stat-icon-wrapper.bg-cyan{background-color:#06b6d4!important}.stat-icon-wrapper.soft-accent,.stat-icon-wrapper.soft-primary{background:rgba(59,130,246,.15);color:var(--accent-primary)}.stat-icon-wrapper.soft-success{background:rgba(16,185,129,.15);color:var(--success)}.stat-icon-wrapper.soft-warning{background:rgba(245,158,11,.15);color:var(--warning)}.stat-icon-wrapper.soft-danger{background:rgba(239,68,68,.15);color:var(--danger)}.stat-icon-wrapper.soft-purple{background:rgba(139,92,246,.15);color:#8b5cf6}.stat-icon-wrapper.soft-info{background:rgba(6,182,212,.15);color:var(--info)}.stat-icon-wrapper.soft-cyan{background:rgba(6,182,212,.15);color:#06b6d4}.stat-icon-wrapper.soft-secondary{background:rgba(148,163,184,.15);color:var(--text-secondary)}.stat-text-content{padding:6px 10px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.stat-label,.stat-title{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 2px;line-height:1.25}.stat-filtered-tag{font-size:10.5px;color:var(--text-secondary);font-weight:500;margin-left:4px;text-transform:none}.stat-number,.stat-value{font-size:1.15rem;font-weight:700;line-height:1.15;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-subtitle{font-size:.68rem;color:var(--text-secondary);margin-top:2px;line-height:1.2}.stat-number.text-success,.stat-value.text-success{color:var(--success)}.stat-number.text-warning,.stat-value.text-warning{color:var(--warning)}.stat-number.text-danger,.stat-value.text-danger{color:var(--danger)}.stat-number.text-info,.stat-value.text-info{color:var(--info)}.stat-number.text-purple,.stat-value.text-purple,.text-purple{color:#8b5cf6!important}.stat-number.text-cyan,.stat-value.text-cyan,.text-cyan{color:#06b6d4!important}.w-40px{width:40px}.w-50px{width:50px}.w-100px{width:100px}.w-120px{width:120px}.w-150px{width:150px}.w-160px{width:160px}.toolbar-actions .btn:not(.btn-icon){min-width:auto;justify-content:center}@media (max-width:1024px){.stats-grid,div[class*=stats-grid],div[style*=gridTemplateColumns]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important}}@media (max-width:768px){.stats-grid,div[class*=stats-grid],div[style*=gridTemplateColumns]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:8px!important}.stat-icon-wrapper{width:36px}.stat-text-content{padding:5px 8px}.stat-number,.stat-value{font-size:1.05rem}}@media (max-width:480px){.stats-grid,div[class*=stats-grid]{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.stat-box{min-width:0!important}.stat-icon-wrapper{width:32px!important}.stat-text-content{padding:4px 6px!important}.stat-number,.stat-value{font-size:.95rem!important}.stat-label,.stat-title{font-size:.68rem!important}}