:root{--pb-text: #f4f4f6;--pb-text-muted: #9a9aa4;--pb-text-faint: #64646e;--pb-bg: #0e0e10;--pb-bg-gradient: radial-gradient(1200px 600px at 20% -10%, #1c1c21 0%, #0e0e10 55%);--pb-surface: #17171a;--pb-surface-2: #1f1f24;--pb-sidebar-bg: linear-gradient(180deg, #121215 0%, #0a0a0c 100%);--pb-sidebar-text: #b4b4bd;--pb-sidebar-text-active: #ffffff;--pb-primary: #6e6e7a;--pb-primary-hover: #82828e;--pb-primary-grad: linear-gradient(180deg, #5c5c66 0%, #38383f 100%);--pb-primary-grad-hover: linear-gradient(180deg, #6b6b76 0%, #45454d 100%);--pb-primary-muted: #26262c;--pb-primary-text: #c9c9d2;--pb-success: #2fc25b;--pb-success-muted: #12321c;--pb-error: #e5484d;--pb-error-muted: #3a1518;--pb-warning: #d9a23b;--pb-warning-muted: #3a2c10;--pb-white: #ffffff;--pb-border: #26262b;--pb-border-strong: #38383f;--pb-row-hover: #1c1c21;--pb-banner-accent: #b9b9c4;--pb-font: "proxima-nova", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--pb-fs-body: 14px;--pb-fs-card-title: 24px;--pb-lh-card-title: 28px;--pb-fs-button: 14px;--pb-lh-button: 20px;--pb-sidebar-w: 260px;--pb-sidebar-pad: 16px;--pb-btn-h: 36px;--pb-radius: 8px;--pb-card-pad: 20px;--pb-table-header-h: 40px;--pb-table-row-h: 41px;--pb-shadow-tooltip: 0 0 10px rgba(0, 0, 0, .35);--pb-shadow-popup: 0 8px 16px rgba(0, 0, 0, .45);--pb-t-sidebar: .35s;--pb-t-accordion: .4s;--pb-t-row: .5s;--pb-t-card: .1s ease-in}:root[data-theme=light]{--pb-text: #09071f;--pb-text-muted: #6e6c7e;--pb-text-faint: #9d9bad;--pb-bg: #f3f3f6;--pb-surface: #ffffff;--pb-surface-2: #fafafc;--pb-sidebar-bg: #040214;--pb-sidebar-text: #c9c7d6;--pb-primary: #4234df;--pb-primary-hover: #372bc4;--pb-primary-muted: #ecebfc;--pb-primary-text: #4234df;--pb-success: #1d8725;--pb-success-muted: #e6f4e7;--pb-error: #bd2a2e;--pb-error-muted: #fbeaea;--pb-warning: #b7791f;--pb-warning-muted: #fdf3e0;--pb-border: #e4e3ec;--pb-border-strong: #d2d0df;--pb-row-hover: #f7f7fb;--pb-banner-accent: #1f6fb0;--pb-shadow-tooltip: 0 0 10px rgba(0, 0, 0, .1);--pb-shadow-popup: 0 8px 16px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--pb-font);font-size:var(--pb-fs-body);color:var(--pb-text);background:var(--pb-bg-gradient, var(--pb-bg)) fixed,var(--pb-bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh;min-width:1200px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;transition:margin var(--pb-t-sidebar)}.app-content{flex:1;padding:24px}.sidebar{width:var(--pb-sidebar-w);min-width:var(--pb-sidebar-w);background:var(--pb-sidebar-bg);color:var(--pb-sidebar-text);padding:var(--pb-sidebar-pad);display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;color:#fff;font-weight:700;font-size:18px}.sidebar-logo-mark{width:28px;height:28px;border-radius:8px;background:var(--pb-primary-grad, var(--pb-primary));border:1px solid var(--pb-border-strong);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700}.workspace-switcher{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-radius:var(--pb-radius);padding:8px;color:#fff;text-align:left;margin-bottom:6px}.workspace-switcher:hover{background:#ffffff0f}.workspace-avatar{width:26px;height:26px;border-radius:6px;background:var(--pb-primary-grad, var(--pb-primary));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.workspace-meta{flex:1;min-width:0}.workspace-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-account{font-size:11px;color:var(--pb-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-item,.nav-group-header{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--pb-radius);color:var(--pb-sidebar-text);font-size:13.5px;background:transparent;border:none;text-align:left}.nav-item:hover,.nav-group-header:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:transparent;color:#fff;font-weight:700;position:relative}.nav-item.active:before{content:"";position:absolute;left:-4px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--pb-primary)}.nav-group-header{justify-content:space-between;font-weight:600;color:#e8e6f2}.nav-group-header.open-active{background:var(--pb-surface-2);color:#fff}.nav-group-left{display:inline-flex;align-items:center;gap:10px;position:relative}.nav-badge{position:absolute;top:-7px;left:8px;min-width:15px;height:15px;border-radius:999px;background:var(--pb-error);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.nav-group-header .chevron{transition:transform var(--pb-t-accordion)}.nav-group-header .chevron.open{transform:rotate(180deg)}.nav-group-items{overflow:hidden;display:flex;flex-direction:column;gap:1px;padding-left:26px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:10px}.profile-button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-radius:var(--pb-radius);padding:8px 10px;color:#fff;text-align:left}.profile-button:hover{background:#ffffff0f}.profile-avatar{width:30px;height:30px;border-radius:50%;background:var(--pb-primary-grad, var(--pb-primary));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:var(--pb-fs-card-title);line-height:var(--pb-lh-card-title);font-weight:700;display:flex;align-items:center;gap:10px}.badge-beta{font-size:11px;font-weight:700;color:var(--pb-primary-text);background:var(--pb-primary-muted);border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.4px}.btn{height:var(--pb-btn-h);padding:0 16px;border-radius:var(--pb-radius);font-size:var(--pb-fs-button);line-height:var(--pb-lh-button);font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap}.btn-primary{background:var(--pb-primary-grad, var(--pb-primary));color:#fff;border-color:var(--pb-border-strong)}.btn-primary:hover:not(:disabled){background:var(--pb-primary-grad-hover, var(--pb-primary-hover))}.btn-primary:disabled{background:var(--pb-primary-muted);color:var(--pb-text-faint)}.btn-secondary{background:transparent;color:var(--pb-text);border-color:var(--pb-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--pb-row-hover)}.btn-outline-primary{background:transparent;color:var(--pb-primary-text);border-color:var(--pb-primary)}.btn-outline-primary:hover:not(:disabled){background:var(--pb-primary-muted)}.btn-ghost{background:transparent;color:var(--pb-primary-text)}.btn-ghost:hover:not(:disabled){background:var(--pb-primary-muted)}.card{background:var(--pb-surface);border-radius:var(--pb-radius);padding:var(--pb-card-pad);border:1px solid var(--pb-border)}.pill-tabs{display:inline-flex;gap:4px;background:var(--pb-primary-muted);border-radius:var(--pb-radius);padding:4px}.pill-tab{border:none;background:transparent;color:var(--pb-primary-text);font-weight:600;font-size:14px;padding:6px 14px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.pill-tab.active{background:var(--pb-primary);color:#fff}.seg-tabs{display:flex;background:var(--pb-surface);border-radius:var(--pb-radius);padding:3px;gap:2px;width:fit-content}.seg-tab{border:none;background:transparent;color:var(--pb-text-muted);font-weight:600;font-size:13.5px;padding:8px 22px;border-radius:6px;display:inline-flex;align-items:center;gap:8px}.seg-tab.active{background:var(--pb-surface-2);color:var(--pb-primary-text)}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--pb-border);margin-bottom:20px}.tab{border:none;background:none;padding:10px 2px;font-size:14px;font-weight:600;color:var(--pb-text-muted);border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:6px}.tab.active{color:var(--pb-primary-text);border-bottom-color:var(--pb-primary)}.tab-count{background:var(--pb-primary-muted);color:var(--pb-primary-text);font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px}.input,.select{height:var(--pb-btn-h);border:1px solid var(--pb-border-strong);border-radius:var(--pb-radius);padding:0 12px;font-size:14px;background:var(--pb-surface);color:var(--pb-text)}.input:focus,.select:focus,textarea:focus{outline:2px solid var(--pb-primary-muted);border-color:var(--pb-primary)}.input::placeholder{color:var(--pb-text-faint)}.search-wrap{position:relative;display:inline-flex;align-items:center}.search-wrap svg{position:absolute;left:10px;color:var(--pb-text-faint);pointer-events:none}.search-wrap .input{padding-left:32px}.data-table-wrap{overflow-x:auto;background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius)}.data-table{border-collapse:collapse;width:max-content;min-width:100%}.data-table th{height:var(--pb-table-header-h);font-size:12px;font-weight:600;color:var(--pb-text-muted);text-align:left;padding:0 12px;border-bottom:1px solid var(--pb-border);background:var(--pb-surface-2);white-space:nowrap;position:sticky;top:0}.data-table td{height:var(--pb-table-row-h);padding:0 12px;border-bottom:1px solid var(--pb-border);white-space:nowrap;font-size:13px}.data-table tbody tr{transition:background var(--pb-t-row)}.data-table tbody tr:hover{background:var(--pb-row-hover)}.data-table tr.summary-row td{font-weight:700;background:var(--pb-surface-2)}.num-cell,.data-table th.num-cell{text-align:right}.budget-cell{width:96px;height:28px;border:1px solid var(--pb-border-strong);border-radius:6px;background:transparent;color:var(--pb-text);text-align:right;padding:0 8px;font-size:13px}.budget-cell:focus{outline:none;border-color:var(--pb-primary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.on{background:var(--pb-success)}.status-dot.off{background:var(--pb-text-faint)}.switch{width:34px;height:19px;border-radius:999px;border:none;background:var(--pb-border-strong);position:relative;transition:background .2s;padding:0}.switch.on{background:var(--pb-success)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on:after{transform:translate(15px)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px}.status-pill.active{color:var(--pb-success);background:var(--pb-success-muted)}.status-pill.paused{color:var(--pb-text-muted);background:var(--pb-primary-muted)}.status-pill.error{color:var(--pb-error);background:var(--pb-error-muted)}.rec-card{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);padding:var(--pb-card-pad);transition:box-shadow var(--pb-t-card),border-color var(--pb-t-card)}.rec-card:hover{border-color:var(--pb-border-strong);box-shadow:var(--pb-shadow-tooltip)}.rec-card+.rec-card{margin-top:12px}.rec-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.rec-icon{width:44px;height:44px;border-radius:8px;background:var(--pb-primary-muted);color:var(--pb-primary-text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.rec-title{font-weight:700;font-size:16px;margin-bottom:6px}.rec-sub{color:var(--pb-text-muted);font-size:13px}.rec-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--pb-text-muted);background:var(--pb-surface-2);border-radius:999px;padding:3px 10px}.rec-details{overflow:hidden;transition:max-height var(--pb-t-accordion) ease}.rec-details-inner{border-top:1px solid var(--pb-border);margin-top:16px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:13px}.rec-detail-label{color:var(--pb-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.summary-cards{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:14px;margin-bottom:20px}.summary-card{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:10px;padding:18px;min-height:170px}.empty-state{text-align:center;padding:56px 24px;color:var(--pb-text-muted)}.empty-state-title{font-weight:700;font-size:16px;color:var(--pb-text);margin-bottom:6px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02010a8c;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:360px;background:var(--pb-surface);z-index:41;box-shadow:var(--pb-shadow-popup);padding:20px;display:flex;flex-direction:column;gap:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02010a8c;z-index:50;display:flex;align-items:center;justify-content:center}.modal{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow-popup);width:560px;max-width:calc(100vw - 48px);padding:24px}.modal-title{font-size:var(--pb-fs-card-title);line-height:var(--pb-lh-card-title);font-weight:700;margin-bottom:20px}.popover{position:absolute;background:var(--pb-surface);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow-popup);border:1px solid var(--pb-border);padding:8px;z-index:60;min-width:240px;color:var(--pb-text)}.popover-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;border-radius:6px;padding:9px 10px;font-size:14px;text-align:left;color:var(--pb-text)}.popover-item:hover{background:var(--pb-row-hover)}.popover-divider{height:1px;background:var(--pb-border);margin:6px 0}.tooltip{position:absolute;background:var(--pb-surface-2);color:var(--pb-text);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow-tooltip);border:1px solid var(--pb-border);padding:10px 12px;font-size:12px;z-index:70;max-width:260px;pointer-events:none}@keyframes pb-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:6px;background:linear-gradient(90deg,var(--pb-surface-2) 25%,var(--pb-surface) 50%,var(--pb-surface-2) 75%);background-size:800px 100%;animation:pb-shimmer 1.4s infinite linear}.spinner{width:20px;height:20px;border:2px solid var(--pb-primary-muted);border-top-color:var(--pb-primary);border-radius:50%;animation:pb-spin .8s linear infinite}@keyframes pb-spin{to{transform:rotate(360deg)}}.banner-error{background:var(--pb-error-muted);color:var(--pb-error);border-radius:var(--pb-radius);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.checkbox{width:16px;height:16px;accent-color:var(--pb-primary)}.placeholder-page{display:flex;flex-direction:column;gap:16px}