.wp{--wp-bg:#f4f1ec;--wp-panel:#fbfaf7;--wp-line:#e7e3db;--wp-line-soft:#f0ede6;--wp-text:#1a1815;--wp-text-soft:#6b6660;--wp-text-mute:#9a948c;--wp-accent:#12b886;--wp-accent-2:#0ca678;--wp-accent-glow:#12b8861f;--wp-pos:#3e9b6b;--wp-pos-soft:#3e9b6b1f;--wp-warn:#c9762e;--wp-warn-soft:#c9762e24;--wp-shadow-lg:0 24px 60px -20px #3c322338;background:var(--wp-bg);border:1px solid var(--wp-line);box-shadow:var(--wp-shadow-lg);color:var(--wp-text);border-radius:24px;padding:14px;font-size:16px;transition:background .4s,border-color .4s;overflow:hidden}.wp.dark{--wp-bg:#032034;--wp-panel:#06304b;--wp-line:#1d3548;--wp-line-soft:#142a3c;--wp-text:#f0eeea;--wp-text-soft:#9ba3af;--wp-text-mute:#64748b;--wp-accent:#20c997;--wp-accent-2:#12b886;--wp-accent-glow:#20c99729;--wp-pos:#4fbe86;--wp-pos-soft:#4fbe8624;--wp-warn:#e0995a;--wp-warn-soft:#e0995a29;--wp-shadow-lg:0 24px 60px -20px #000000b3}.wp-head{background:radial-gradient(120% 140% at 0% 0%, var(--wp-accent-glow), transparent 60%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px 14px;display:flex}.wp-brand{align-items:center;gap:14px;display:flex}.wp-mark{background:linear-gradient(135deg, var(--wp-accent), var(--wp-accent-2));box-shadow:0 8px 20px -6px var(--wp-accent-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.wp-h1{color:var(--wp-text);letter-spacing:-.01em;font-size:19px;font-weight:600}.wp-h1 span{color:var(--wp-text-mute);margin-top:3px;font-size:11px;font-weight:400;display:block}.wp-head-right{align-items:center;gap:14px;display:flex}.wp-live{border:1px solid var(--wp-line);color:var(--wp-text-soft);border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;display:flex}.wp-dot{background:var(--wp-pos);border-radius:50%;width:7px;height:7px;animation:2s infinite wp-pulse}@keyframes wp-pulse{0%{box-shadow:0 0 0 0 var(--wp-pos-soft)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.wp-theme{background:var(--wp-panel);border:1px solid var(--wp-line);cursor:pointer;border-radius:22px;align-items:center;gap:9px;padding:7px 8px 7px 14px;transition:border-color .3s;display:flex}.wp-theme:hover{border-color:var(--wp-accent)}.wp-theme span:first-child{color:var(--wp-text-soft);letter-spacing:.05em;font-size:11px}.wp-track{background:var(--wp-line);border-radius:12px;width:36px;height:20px;transition:background .3s;display:block;position:relative}.wp-knob{background:linear-gradient(135deg, var(--wp-accent), var(--wp-accent-2));border-radius:50%;width:15px;height:15px;transition:left .35s cubic-bezier(.4,0,.2,1);position:absolute;top:2.5px;left:3px}.wp.dark .wp-knob{left:18px}.wp-tools{flex-wrap:wrap;align-items:center;gap:26px;padding:6px 14px 14px;display:flex}.wp-tool{align-items:center;gap:10px;display:flex}.wp-lbl{color:var(--wp-text-mute);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.wp-seg{background:var(--wp-bg);border:1px solid var(--wp-line);border-radius:9px;gap:2px;padding:3px;display:flex}.wp-seg button{color:var(--wp-text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 15px;font-size:13px;font-weight:500;transition:background .25s,color .25s}.wp-seg button:hover{color:var(--wp-text)}.wp-seg button.is-active{background:linear-gradient(135deg, var(--wp-accent), var(--wp-accent-2));box-shadow:0 4px 12px -4px var(--wp-accent-glow);color:#fff}.wp-select{background:var(--wp-bg);border:1px solid var(--wp-line);color:var(--wp-text);cursor:pointer;border-radius:9px;padding:8px 14px;font-size:13px}.wp-kpis{grid-template-columns:repeat(4,1fr);gap:14px;padding:14px;display:grid}.wp-kpi{background:var(--wp-panel);border:1px solid var(--wp-line);border-radius:18px;padding:22px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.wp-kpi:after{background:radial-gradient(circle at top right, var(--wp-accent-glow), transparent 70%);content:"";width:60px;height:60px;position:absolute;top:0;right:0}.wp-kpi:hover{border-color:var(--wp-accent);transform:translateY(-3px)}.wp-kpi-lbl{color:var(--wp-text-mute);letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px;font-size:10px}.wp-kpi-val{color:var(--wp-text);font-size:34px;font-weight:600;line-height:1}.wp-cur{color:var(--wp-text-soft);margin-right:2px;font-size:20px;font-weight:400}.wp-cur-m{margin-left:2px}.wp-kpi-foot{color:var(--wp-text-soft);align-items:center;gap:6px;margin-top:11px;font-size:12px;display:flex}.wp-chip{border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.wp-chip.up{background:var(--wp-pos-soft);color:var(--wp-pos)}.wp-chip.down{background:var(--wp-warn-soft);color:var(--wp-warn)}.wp-grid{grid-template-columns:1.6fr 1fr;gap:14px;padding:0 14px;display:grid}.wp-card{background:var(--wp-panel);border:1px solid var(--wp-line);border-radius:18px;padding:24px}.wp-card-block{margin:0 14px 14px}.wp-card-h{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.wp-card-t{color:var(--wp-text);font-size:15px;font-weight:600}.wp-card-sub{color:var(--wp-text-mute);font-size:11px}.wp-empty{color:var(--wp-text-mute);padding:12px 0;font-size:13px}.wp-bars{align-items:stretch;gap:8px;height:220px;display:flex}.wp-bar-col{flex-direction:column;flex:1;gap:8px;display:flex}.wp-bar-track{flex:1;align-items:flex-end;display:flex}.wp-bar{background:linear-gradient(180deg, var(--wp-accent), var(--wp-accent-2));border-radius:3px;width:100%;max-width:26px;margin:0 auto;transition:height .6s cubic-bezier(.4,0,.2,1)}.wp-bar-lbl{color:var(--wp-text-mute);text-align:center;font-size:9px}.wp-donut-row{align-items:center;gap:26px;display:flex}.wp-donut{flex-shrink:0;width:140px;height:140px}.wp-donut circle{transition:stroke-dasharray .7s}.wp-legend{flex-direction:column;flex:1;gap:14px;display:flex}.wp-legend-item{color:var(--wp-text);align-items:center;gap:11px;font-size:13px;display:flex}.wp-legend-dot{border-radius:3px;flex-shrink:0;width:11px;height:11px}.wp-legend-val{margin-left:auto;font-weight:600}.wp-legend-pct{color:var(--wp-text-mute);margin-left:6px;font-size:11px}.wp-rank{border-bottom:1px solid var(--wp-line-soft);align-items:center;gap:14px;padding:13px 0;display:flex}.wp-rank:last-child{border-bottom:none}.wp-rank-pos{background:var(--wp-accent-glow);color:var(--wp-accent-2);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.wp-rank-info{flex:1;min-width:0}.wp-rank-name{color:var(--wp-text);margin-bottom:5px;font-size:13.5px;font-weight:500}.wp-rank-bar{background:var(--wp-line);border-radius:3px;height:5px;overflow:hidden}.wp-rank-fill{background:linear-gradient(90deg, var(--wp-accent), var(--wp-accent-2));border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.wp-rank-meta{text-align:right;flex-shrink:0}.wp-rank-amt{color:var(--wp-text);font-size:14px;font-weight:600}.wp-rank-cc{color:var(--wp-text-mute);margin-top:2px;font-size:10px}.wp-table{border-collapse:collapse;width:100%}.wp-table th{color:var(--wp-text-mute);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:0 12px 14px;font-size:10px;font-weight:500}.wp-table th.r,.wp-table td.r{text-align:right}.wp-table td{border-top:1px solid var(--wp-line-soft);color:var(--wp-text);padding:14px 12px;font-size:13.5px}.wp-proj{font-weight:600}.wp-cc{color:var(--wp-text-soft)}.wp-amt{font-weight:600}.wp-pill{white-space:nowrap;border-radius:6px;padding:4px 11px;font-size:11px;font-weight:500}.wp-pill.ok{background:var(--wp-pos-soft);color:var(--wp-pos)}.wp-pill.warn{background:var(--wp-warn-soft);color:var(--wp-warn)}.wp-pill.idle{background:var(--wp-line);color:var(--wp-text-soft)}.wp-steps{gap:4px;display:flex}.wp-step{background:var(--wp-line);border-radius:3px;width:26px;height:5px}.wp-step.done{background:var(--wp-pos)}.wp-step.cur{background:var(--wp-accent)}@media (max-width:900px){.wp-kpis{grid-template-columns:repeat(2,1fr)}.wp-grid{grid-template-columns:1fr}.wp-donut-row{flex-direction:column;align-items:flex-start}.wp-table{white-space:nowrap;display:block;overflow-x:auto}}