:root{--wb-ui-primary:var(--wb-primary,#2563eb);--wb-ui-secondary:var(--wb-secondary,#4f46e5);--wb-ui-accent:var(--wb-accent,#06b6d4);--wb-ui-bg:#f3f6fb;--wb-ui-surface:#fff;--wb-ui-surface-soft:#f8fafc;--wb-ui-text:#0f172a;--wb-ui-muted:#64748b;--wb-ui-border:#e2e8f0;--wb-ui-radius:14px;--wb-ui-radius-sm:10px;--wb-ui-shadow:0 8px 30px rgba(15,23,42,.065);--wb-ui-shadow-hover:0 16px 42px rgba(15,23,42,.11)}
html,body{background:var(--wb-ui-bg)!important;color:var(--wb-ui-text);overflow-x:hidden}body.wb-ui-unified{font-family:var(--wb-font,Inter,system-ui,-apple-system,"Segoe UI",sans-serif)!important}body.wb-ui-unified *{box-sizing:border-box}
body.wb-ui-unified .wb-dynamics-rail,body.wb-ui-unified .wb-shell-statusbar,body.wb-ui-unified .wb-workspace-header,body.wb-ui-unified .wb-dynamics-command-bar,body.wb-ui-unified .wb-workspace-tabs-bar,body.wb-ui-unified [data-wb-generated-shell="1"],body.wb-ui-unified [data-wb-navigation-rail="1"]{display:none!important}
body.wb-ui-unified #sidebar-menu,body.wb-ui-unified .sidebar{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;border-right:1px solid var(--wb-ui-border)!important;box-shadow:8px 0 28px rgba(15,23,42,.035)!important}body.wb-ui-unified .sidebar-brand{min-height:64px!important;padding:10px 16px!important;border-bottom:1px solid var(--wb-ui-border)!important}
body.wb-ui-unified #sidebar-menu li a,body.wb-ui-unified .sidebar-menu li a{min-height:44px!important;margin:3px 10px!important;padding:9px 12px!important;border-radius:11px!important;color:#475569!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:11px!important;border:0!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}body.wb-ui-unified #sidebar-menu li a:hover,body.wb-ui-unified .sidebar-menu li a:hover{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(79,70,229,.05))!important;color:var(--wb-ui-primary)!important;transform:translateX(2px)}body.wb-ui-unified #sidebar-menu li.active>a,body.wb-ui-unified .sidebar-menu li.active>a,body.wb-ui-unified #sidebar-menu li a.active{background:linear-gradient(135deg,var(--wb-ui-primary),var(--wb-ui-secondary))!important;color:#fff!important;box-shadow:0 8px 22px color-mix(in srgb,var(--wb-ui-primary) 28%,transparent)!important}.wb-nav-icon{width:22px;height:22px;min-width:22px;display:grid;place-items:center;border-radius:7px;color:currentColor}.wb-svg-icon{width:19px;height:19px;display:block}
body.wb-ui-unified .navbar,body.wb-ui-unified .topbar{height:62px!important;min-height:62px!important;background:rgba(255,255,255,.93)!important;border-bottom:1px solid var(--wb-ui-border)!important;box-shadow:0 4px 20px rgba(15,23,42,.035)!important;backdrop-filter:blur(18px)}body.wb-ui-unified .page-wrapper,body.wb-ui-unified .content-wrapper{background:radial-gradient(circle at 92% 0,rgba(37,99,235,.055),transparent 30%),var(--wb-ui-bg)!important;min-height:calc(100vh - 62px)!important}body.wb-ui-unified .page-content{padding:22px!important;max-width:100%!important}body.wb-ui-unified .container-fluid{max-width:1680px;margin:0 auto}
body.wb-ui-unified .card,body.wb-ui-unified .panel,body.wb-ui-unified .modal-content,body.wb-ui-unified .wb-ui-card{background:var(--wb-ui-surface)!important;border:1px solid var(--wb-ui-border)!important;border-radius:var(--wb-ui-radius)!important;box-shadow:var(--wb-ui-shadow)!important}body.wb-ui-unified .card-header,body.wb-ui-unified .panel-heading{background:linear-gradient(180deg,#fff,#fbfdff)!important;border-bottom:1px solid var(--wb-ui-border)!important;padding:16px 18px!important}body.wb-ui-unified .card-body,body.wb-ui-unified .panel-body{padding:19px!important}
body.wb-ui-unified .btn{border-radius:10px!important;min-height:38px!important;font-weight:650!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important;justify-content:center!important;transition:.18s ease!important}body.wb-ui-unified .btn:hover{transform:translateY(-1px)}body.wb-ui-unified .btn-primary{background:linear-gradient(135deg,var(--wb-ui-primary),var(--wb-ui-secondary))!important;border-color:transparent!important;box-shadow:0 7px 18px color-mix(in srgb,var(--wb-ui-primary) 22%,transparent)!important}
body.wb-ui-unified .form-control,body.wb-ui-unified .select2-selection{border:1px solid #d8e0ec!important;border-radius:10px!important;min-height:42px!important;background:#fff!important;box-shadow:none!important}body.wb-ui-unified .form-control:focus{border-color:var(--wb-ui-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--wb-ui-primary) 12%,transparent)!important}
body.wb-ui-unified table{border-collapse:separate!important;border-spacing:0!important}body.wb-ui-unified .table>thead>tr>th{background:#f8fafc!important;color:#475569!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid var(--wb-ui-border)!important;padding:13px 14px!important;position:sticky;top:0;z-index:2}body.wb-ui-unified .table>tbody>tr>td{padding:14px!important;border-bottom:1px solid #edf2f7!important;vertical-align:middle!important}body.wb-ui-unified .table>tbody>tr{transition:.15s ease}body.wb-ui-unified .table>tbody>tr:hover{background:#f7faff!important}
.wb-dash{max-width:1680px;margin:0 auto}.wb-dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.wb-dash-head h1{font-size:28px;margin:0 0 5px;font-weight:800;color:#0b1220;letter-spacing:-.03em}.wb-dash-head p{margin:0;color:var(--wb-ui-muted)}.wb-dash-actions{display:flex;gap:9px;flex-wrap:wrap}.wb-dash-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--wb-ui-border);background:#fff;color:#334155!important;border-radius:10px;font-weight:700;box-shadow:0 4px 14px rgba(15,23,42,.04)}.wb-dash-btn.primary{background:linear-gradient(135deg,var(--wb-ui-primary),var(--wb-ui-secondary));border-color:transparent;color:#fff!important}
.wb-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-bottom:15px}.wb-kpi{position:relative;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--wb-ui-border);border-radius:15px;padding:18px;box-shadow:var(--wb-ui-shadow);min-width:0;overflow:hidden;transition:.2s ease}.wb-kpi:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--wb-ui-primary),var(--wb-ui-accent));opacity:.9}.wb-kpi:hover{transform:translateY(-3px);box-shadow:var(--wb-ui-shadow-hover)}.wb-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.wb-kpi-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--wb-ui-primary) 14%,#fff),color-mix(in srgb,var(--wb-ui-secondary) 10%,#fff));color:var(--wb-ui-primary)}.wb-kpi-icon svg{width:21px;height:21px}.wb-kpi-label{font-size:12px;color:var(--wb-ui-muted);font-weight:700;margin-top:14px}.wb-kpi-value{font-size:27px;line-height:1.15;font-weight:820;color:#0f172a;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-kpi-note{font-size:11px;color:#94a3b8;margin-top:7px}
.wb-dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.wb-widget{grid-column:span 4;background:#fff;border:1px solid var(--wb-ui-border);border-radius:15px;box-shadow:var(--wb-ui-shadow);overflow:hidden;min-width:0;transition:.2s ease}.wb-widget:hover{box-shadow:var(--wb-ui-shadow-hover)}.wb-widget.span-8{grid-column:span 8}.wb-widget.span-6{grid-column:span 6}.wb-widget.span-12{grid-column:span 12}.wb-widget-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--wb-ui-border);background:linear-gradient(180deg,#fff,#fbfdff)}.wb-widget-title{font-size:14px;font-weight:760;color:#172033}.wb-widget-sub{font-size:11px;color:var(--wb-ui-muted);margin-top:2px}.wb-widget-body{padding:18px}.wb-chart{width:100%;height:250px}.wb-chart svg{display:block;width:100%;height:100%;overflow:visible}.wb-chart-grid line{stroke:#edf1f6;stroke-width:1}.wb-chart-line{fill:none;stroke:var(--wb-ui-primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.wb-chart-labels{display:flex;justify-content:space-between;color:#94a3b8;font-size:10px;margin-top:8px}.wb-donut-wrap{display:flex;align-items:center;gap:24px;min-height:220px}.wb-donut{width:156px;height:156px;border-radius:50%;position:relative;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}.wb-donut:after{content:"";position:absolute;inset:29px;border-radius:50%;background:#fff;box-shadow:0 4px 20px rgba(15,23,42,.06)}.wb-donut-center{position:absolute;inset:0;display:grid;place-items:center;z-index:1;text-align:center;font-weight:800;font-size:23px}.wb-donut-center small{display:block;font-size:10px;color:var(--wb-ui-muted);font-weight:600}.wb-legend{flex:1;display:grid;gap:10px}.wb-legend-row{display:flex;align-items:center;gap:8px;font-size:12px}.wb-legend-dot{width:9px;height:9px;border-radius:50%}.wb-legend-row strong{margin-left:auto}.wb-list{display:grid}.wb-list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}.wb-list-row:last-child{border-bottom:0}.wb-list-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f1f5ff;color:var(--wb-ui-primary);flex:0 0 auto}.wb-list-main{min-width:0;flex:1}.wb-list-title{font-weight:680;color:#253044;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-list-meta{font-size:11px;color:#94a3b8;margin-top:3px}.wb-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#eef4ff;color:var(--wb-ui-primary);font-size:10px;font-weight:750}.wb-empty{padding:38px 15px;text-align:center;color:#94a3b8}.wb-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wb-quick{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--wb-ui-border);border-radius:11px;color:#334155!important;background:#fff;transition:.18s ease}.wb-quick:hover{border-color:var(--wb-ui-primary);background:#f8fbff;transform:translateY(-2px)}
.wb-client-dash{--wb-ui-primary:var(--brand-primary,var(--wb-primary,#2563eb))}.wb-client-hero{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.17),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--wb-ui-primary) 92%,#10203a),color-mix(in srgb,var(--wb-ui-primary) 62%,#5b21b6));border-radius:18px;padding:28px;color:#fff;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 18px 45px color-mix(in srgb,var(--wb-ui-primary) 24%,transparent)}.wb-client-hero h1{margin:0 0 7px;font-size:28px;font-weight:800}.wb-client-hero p{margin:0;opacity:.84}.wb-client-brand{position:absolute;right:25px;top:25px;z-index:1;font-weight:750;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:10px}
@media(max-width:1280px){.wb-kpi-grid{grid-template-columns:repeat(3,1fr)}.wb-widget,.wb-widget.span-8{grid-column:span 6}}@media(max-width:900px){.wb-kpi-grid{grid-template-columns:repeat(2,1fr)}.wb-widget,.wb-widget.span-8,.wb-widget.span-6{grid-column:span 12}.wb-donut-wrap{flex-direction:column}.wb-dash-head{flex-direction:column}}@media(max-width:575px){body.wb-ui-unified .page-content{padding:12px!important}.wb-kpi-grid{grid-template-columns:1fr}.wb-client-brand{display:none}.wb-quick-grid{grid-template-columns:1fr}}
body.wb-dark-mode{--wb-ui-bg:#09111f;--wb-ui-surface:#101b2e;--wb-ui-surface-soft:#152238;--wb-ui-text:#e6edf7;--wb-ui-muted:#94a3b8;--wb-ui-border:#24324a;--wb-ui-shadow:none;background:var(--wb-ui-bg)!important;color:var(--wb-ui-text)}body.wb-dark-mode .card,body.wb-dark-mode .panel,body.wb-dark-mode .wb-kpi,body.wb-dark-mode .wb-widget,body.wb-dark-mode .wb-dash-btn,body.wb-dark-mode .wb-quick,body.wb-dark-mode #sidebar-menu,body.wb-dark-mode .sidebar{background:var(--wb-ui-surface)!important;color:var(--wb-ui-text)!important}.wb-dark-mode .wb-donut:after{background:var(--wb-ui-surface)}