.user-dropdown-menu[data-v-d870fffb]{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:4px;padding:4px 0;position:absolute;bottom:100%;left:8px;right:8px;box-shadow:0 4px 12px #0000001a}.user-dropdown-item[data-v-d870fffb]{color:#364153;cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:background .15s;display:flex}.user-dropdown-item[data-v-d870fffb]:hover{color:#ef4444;background:#f3f4f6}.nav-arrow[data-v-d870fffb]{flex-shrink:0;margin-left:auto;transition:transform .2s}:root{--sidebar-w:240px;--content-pad:32px;--card-gap:24px;--card-pad:24px;--card-radius:16px;--btn-radius:10px;--btn-h:36px;--font-nav:20px;--font-subnav:18px;--font-page-title:28px;--font-card-title:18px;--font-table-head:18px;--font-body:14px;--font-kpi:30px;--font-kpi-sm:26px;--font-btn:16px;--font-aux:12px;--font-table-body:16px;--font-tag:14px;--font-sc-label:14px;--font-sc-value:30px;--font-sc-trend:14px;--font-sc-unit:14px;--filter-h:36px;--font-table-head-sm:14px;--font-table-body-sm:14px;--table-pad:14px 16px;--table-pad-sm:10px 14px}@media (width<=1440px){:root{--sidebar-w:220px;--content-pad:24px;--card-gap:20px;--card-pad:20px;--font-nav:16px;--font-subnav:15px;--font-page-title:24px;--font-card-title:16px;--font-table-head:15px;--font-body:13px;--font-kpi:26px;--font-kpi-sm:20px;--font-btn:14px;--btn-h:36px;--font-table-body:15px;--font-tag:13px;--font-sc-label:13px;--font-sc-value:26px;--font-sc-trend:13px;--font-sc-unit:13px;--filter-h:34px;--font-table-head-sm:13px;--font-table-body-sm:13px}}@media (width<=1280px){:root{--sidebar-w:200px;--content-pad:20px;--card-gap:16px;--card-pad:16px;--card-radius:12px;--btn-radius:8px;--font-nav:15px;--font-subnav:14px;--font-page-title:22px;--font-card-title:15px;--font-body:12px;--font-table-head:14px;--font-kpi:24px;--font-kpi-sm:18px;--font-btn:13px;--btn-h:34px;--font-table-body:14px;--font-tag:12px;--font-sc-label:12px;--font-sc-value:24px;--font-sc-trend:12px;--font-sc-unit:12px;--filter-h:34px;--font-table-head-sm:12px;--font-table-body-sm:12px;--table-pad:12px 14px;--table-pad-sm:8px 12px}}@media (width<=1024px){:root{--sidebar-w:64px;--content-pad:16px;--card-gap:12px;--card-pad:12px;--card-radius:8px;--btn-radius:6px;--font-page-title:20px;--font-card-title:14px;--font-kpi:22px;--font-kpi-sm:16px;--font-table-head:13px;--font-btn:12px;--font-aux:11px;--btn-h:32px;--font-table-body:13px;--font-tag:11px;--font-sc-label:11px;--font-sc-value:22px;--font-sc-trend:11px;--font-sc-unit:11px;--filter-h:32px;--font-table-head-sm:11px;--font-table-body-sm:11px;--table-pad:10px 12px;--table-pad-sm:6px 10px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#0a0a0a;background:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,Noto Sans SC,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-weight:400;line-height:1.5}.app{height:100vh;display:flex;overflow:hidden}.main-content{padding:var(--content-pad);flex:1;overflow:auto}.sidebar{width:var(--sidebar-w);background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;height:100%;transition:width .25s;display:flex}.sidebar-header{align-items:center;gap:8px;height:76px;padding:18px 16px;display:flex}.logo-icon{object-fit:contain;flex:none;width:40px;height:40px}.logo-title{object-fit:contain;flex:none;height:40px}.search-box{margin:0 12px;position:relative}.search-input{color:#0a0a0a80;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:38px;padding:8px 12px 8px 36px;font-size:14px}.search-icon{color:#6a7282;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{border-radius:var(--btn-radius);cursor:pointer;color:inherit;align-items:center;gap:12px;margin-bottom:4px;padding:14px 12px;text-decoration:none;transition:background .2s;display:flex}.nav-item:hover{background:#f9fafb}.nav-item.active{color:#fff;background:#4f39f6}.nav-item.active .nav-text,.nav-item.active .nav-icon{color:#fff}.nav-item.active svg{stroke:#fff}.nav-icon{color:#6a7282;flex-shrink:0;width:20px;height:20px}.nav-text{font-size:var(--font-nav);color:#6a7282;white-space:nowrap;font-weight:500;overflow:hidden}.nav-submenu{flex-direction:column;gap:4px;margin-bottom:8px;padding-left:28px;display:flex}.subnav-item{border-radius:var(--btn-radius);font-size:var(--font-subnav);color:#6a7282;cursor:pointer;white-space:nowrap;padding:12px;text-decoration:none;transition:background .2s;display:block;overflow:hidden}.subnav-item:hover{background:#f9fafb}.subnav-item.active{color:#4f39f6;background:#eef2ff}.sidebar-footer{border-top:1px solid #e5e7eb;padding:17px 16px}.user-profile{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.user-avatar{color:#fff;background:#4f39f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.user-info{flex:1}.user-name{color:#0a0a0a;font-size:14px;font-weight:500}.user-role{color:#6a7282;font-size:13px}.sidebar-toggle{cursor:pointer;color:#6a7282;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:background .2s;display:flex}.sidebar-toggle:hover{background:#f3f4f6}.sidebar-toggle svg{width:18px;height:18px;transition:transform .25s}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar.collapsed{width:80px}.sidebar.collapsed .logo-title,.sidebar.collapsed .sidebar-toggle{display:none}.sidebar.collapsed .sidebar-header{height:72px;padding:16px}.sidebar.collapsed .search-box{justify-content:center;align-items:center;height:52px;margin:0;display:flex}.sidebar.collapsed .search-input{display:none}.sidebar.collapsed .search-icon{cursor:pointer;width:20px;height:20px;position:static;transform:none}.sidebar.collapsed .nav{padding:16px 12px 0}.sidebar.collapsed .nav-item{justify-content:flex-start;gap:0;height:52px;padding:0 0 0 12px;position:relative}.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-arrow{display:none}.sidebar.collapsed .nav-submenu{display:none!important}.sidebar.collapsed .subnav-item{display:none}.sidebar.collapsed .sidebar-footer{border-top:1px solid #e5e7eb;padding:17px 16px}.sidebar.collapsed .user-profile{padding:0 0 0 8px}.sidebar.collapsed .user-info,.sidebar.collapsed .user-profile svg{display:none}.sidebar.collapsed .nav-item:hover:after{content:attr(data-label);color:#fff;white-space:nowrap;z-index:999;pointer-events:none;background:#0a0a0a;border-radius:6px;margin-left:8px;padding:4px 12px;font-size:13px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.mobile-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:none}.hamburger-btn{cursor:pointer;color:#0a0a0a;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hamburger-btn:hover{background:#f3f4f6}.hamburger-btn svg{width:22px;height:22px}.mobile-header .mobile-logo{object-fit:contain;height:28px}.page-title{font-size:var(--font-page-title);color:#0a0a0a;margin-bottom:var(--card-gap);font-weight:600;line-height:1.3}.btn{height:var(--btn-h);border-radius:var(--btn-radius);font-size:var(--font-btn);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-weight:500;display:inline-flex}.btn-primary{color:#fff;background:#4f39f6}.btn-secondary{color:#4a5565;background:#f9fafb;border:1px solid #e5e7eb}.btn-primary:hover{background:#4338ca}.btn-secondary:hover{background:#f3f4f6}.btn--lg{height:42px;padding:0 20px;font-size:14px}.btn--shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000001a}.btn--full{width:100%}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-danger-outline{color:#dc2626;background:#fff;border:1px solid #dc2626}.btn-danger-outline:hover{background:#fef2f2;border-color:#b91c1c}.btn-dashed{color:#4f39f6;cursor:pointer;white-space:nowrap;background:0 0;border:2px dashed #4f39f6;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-dashed:hover{background:#faf9ff}.btn-dashed--full{width:100%}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:inline-flex}.btn-icon:hover{background:#0000000a}.btn-icon--danger{color:#dc2626}.btn-icon--danger:hover{background:#dc262614}.btn.is-loading{pointer-events:none;opacity:.7}.btn.is-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;margin-left:6px;animation:.6s linear infinite spin;display:inline-block}.action-btns{flex-wrap:nowrap;align-items:center;gap:0;display:flex}.action-btn{color:#4f39f6;font-size:var(--font-table-body);cursor:pointer;white-space:nowrap;padding:0 8px;font-weight:500;text-decoration:none}.action-btn:hover{color:#4338ca;text-decoration:none}.action-btn.text-gray{color:#9ca3af}.action-btn.text-red{color:#dc2626}.action-btn.text-red:hover{color:#b91c1c}.action-btn.text-orange{color:#ea580c}.action-btn.text-orange:hover{color:#c2410c}.action-btn.text-green{color:#16a34a}.action-btn.text-green:hover{color:#15803d}.action-btn.text-primary{color:#4f39f6}.action-btn.text-primary:hover{color:#4338ca}.action-btn--sm{font-size:13px}.action-divider{background:#e5e7eb;flex-shrink:0;width:1px;height:14px;display:inline-block}.tag{border-radius:9999px;justify-content:center;align-items:center;padding:3px 10px;font-size:13px;font-weight:500;display:inline-flex}.tag-purple{color:#4f39f6;background:#eef2ff}.tag-green{color:#059669;background:#ecfdf5}.tag-orange{color:#ea580c;background:#fff7ed}.tag-gray{color:#6a7282;background:#f3f4f6}.tag-role-manager{color:#dc2626;background:#fef3f2;border-radius:8px;justify-content:center;align-items:center;padding:2px 10px;font-size:14px;font-weight:500;display:inline-flex}.tag-role-staff{color:#7c3aed;background:#f5f3ff;border-radius:8px;justify-content:center;align-items:center;padding:2px 10px;font-size:14px;font-weight:500;display:inline-flex}.tag-role-parttime{color:#4a5565;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;padding:2px 10px;font-size:14px;font-weight:500;display:inline-flex}.status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge.open{color:#4f39f6;background:#eef2ff}.status-badge.open:before{background:#4f39f6}.status-badge.closed{color:#6a7282;background:#f3f4f6}.status-badge.closed:before{background:#9ca3af}.gen-status-done{color:#16a34a;background:#dcfce7;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.gen-status-running{color:#d97706;background:#fffbeb;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.gen-status-fail{color:#dc2626;background:#fef2f2;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.gen-status-pending{color:#6a7282;background:#f3f4f6;border-radius:9999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.dc-badge{border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.dc-badge-green{color:#059669;background:#ecfdf5}.dc-badge-blue{color:#1d4ed8;background:#dbeafe}.dc-badge-orange{color:#ea580c;background:#fff7ed}.dc-badge-red{color:#dc2626;background:#fef2f2}.dc-badge-gray{color:#6a7282;background:#f3f4f6}.dc-badge-purple{color:#4f39f6;background:#eef2ff}.toggle{cursor:pointer;background:#4f39f6;border-radius:11px;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0003}.toggle.off{background:#e5e7eb}.toggle.off:after{left:2px;right:auto}.table-section{border-radius:var(--card-radius);background:#fff;border:1px solid #f3f4f6;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.table-scroll{flex:1;max-height:600px;overflow:auto}.table-scroll::-webkit-scrollbar{width:6px;height:6px}.table-scroll::-webkit-scrollbar-track{background:#f9fafb}.table-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.table-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.table-title{font-size:var(--font-card-title);color:#0a0a0a;font-weight:600}.filter-bar{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 24px;display:flex}.filter-input{height:var(--filter-h);color:#0a0a0a;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:0 12px;font-family:inherit;font-size:14px}select.filter-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2399A1AF' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.filter-input:focus{border-color:#4f39f6}select.filter-input{color:#0a0a0a66}select.filter-input.has-value{color:#0a0a0a}.filter-input::placeholder{color:#0a0a0a66}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--table-pad);font-size:var(--font-table-head);color:#6a7282;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:500}.data-table td{padding:var(--table-pad);font-size:var(--font-table-body);color:#0a0a0a;vertical-align:middle;border-bottom:1px solid #f3f4f6}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f3f4f6}.data-table-wrap{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden}.data-table--compact th{font-size:var(--font-table-head-sm);padding:var(--table-pad-sm);white-space:nowrap;background:#f9fafb;border-bottom-color:#e5e7eb;font-weight:500}.data-table--compact td{padding:var(--table-pad-sm);color:#0a0a0a;height:auto;font-size:var(--font-table-body-sm);white-space:nowrap}.data-table--mini th{background:#f9fafb;border-bottom-color:#e5e7eb;padding:8px 12px;font-size:13px;font-weight:500}.data-table--mini td{color:#374151;height:auto;padding:10px 12px;font-size:13px}.data-table-wrap--flat{border:none;border-top:1px solid #e5e7eb;border-radius:0}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.td-nowrap{white-space:nowrap}.td-center,.data-table th.td-center{text-align:center}.td-fixed{background:#fff}.td-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.clamp2{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.pagination-left{color:#6a7282;align-items:center;gap:6px;font-size:14px;display:flex}.pagination-select{color:#0a0a0a;background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:30px;padding:0 6px;font-family:inherit;font-size:13px}.pagination-right{align-items:center;gap:6px;display:flex}.pagination-btn{color:#6a7282;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:30px;padding:0 10px;font-family:inherit;font-size:13px}.pagination-btn:hover{background:#f9fafb}.pagination-btn.active{color:#fff;background:#4f39f6;border-color:#4f39f6}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.stats-cards{gap:var(--card-gap);margin-bottom:var(--card-gap);flex-wrap:wrap;display:flex}.stat-card{border-radius:var(--card-radius);min-width:200px;padding:var(--card-pad);background:#fff;border:1px solid #f3f4f6;flex:1;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000014}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.stat-icon.green{background:#dcfce7}.stat-icon.blue{background:#dbeafe}.stat-icon.orange{background:#fff7ed}.stat-icon.pink{background:#fce7f3}.stat-icon.red{background:#fef3f2}.stat-icon svg{width:32px;height:32px}.stat-content{flex:1}.stat-label{color:#6a7282;margin-bottom:4px;font-size:14px}.stat-value{font-size:var(--font-kpi);color:#0a0a0a;font-weight:700;line-height:1.2}.stat-change{color:#6a7282;margin-top:4px;font-size:13px}.stat-change.up{color:#00a63e}.stat-change.down{color:#dc2626}.sc{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:0 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.sc:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.sc--h112{height:112px}.sc--h136{height:136px}.sc--h107{height:107px}.sc-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sc-icon--lg{border-radius:50%;width:64px;height:64px}.sc-icon--md{border-radius:12px;width:48px;height:48px}.sc-icon--sm{border-radius:10px;width:48px;height:48px}.sc-label{font-size:var(--font-sc-label);color:#6a7282;align-items:center;gap:4px;margin-bottom:4px;font-weight:500;display:inline-flex}.sc-label--sm{font-size:var(--font-aux);color:#6a7282;margin-bottom:3px;font-weight:400}.sc-value{font-size:var(--font-sc-value);color:#0a0a0a;font-weight:700;line-height:1.2}.sc-value--xl,.sc-value--lg{font-size:var(--font-kpi)}.sc-sub{font-size:var(--font-sc-trend);color:#9ca3af;margin-top:4px}.sc-trend{font-size:var(--font-sc-trend);margin-top:4px}.sc-trend--sm{font-size:var(--font-aux);margin-top:2px}.sc-trend--up{color:#dc2626}.sc-trend--dn{color:#00a63e}.sc-unit{font-size:var(--font-sc-unit);color:#6a7282;font-weight:400}.sc-row{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px;display:grid}.sc-row--c2{grid-template-columns:repeat(2,1fr)}.sc-row--c3{grid-template-columns:repeat(3,1fr)}.sc-row--c5{grid-template-columns:repeat(5,1fr)}.sc-row--c7{grid-template-columns:repeat(7,1fr)}.sc-row--g16{gap:16px}.sc-row--g20{gap:20px}.sc-value-wrap{align-items:baseline;gap:4px;display:flex}.sc-tip{cursor:help;background:#0a0a0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:inline-flex;position:relative}.sc-tip svg{width:13px;height:13px}.sc-tip:hover{background:#4f39f6}.sc-tip-bubble{color:#fff;white-space:nowrap;z-index:999;pointer-events:none;background:#1f2937;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:400;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.sc-tip-bubble:after{content:"";border:5px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.sc-tip:hover .sc-tip-bubble{display:block}.attn-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.attn-title{color:#0a0a0a;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.attn-count{color:#dc2626;background:#fef2f2;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.attn-list{padding:12px 24px 20px}.attn-item{background:#fff;border-bottom:1px solid #f3f4f6;border-left:4px solid #0000;align-items:center;padding:12px 16px;display:flex}.attn-item:last-child{border-bottom:none}.attn-item--danger{background:#fef2f2;border-left-color:#dc2626}.attn-item--warning{border-left-color:#f59e0b}.attn-item--info{border-left-color:#e5e7eb}.attn-icon{background:#f3f4f6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.attn-icon--danger{color:#dc2626}.attn-icon--warning{color:#d97706}.attn-icon--info{color:#2563eb}.attn-body{flex:1}.attn-text{color:#0a0a0a;font-size:14px;font-weight:500}.attn-time{color:#9ca3af;margin-top:2px;font-size:12px}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:#4f39f6;border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar--lg{border-radius:4px;height:8px}.progress-bar--lg .progress-fill{border-radius:4px}.progress-bar--w60{flex-shrink:0;width:60px}.btn-shortcut{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:80px;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-shortcut:hover{background:#f5f3ff;border-color:#4f39f6}.btn-shortcut .btn-shortcut-icon{color:#4f39f6;flex-shrink:0;width:22px;height:22px}.dc-kpi-grid{gap:14px;margin-bottom:20px;display:grid}.dc-kpi-grid-4{grid-template-columns:repeat(4,1fr)}.dc-kpi-grid-5{grid-template-columns:repeat(5,1fr)}.dc-kpi-grid-3{grid-template-columns:repeat(3,1fr)}.dc-kpi-card{border-radius:var(--card-radius);padding:var(--card-pad);cursor:pointer;background:#fff;border:1px solid #e5e7eb;transition:all .18s;box-shadow:0 1px 2px #0000000d}.dc-kpi-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.dc-kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:20px;display:flex}.dc-kpi-label{color:#6a7282;margin-bottom:4px;font-size:13px}.dc-kpi-value{font-size:var(--font-kpi);color:#0a0a0a;font-weight:700;line-height:1.2}.dc-kpi-sub{color:#9ca3af;margin-top:4px;font-size:13px}.dc-kpi-trend{margin-top:4px;font-size:13px}.dc-trend-up{color:#10b981}.dc-trend-dn{color:#dc2626}.social-cell{align-items:center;gap:8px;display:flex}.wi{align-items:center;gap:10px;display:flex}.wi-thumb{cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .15s;display:flex}.wi-thumb:hover{opacity:.8}.wi-body{min-width:0}.wi-title{color:#0a0a0a;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:180px;font-size:14px;font-weight:500;overflow:hidden}.wi-title:hover{color:#4f39f6;text-decoration:underline}.wi-id{color:#9ca3af;margin-top:2px;font-family:Menlo,Consolas,monospace;font-size:12px}.dc-card{border-radius:var(--card-radius);margin-bottom:var(--card-gap);background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.dc-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dc-card-title{color:#0a0a0a;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.dc-card-body{padding:20px}.dc-chart-wrap{height:260px;position:relative}.dc-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dc-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dc-section-label{color:#6a7282;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.dc-section-label:before{content:"";background:#4f39f6;border-radius:2px;width:3px;height:14px;display:block}.dc-date-tabs{border:1px solid #e5e7eb;border-radius:6px;display:flex;overflow:hidden}.dc-date-tab{color:#6a7282;cursor:pointer;background:#fff;border:none;border-right:1px solid #e5e7eb;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.dc-date-tab:last-child{border-right:none}.dc-date-tab.active{color:#fff;background:#4f39f6}.btn-tab{color:#6a7282;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.btn-tab:hover{color:#4f39f6;background:#eef2ff}.btn-tab.active{color:#fff;background:#4f39f6}.btn-more{color:#4f39f6;letter-spacing:-.15px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #4f39f6;border-radius:8px;justify-content:center;align-items:center;gap:4px;height:37px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-more:hover{color:#fff;background:#4f39f6}.btn-export{cursor:pointer;color:#4a5565;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:4px;height:36px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-export:hover{background:#e5e7eb}.btn-export--sm{height:28px;padding:0 8px;font-size:13px}.btn-more--sm{height:30px;padding:0 12px;font-size:13px}.btn-tab--r8{border-radius:8px}.btn--xs{border-radius:6px;height:26px;padding:0 8px;font-size:12px}.hl-card{border:1px solid;border-radius:16px;align-items:center;gap:16px;height:136px;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000f}.hl-card .sc-value{line-height:1.2}.pm-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pm-cell{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.pm-cell--hl{background:#f0fdf4;border-color:#10b98133;justify-content:space-between;align-items:center;display:flex}.pm-label{color:#6a7282;margin-bottom:4px;font-size:12px}.pm-value{font-size:var(--font-kpi-sm);color:#0a0a0a;font-weight:700}.dc-progress-bar{background:#e5e7eb;border-radius:4px;height:6px;overflow:hidden}.dc-progress-fill{background:#4f39f6;border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dc-rank-num{border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.dc-rank-1{color:#d97706;background:#fef3c7}.dc-rank-2{color:#374151;background:#f3f4f6}.dc-rank-3{color:#b45309;opacity:.8;background:#fef3c7}.dc-rank-n{color:#9ca3af;background:#f9fafb}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{border-radius:var(--card-radius);background:#fff;flex-direction:column;width:640px;max-width:calc(100vw - 64px);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}.modal.modal-lg{width:720px}.modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#0a0a0a;font-size:18px;font-weight:600}.modal-close{cursor:pointer;color:#6a7282;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-close:hover{background:#f3f4f6}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{background:#fafbff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.steps-bar{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:center;align-items:center;gap:0;padding:24px 40px 20px;display:flex}.step-item{flex-direction:column;align-items:center;gap:6px;transition:all .3s;display:flex}.step-circle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.step-circle.done{color:#fff;cursor:pointer;background:#22c55e}.step-circle.done:hover{background:#16a34a;box-shadow:0 0 0 3px #22c55e26}.step-circle.active{color:#fff;background:#4f39f6;box-shadow:0 0 0 4px #4f39f626}.step-circle.todo{color:#9ca3af;cursor:not-allowed;background:#fff;border:2px solid #d1d5db;font-weight:500}.step-circle.error{color:#dc2626;background:#fff;border:2px solid #dc2626;font-weight:600}.step-label{white-space:nowrap;font-size:13px;font-weight:500;transition:all .3s}.step-item.done .step-label{color:#0a0a0a;font-weight:600}.step-item.done:hover .step-label{color:#16a34a}.step-item.done{cursor:pointer}.step-item.active .step-label{color:#4f39f6;font-weight:600}.step-item.todo .step-label{color:#9ca3af;font-weight:500}.step-item.error .step-label{color:#dc2626;font-weight:600}.step-connector{flex:1;min-width:40px;max-width:80px;height:2px;margin-bottom:26px;transition:background-color .3s}.step-connector.done{background:#22c55e}.form-row{gap:20px;margin-bottom:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;display:flex}.form-label{color:#374151;font-size:14px;font-weight:500}.required{color:#dc2626;font-weight:500;display:inline}.form-input{color:#0a0a0a;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:14px}.form-input::placeholder{color:#0a0a0a66}.form-input:focus{border-color:#4f39f6}.form-input:disabled{color:#6a7282;background:#f9fafb}.form-input--error{border-color:#fb2c36!important}.field-error{color:#fb2c36;margin-top:4px;font-size:12px;display:block}.form-select{color:#0a0a0a;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2399A1AF' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-family:inherit;font-size:14px}select.form-select{color:#0a0a0a66}select.form-select.has-value{color:#0a0a0a}.form-textarea{color:#0a0a0a80;resize:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;min-height:90px;padding:10px 12px;font-family:inherit;font-size:14px}.form-textarea:focus{border-color:#4f39f6}.csel{display:inline-block;position:relative}.csel-trigger{cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s;display:flex;overflow:hidden}.csel-trigger:hover{border-color:#d1d5db}.csel-trigger.open{border-color:#4f39f6}.csel-trigger.open .csel-arrow{transform:rotate(180deg)}.csel-trigger .csel-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.csel-trigger .csel-text.placeholder{color:#0a0a0a66}.csel-trigger .csel-text.selected{color:#0a0a0a}.csel-arrow{flex-shrink:0;margin-left:8px;transition:transform .2s}.csel-panel{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:100%;display:none;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0000001a}.csel-panel.open{display:block}.csel-search{border-bottom:1px solid #f3f4f6;padding:8px}.csel-search input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;height:32px;padding:0 8px 0 30px;font-family:inherit;font-size:13px}.csel-search input:focus{border-color:#4f39f6}.csel-search .csel-search-icon{color:#9ca3af;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.csel-list{max-height:220px;padding:4px 0;overflow-y:auto}.csel-list::-webkit-scrollbar{width:4px}.csel-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.csel-opt{color:#0a0a0a;cursor:pointer;align-items:center;gap:8px;padding:9px 14px;font-size:14px;transition:background .1s;display:flex}.csel-opt:hover{background:#f9fafb}.csel-opt.active{color:#4f39f6;background:#eef2ff;font-weight:500}.csel-opt .csel-check{flex-shrink:0;width:14px;height:14px;display:none}.csel-opt.active .csel-check{display:block}.csel-tags{flex-wrap:wrap;flex:1;gap:4px;display:flex;overflow:hidden}.csel-tag{color:#4f39f6;background:#eef2ff;border-radius:4px;align-items:center;gap:3px;max-width:120px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.csel-tag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.csel-tag svg{cursor:pointer;flex-shrink:0}.csel-tag svg:hover{opacity:.7}.csel-empty{text-align:center;color:#9ca3af;padding:16px;font-size:13px}.radio-group{gap:24px;display:flex}.radio-item{cursor:pointer;align-items:center;gap:8px;display:flex}.radio-circle{border:2px solid #4f39f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.radio-circle.active:after{content:"";background:#4f39f6;border-radius:50%;width:8px;height:8px}.radio-circle.inactive{border-color:#e5e7eb}.radio-text{color:#0a0a0a;font-size:14px}.checkbox-item{cursor:pointer;align-items:center;gap:6px;display:flex}.checkbox{border:2px solid #4f39f6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.checkbox.checked{background:#4f39f6}.checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)}.checkbox-text{color:#0a0a0a;font-size:14px}.permission-tree{border:1px solid #e5e7eb;border-radius:10px;padding:16px}.permission-item{margin-bottom:12px}.permission-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.permission-children{flex-direction:column;gap:8px;padding-left:24px;display:flex}.permission-subheader{align-items:center;gap:8px;display:flex}.permission-actions{flex-wrap:wrap;gap:16px;margin-top:8px;padding-left:48px;display:flex}.more-dropdown{display:inline-block;position:relative}.more-menu{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:110px;padding:4px 0;display:none;position:fixed;box-shadow:0 4px 16px #0000001f}.td-overflow-visible{overflow:visible!important}.more-menu.show{display:block}.more-item{color:#374151;cursor:pointer;white-space:nowrap;padding:9px 16px;font-size:14px}.more-item:hover{background:#f9fafb}.more-item.text-red{color:#dc2626}.more-item.text-red:hover{background:#fef2f2}.ui-select{color:#0a0a0a66;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2399A1AF' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #e5e7eb;border-radius:10px;outline:none;height:36px;padding:0 28px 0 10px;font-family:inherit;font-size:14px}.ui-select.has-value{color:#0a0a0a}.ui-input{color:#0a0a0a;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;height:36px;padding:0 12px;font-family:inherit;font-size:14px}.ui-date{color:#0a0a0a;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;height:36px;padding:0 10px;font-family:inherit;font-size:14px}.ui-select:focus,.ui-input:focus,.ui-date:focus{border-color:#4f39f6;box-shadow:0 0 0 2px #4f39f626}.info-alert{background:#eef2ff;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.info-alert svg{flex-shrink:0;margin-top:1px}.info-alert-text{color:#4a5565;font-size:13px;line-height:1.6}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;min-width:180px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;transform:translateY(-12px);box-shadow:0 4px 16px #0000002e}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:#16a34a}.toast.info{background:#4f39f6}.toast.warning{background:#f97316}.toast.error{background:#dc2626}.plan-tab{color:#6a7282;cursor:pointer;white-space:nowrap;padding:8px 0;font-size:14px;font-weight:400;position:relative}.plan-tab.active{color:#4f39f6;font-weight:500}.plan-tab.active:after{content:"";background:#4f39f6;border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.sidebar-overlay{z-index:998;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.clamp-tip{color:#fff;word-break:break-word;z-index:9999;pointer-events:none;opacity:0;background:#000000d9;border-radius:8px;max-width:320px;padding:8px 12px;font-size:13px;line-height:1.5;transition:opacity .15s;position:fixed;box-shadow:0 4px 12px #00000026}.clamp-tip:before{content:"";border-bottom:6px solid #000000d9;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:16px}.clamp-tip--above:before{border-top:6px solid #000000d9;border-bottom:none;top:auto;bottom:-6px}.badge{font-size:var(--font-tag);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:4px;padding:3px 10px;font-weight:500;display:inline-flex}.badge--green{color:#059669;background:#ecfdf5}.badge--blue{color:#1d4ed8;background:#dbeafe}.badge--orange{color:#ea580c;background:#fff7ed}.badge--red{color:#dc2626;background:#fef2f2}.badge--gray{color:#6a7282;background:#f3f4f6}.badge--purple{color:#4f39f6;background:#eef2ff}.badge--rect{border-radius:8px;padding:2px 10px}.badge--role-manager{color:#dc2626;background:#fef3f2;border-radius:8px;padding:2px 10px}.badge--role-staff{color:#7c3aed;background:#f5f3ff;border-radius:8px;padding:2px 10px}.badge--role-parttime{color:#4a5565;background:#f3f4f6;border-radius:8px;padding:2px 10px}.dp-input{color:#0a0a0a;cursor:pointer;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239ca3af' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") 10px/16px no-repeat;border:1px solid #e5e7eb;border-radius:10px;outline:none;height:36px;padding:0 10px 0 34px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.dp-input:hover{border-color:#4f39f6}.dp-input--focus,.dp-input:focus{border-color:#4f39f6;box-shadow:0 0 0 3px #4f39f61a}.dp-input::placeholder{color:#0a0a0a66}.dp-input--sm{background-position:8px;height:32px;padding:0 8px 0 30px;font-size:14px}.dp-input--disabled{color:#a8abb2;cursor:not-allowed;background:#f5f7fa;border-color:#e5e7eb}.dp-input--disabled:hover{border-color:#e5e7eb}.dp-range{align-items:center;gap:6px;display:inline-flex}.dp-range .dp-input{width:120px}.dp-sep{color:#9ca3af;flex-shrink:0;font-size:13px}.dp-clear{cursor:pointer;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.dp-clear svg{width:10px;height:10px}.dp-wrap:hover .dp-clear{display:flex}.dp-wrap{display:inline-block;position:relative}.dp-overlay{z-index:10000;display:none;position:fixed;inset:0}.dp-overlay--visible{display:block}.dp-panel{z-index:10001;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:280px;padding:12px;animation:.15s ease-out dpFadeIn;position:absolute;box-shadow:0 20px 25px -5px #0000001a}.dp-panel--range{width:580px}.dp-panel--range .dp-body{gap:12px;display:flex}.dp-panel--range .dp-cal{flex:1}.dp-panel--datetime{width:440px}.dp-panel--datetime .dp-body{gap:0;display:flex}.dp-panel--datetime .dp-cal{flex:0 0 280px}.dp-panel--datetime .dp-time-wrap{border-top:none;border-left:1px solid #f3f4f6;flex-direction:column;flex:0 0 136px;align-items:stretch;gap:4px;margin:0;padding:0 0 0 12px;display:flex!important}.dp-panel--datetime .dp-confirm{border-top:1px solid #f3f4f6;margin-top:10px;padding-top:10px}.dp-panel--datetime .dp-confirm-btn{width:100%}.dp-panel--datetime .dp-time-sep{display:none}.dp-panel--datetime .dp-time-col{flex:none}.dp-panel--datetime .dp-time-list{height:120px}@keyframes dpFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px;display:flex}.dp-header button{cursor:pointer;color:#6a7282;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s;display:flex}.dp-header button:hover{background:#f3f4f6}.dp-title{color:#1f2937;cursor:pointer;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:600}.dp-title:hover{background:#f3f4f6}.dp-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.dp-wd{color:#9ca3af;text-align:center;height:28px;font-size:12px;line-height:28px}.dp-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-day{aspect-ratio:1;cursor:pointer;color:#1f2937;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:13px;transition:background .1s;display:flex}.dp-day:hover{background:#f5f3ff}.dp-day--today{color:#4f39f6;font-weight:700;position:relative}.dp-day--today:after{content:"";background:#4f39f6;border-radius:1px;width:4px;height:2px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.dp-day--selected{color:#fff!important;background:#4f39f6!important}.dp-day--in-range{color:#4f39f6;background:#ede9fe;border-radius:0}.dp-day--in-range-preview{background:#f5f3ff;border-radius:0}.dp-day--range-start{border-radius:8px 0 0 8px;color:#fff!important;background:#4f39f6!important}.dp-day--range-end{border-radius:0 8px 8px 0;color:#fff!important;background:#4f39f6!important}.dp-day--range-start.dp-day--range-end{border-radius:8px}.dp-day--disabled{cursor:not-allowed;color:#d1d5db!important;background:0 0!important}.dp-day--other{color:#d1d5db}.dp-day--other:hover{background:#f9fafb}.dp-presets{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding-bottom:10px;display:flex}.dp-preset-btn{color:#6a7282;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:12px;transition:all .15s}.dp-preset-btn:hover{color:#4f39f6;border-color:#4f39f6}.dp-preset-btn--active{color:#fff;background:#4f39f6;border-color:#4f39f6}.dp-quick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dp-quick-btns{gap:0;display:flex}.dp-quick-btn{color:#6a7282;cursor:pointer;background:#fff;border:1px solid #e5e7eb;padding:6px 14px;font-family:inherit;font-size:14px;transition:all .15s}.dp-quick-btn:first-child{border-radius:10px 0 0 10px}.dp-quick-btn:last-child{border-radius:0 10px 10px 0}.dp-quick-btn:not(:first-child){margin-left:-1px}.dp-quick-btn:hover{color:#4f39f6;z-index:1;border-color:#4f39f6;position:relative}.dp-quick-btn--active{color:#fff;z-index:2;background:#4f39f6;border-color:#4f39f6;position:relative}.dp-quick-custom{align-items:center;gap:6px;margin-left:8px;display:none}.dp-quick-custom.dp-quick-custom--show{display:inline-flex}.dp-quick--inline{flex-wrap:nowrap}.dp-quick--inline .dp-quick-custom--inline{opacity:.4;pointer-events:none;align-items:center;gap:6px;margin-left:8px;transition:opacity .15s;display:inline-flex}.dp-quick--inline .dp-quick-custom--inline.dp-quick-custom--active{opacity:1;pointer-events:auto}.dp-quick--inline .dp-quick-custom--inline .dp-input--sm{width:100px}.dp-time-wrap{border-top:1px solid #f3f4f6;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.dp-time-label{color:#9ca3af;text-align:center;margin-bottom:4px;font-size:12px}.dp-time-col{flex:1}.dp-time-list{scrollbar-width:thin;border:1px solid #e5e7eb;border-radius:8px;height:160px;overflow-y:auto}.dp-time-item{text-align:center;cursor:pointer;border-radius:4px;margin:2px;padding:4px 8px;font-size:13px;transition:background .1s}.dp-time-item:hover{background:#f5f3ff}.dp-time-item--active{color:#fff;background:#4f39f6}.dp-time-sep{color:#9ca3af;align-self:center;margin-top:16px;font-size:18px;font-weight:600}.dp-confirm{border-top:1px solid #f3f4f6;justify-content:flex-end;margin-top:10px;padding-top:10px;display:flex}.dp-confirm-btn{color:#fff;cursor:pointer;background:#4f39f6;border:none;border-radius:10px;padding:6px 20px;font-family:inherit;font-size:13px;transition:background .15s}.dp-confirm-btn:hover{background:#4338ca}.tp-input{color:#0a0a0a;cursor:pointer;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239ca3af' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E") 10px/16px no-repeat;border:1px solid #e5e7eb;border-radius:10px;outline:none;height:36px;padding:0 10px 0 34px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.tp-input:hover{border-color:#4f39f6}.tp-input--focus,.tp-input:focus{border-color:#4f39f6;box-shadow:0 0 0 3px #4f39f61a}.tp-input::placeholder{color:#0a0a0a66}.tp-wrap{display:inline-block;position:relative}.tp-clear{cursor:pointer;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tp-clear svg{width:10px;height:10px}.tp-wrap:hover .tp-clear{display:flex}.tp-overlay{z-index:10000;display:none;position:fixed;inset:0}.tp-overlay--visible{display:block}.tp-panel{z-index:10001;background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:flex-start;gap:8px;width:200px;padding:12px;animation:.15s ease-out tpFadeIn;display:flex;position:absolute;box-shadow:0 20px 25px -5px #0000001a}@keyframes tpFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tp-col{flex:1}.tp-col-label{color:#9ca3af;text-align:center;margin-bottom:6px;font-size:12px;font-weight:500}.tp-col-list{scrollbar-width:thin;border:1px solid #e5e7eb;border-radius:8px;height:200px;padding:2px;overflow-y:auto}.tp-col-list::-webkit-scrollbar{width:4px}.tp-col-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.tp-item{text-align:center;color:#1f2937;cursor:pointer;border-radius:6px;height:32px;margin:2px 0;font-size:13px;line-height:32px;transition:background .1s}.tp-item:hover{background:#f5f3ff}.tp-item--active{color:#fff!important;background:#4f39f6!important}.tp-item--disabled{cursor:not-allowed;color:#d1d5db!important;background:0 0!important}.tp-sep{color:#9ca3af;flex-shrink:0;padding-top:22px;font-size:18px;font-weight:600}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--btn-radius);background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.skeleton--text{width:80%;height:14px;margin-bottom:8px}.skeleton--title{width:40%;height:24px;margin-bottom:16px}.skeleton--card{border-radius:var(--card-radius);height:112px}.skeleton--row{height:48px;margin-bottom:4px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1440px){.sidebar-header{height:64px;padding:14px 12px}.search-input{height:34px;font-size:13px}.table-header{padding:16px 20px 0}.filter-bar{gap:8px;padding:12px 20px}.stat-label{font-size:13px}.stat-change,.dc-kpi-label,.dc-kpi-sub,.dc-kpi-trend{font-size:12px}.modal-title{font-size:16px}}@media (width<=1280px){.sidebar-header{height:58px;padding:12px 10px}.logo-icon{width:32px;height:32px}.logo-title{height:32px}.dc-kpi-grid-5{grid-template-columns:repeat(3,1fr)}.dc-kpi-grid-4{grid-template-columns:repeat(2,1fr)}.table-header{padding:14px 16px 0}.filter-bar{padding:10px 16px}}@media (width<=1024px){.sidebar{overflow:visible}.sidebar-toggle{display:none}.sidebar .sidebar-header{justify-content:center;height:52px;padding:12px 0}.sidebar .logo-title{display:none}.sidebar .logo-icon{width:36px;height:36px}.sidebar .search-box{display:none}.sidebar .nav{padding:8px 6px}.sidebar .nav-item{justify-content:center;gap:0;padding:12px 0;position:relative}.sidebar .nav-text,.sidebar .nav-arrow{display:none}.sidebar .nav-submenu{display:none!important}.sidebar .subnav-item{display:none}.sidebar .sidebar-footer{padding:10px 6px}.sidebar .user-profile{justify-content:center;padding:8px 0}.sidebar .user-info,.sidebar .user-profile svg{display:none}.sidebar .nav-item:hover:after{content:attr(data-label);color:#fff;white-space:nowrap;z-index:999;pointer-events:none;background:#0a0a0a;border-radius:6px;margin-left:8px;padding:4px 12px;font-size:13px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.dc-kpi-grid-5,.dc-kpi-grid-4,.dc-kpi-grid-3{grid-template-columns:repeat(2,1fr)}.stats-cards{flex-wrap:wrap}.stat-card{min-width:calc(50% - var(--card-gap) / 2)}.modal{width:calc(100vw - 128px)!important}.modal.modal-lg{width:calc(100vw - 96px)!important}.table-header{padding:12px 12px 0}.filter-bar{padding:8px 12px}}@media (width<=768px){.app{flex-direction:column}.mobile-header{display:flex}.sidebar{z-index:999;width:240px;height:100%;transition:left .3s;position:fixed;top:0;left:-240px;box-shadow:4px 0 20px #00000026}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:240px}.sidebar.collapsed .logo-title{display:block}.sidebar.collapsed .sidebar-toggle{display:none}.sidebar.collapsed .search-box{height:auto;margin:0 12px;display:block}.sidebar.collapsed .search-input{display:block}.sidebar.collapsed .search-icon{width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sidebar.collapsed .nav-text{display:inline}.sidebar.collapsed .nav-arrow,.sidebar.collapsed .user-info,.sidebar.collapsed .user-profile svg{display:block}.sidebar.collapsed .nav-submenu{display:none!important}.sidebar.collapsed .nav-item{justify-content:flex-start;gap:12px;height:auto;padding:14px 12px}.sidebar.collapsed .sidebar-header{height:76px;padding:18px 16px}.sidebar.collapsed .nav{padding:16px 12px}.sidebar.collapsed .sidebar-footer{padding:17px 16px}.sidebar.collapsed .user-profile{padding:8px}.sidebar.collapsed .nav-item:hover:after,.sidebar-toggle{display:none}.main-content{padding:16px}}@media (width<=480px){.sidebar{width:100vw;left:-100vw}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:100vw}.sidebar.collapsed .sidebar-header{height:76px}.modal,.modal.modal-lg{max-width:calc(100vw - 32px)!important}}.landing{z-index:9999;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden auto}.ld-nav{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 48px;transition:box-shadow .3s;display:flex;position:sticky;top:0}.ld-nav.scrolled{box-shadow:0 2px 8px #abbed166}.ld-nav-left{align-items:center;gap:0;display:flex}.ld-nav-logo{align-items:center;gap:10px;padding-right:24px;display:flex}.ld-nav-logo img:first-child{height:40px}.ld-nav-logo img:last-child{height:36px}.ld-nav-divider{background:#d1d5db;flex-shrink:0;width:1px;height:24px;margin-right:24px}.ld-nav-links{gap:0;display:flex}.ld-nav-links a{color:#6a7282;padding:24px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.ld-nav-links a:after{content:"";background:#4f39f6;border-radius:1px;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:16px;right:16px;transform:scaleX(0)}.ld-nav-links a:hover{color:#0a0a0a}.ld-nav-links a:hover:after{transform:scaleX(1)}.ld-nav-links a.active{color:#4f39f6;font-weight:600}.ld-nav-links a.active:after{transform:scaleX(1)}.ld-nav-right{align-items:center;gap:12px;display:flex}.ld-btn-ghost{color:#4a5565;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;height:40px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .25s}.ld-btn-ghost:hover{color:#4f39f6;background:#4f39f60a;border-color:#4f39f6}.ld-btn-solid{color:#fff;cursor:pointer;background:#4f39f6;border:none;border-radius:6px;height:40px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:500;transition:all .25s;box-shadow:0 2px 8px #4f39f640}.ld-btn-solid:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 16px #4f39f659}.ld-btn-solid:active{transform:translateY(0)}.ld-hero-wrap{background:#f5f7fa}.ld-hero{justify-content:space-between;align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:88px 48px 72px;display:flex}.ld-hero-left{flex:1;max-width:520px}.ld-hero-left h1{color:#0a0a0a;letter-spacing:-.5px;margin-bottom:16px;font-size:44px;font-weight:700;line-height:1.22}.ld-hero-left h1 span{color:#4f39f6}.ld-hero-left p{color:#6a7282;margin-bottom:36px;font-size:16px;line-height:1.75}.ld-hero-ctas{gap:14px;display:flex}.ld-hero-ctas .ld-btn-solid{border-radius:6px;height:48px;padding:0 32px;font-size:15px;box-shadow:0 4px 16px #4f39f64d}.ld-hero-ctas .ld-btn-ghost{border-radius:6px;height:48px;padding:0 28px;font-size:15px}.ld-hero-right{flex:1;max-width:560px}.ld-hero-mock{border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #abbed159}.ld-hero-mock img{width:100%;height:auto;display:block}.ld-section{width:100%;max-width:1200px;margin:0 auto;padding:80px 48px}.ld-section-title{font-size:var(--font-kpi);color:#0a0a0a;text-align:center;margin-bottom:10px;font-weight:700}.ld-section-sub{color:#6a7282;text-align:center;margin-bottom:52px;font-size:15px}.ld-bento{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ld-bento-card{text-align:center;background:#fff;border:none;border-radius:8px;padding:32px 28px;transition:box-shadow .3s,transform .3s;box-shadow:0 2px 4px #abbed133}.ld-bento-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #abbed159}.ld-bento-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.ld-bento-card h3{color:#0a0a0a;margin-bottom:10px;font-size:18px;font-weight:700}.ld-bento-card p{color:#6a7282;font-size:14px;line-height:1.65}.ld-bento-mini{color:#6a7282;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;margin-top:16px;padding:12px;font-size:12px}.ld-metrics{background:#f5f7fa;padding:80px 48px}.ld-metrics-inner{justify-content:space-between;align-items:center;gap:64px;max-width:1200px;margin:0 auto;display:flex}.ld-metrics-left{flex:1;max-width:420px}.ld-metrics-left h2{font-size:var(--font-kpi);color:#0a0a0a;margin-bottom:12px;font-weight:700;line-height:1.3}.ld-metrics-left h2 span{color:#4f39f6}.ld-metrics-left p{color:#6a7282;font-size:15px;line-height:1.7}.ld-metrics-grid{grid-template-columns:1fr 1fr;gap:28px 48px;display:grid}.ld-metric-item{align-items:center;gap:14px;display:flex}.ld-metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ld-metric-detail .num{color:#0a0a0a;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.2}.ld-metric-detail .label{color:#6a7282;margin-top:2px;font-size:13px}.ld-cases{grid-template-columns:1fr 1fr;gap:24px;display:grid}.ld-case-card{background:#fff;border:none;border-radius:8px;transition:box-shadow .3s,transform .3s;overflow:hidden;box-shadow:0 2px 4px #abbed133}.ld-case-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #abbed159}.ld-case-body{padding:28px}.ld-case-body h4{color:#0a0a0a;margin-bottom:8px;font-size:16px;font-weight:600}.ld-case-body p{color:#6a7282;margin-bottom:12px;font-size:14px;line-height:1.65}.ld-case-result{color:#059669;background:#f0fdf4;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.ld-cta-section{text-align:center;background:#f5f7fa;padding:80px 48px}.ld-cta-section h2{color:#0a0a0a;max-width:600px;margin:0 auto 24px;font-size:36px;font-weight:700;line-height:1.3}.ld-cta-section .ld-btn-solid{border-radius:6px;height:48px;padding:0 36px;font-size:15px}.ld-footer{background:#111827;padding:56px 48px 40px}.ld-footer-inner{gap:64px;max-width:1200px;margin:0 auto;display:flex}.ld-footer-brand{flex:1;max-width:300px}.ld-footer-brand .ld-footer-logo{align-items:center;gap:8px;margin-bottom:16px;display:flex}.ld-footer-brand .ld-footer-logo img:first-child{height:32px}.ld-footer-brand .ld-footer-logo span{font-size:var(--font-card-title);color:#fff;letter-spacing:1px;font-weight:600}.ld-footer-brand .ld-footer-copy{color:#9ca3af;margin-bottom:20px;font-size:13px;line-height:1.6}.ld-footer-social{gap:12px;display:flex}.ld-footer-social a{background:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .25s;display:flex}.ld-footer-social a:hover{background:#4f39f6}.ld-footer-links{gap:56px;display:flex}.ld-footer-col h5{color:#fff;margin-bottom:16px;font-size:14px;font-weight:600}.ld-footer-col a{color:#9ca3af;margin-bottom:10px;font-size:13px;text-decoration:none;transition:color .2s;display:block}.ld-footer-col a:hover{color:#fff}.ld-footer-email{max-width:240px;margin-left:auto}.ld-footer-email h5{color:#fff;margin-bottom:16px;font-size:14px;font-weight:600}.ld-footer-email-form{gap:8px;display:flex}.ld-footer-email-input{color:#fff;background:#ffffff1a;border:1px solid #374151;border-radius:6px;outline:none;flex:1;height:40px;padding:0 14px;font-family:inherit;font-size:13px;transition:border-color .25s}.ld-footer-email-input:focus{border-color:#4f39f6}.ld-footer-email-input::placeholder{color:#6b7280}.ld-footer-email-btn{color:#fff;cursor:pointer;background:#4f39f6;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .25s;display:flex}.ld-footer-email-btn:hover{background:#4338ca}.ld-footer-bottom{text-align:center;color:#6b7280;border-top:1px solid #1f2937;max-width:1200px;margin:24px auto 0;padding-top:24px;font-size:12px}.va-control-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.va-control-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.va-control-right{align-items:center;gap:10px;display:flex}.va-tabs{background:#f3f4f6;border-radius:10px;gap:0;padding:3px;display:flex}.va-tab{color:#6a7282;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.va-tab.active{color:#fff;background:#4f39f6}.va-tab:hover:not(.active){color:#0a0a0a}.va-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.va-card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 1px 3px #00000014}.va-card-header{justify-content:space-between;align-items:center;display:flex}.va-card-title{color:#0a0a0a;font-size:16px;font-weight:600}.va-card-row{align-items:center;gap:6px;font-size:14px;display:flex}.va-platform-badge{color:#fff;border-radius:4px;padding:2px 10px;font-size:12px;font-weight:500}.va-card-info-grid{gap:16px;font-size:13px;display:flex}.va-progress-section{margin-top:4px}.va-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.va-qr-section{gap:8px;display:flex}.va-qr-box{cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.va-qr-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.va-qr-label{color:#9ca3af;text-align:center;margin-top:8px;font-size:12px}.va-actions{align-items:center;gap:6px;display:flex}.md-title{color:#0a0a0a;margin-bottom:16px;font-size:24px;font-weight:700}.md-card{background:#f9fafb;border-radius:16px;padding:20px}.md-card-title{color:#0a0a0a;margin-bottom:12px;font-size:15px;font-weight:600}.md-card-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.md-card-label{color:#6a7282}.md-card-value{color:#0a0a0a;font-weight:500}.md-stat{min-width:80px}.md-stat-value{color:#0a0a0a;font-size:28px;font-weight:700}.md-stat-label{color:#9ca3af;margin-top:4px;font-size:12px}.stat-strip{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;overflow:hidden}.stat-strip-item{text-align:center;border-left:1px solid #e5e7eb;flex:1;padding:16px 0}.stat-strip-item:first-child{border-left:none}.stat-strip-label{color:#6a7282;margin-bottom:4px;font-size:13px;line-height:1.3}.stat-strip-value{color:#0a0a0a;font-size:24px;font-weight:700;line-height:1}.ld-fadein{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translateY(28px)}.ld-fadein.visible{opacity:1;transform:translateY(0)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap;display:flex}.flex-items-center{align-items:center;display:flex}.flex-items-start{align-items:flex-start;display:flex}.inline-flex-center{justify-content:center;align-items:center;display:inline-flex}.flex-1{flex:1}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.px-16{padding-left:16px;padding-right:16px}.px-24{padding-left:24px;padding-right:24px}.py-12{padding-top:12px;padding-bottom:12px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-secondary{color:#6a7282}.text-muted,.data-table td.td-muted{color:#9ca3af}.text-brand{color:#4f39f6}.text-danger{color:#dc2626}.text-success{color:#00a63e}.text-emerald{color:#10b981}.text-dark{color:#0a0a0a}.text-center{text-align:center}.td-views{color:#4f39f6;font-weight:600}.td-reads{color:#10b981;font-weight:600}.data-table td.fw-500{font-weight:500}.data-table td.text-secondary{color:#6a7282}.data-table td.fw-600{font-weight:600}.data-table td.td-views{color:#4f39f6;font-weight:600}.data-table td.td-reads{color:#10b981;font-weight:600}.data-table td.td-warning{color:#f59e0b;font-weight:600}.icon-box{flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-box-sm{border-radius:8px;width:32px;height:32px}.icon-box-md{border-radius:12px;width:48px;height:48px}.icon-box-lg{border-radius:50%;width:64px;height:64px}.row-fail{background:#fef2f2}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shrink-0{flex-shrink:0}.w-full{width:100%}.cursor-pointer{cursor:pointer}.whitespace-nowrap{white-space:nowrap}.border-bottom{border-bottom:1px solid #e5e7eb}.border-top{border-top:1px solid #e5e7eb}.rounded-card{border-radius:var(--card-radius)}.bg-white{background:#fff}.bg-light{background:#f9fafb}.shadow-card{box-shadow:0 1px 3px #00000014}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(12px)}.slide-down-enter-active,.slide-down-leave-active{transition:all .2s}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-8px)}.modal-enter-active{transition:opacity .25s}.modal-leave-active{transition:opacity .2s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s}.modal-enter-from .modal{opacity:0;transform:scale(.92)}.modal-leave-to .modal{opacity:0;transform:scale(.95)}.page-enter-active{transition:opacity .25s,transform .25s}.page-leave-active{transition:opacity .15s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}.row-enter-active{transition:opacity .3s,transform .3s}.row-enter-from{opacity:0;transform:translateY(6px)}.submenu-enter-active,.submenu-leave-active{transition:max-height .25s,opacity .25s;overflow:hidden}.submenu-enter-from,.submenu-leave-to{opacity:0;max-height:0}.submenu-enter-to,.submenu-leave-from{opacity:1;max-height:300px}