.ac-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ac-editor{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--ds-color-surface);border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2)}.ac-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:10px var(--ds-space-4) 10px var(--ds-space-3);border-bottom:1px solid var(--ds-color-border-soft);background:var(--ds-color-surface);border-radius:14px 14px 0 0;flex-shrink:0}.ac-header-left{display:flex;align-items:center;gap:var(--ds-space-2)}.ac-back-btn{width:32px;height:32px;border:0;background:transparent;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.ac-back-btn:hover{background:var(--op-hover);color:var(--ds-color-text)}.ac-header-title{font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text)}.ac-header-sub{font-size:var(--ds-font-md);color:var(--ds-color-text-muted)}.ac-body{display:grid;grid-template-columns:220px 1fr;min-height:0;overflow:hidden}.ac-nav{border-right:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);padding:var(--ds-space-4) 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.ac-tab{display:flex;align-items:center;gap:10px;padding:var(--ds-space-2) 10px;border:0;outline:none;border-radius:var(--ds-radius-lg);background:transparent;color:#4b5565;font-size:var(--ds-font-md);font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s;width:100%}.ac-tab:hover{background:var(--op-hover);color:var(--ds-color-text)}.ac-tab.active{background:#dcedff;color:#1062cc;font-weight:600}.ac-content{overflow-y:auto;background:var(--ds-color-surface-muted);padding:var(--ds-space-4) var(--ds-space-8) 48px;min-width:0;display:flex;flex-direction:column;align-items:center}.ac-content-inner{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-soft);border-radius:14px;padding:var(--ds-space-5) var(--ds-space-8) var(--ds-space-8);box-shadow:var(--ds-elevation-1) );width:100%;max-width:860px}.ac-section-header{margin-bottom:var(--ds-space-5)}.ac-section-title{margin:0;font-size:18px;font-weight:700;color:var(--ds-color-text)}.ac-section-label{display:flex;align-items:center;gap:var(--ds-space-2);margin:var(--ds-space-5) 0 var(--ds-space-2);font-size:var(--ds-font-md);font-weight:600;color:var(--ds-color-text)}.ac-section-label:first-child{margin-top:0}.ac-field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-3) 0;border-bottom:1px solid #f0f3f6}.ac-field-row:last-child{border-bottom:none}.ac-field-label{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text-2);flex-shrink:0;min-width:160px}.ac-field-value{font-size:var(--ds-font-md);color:var(--ds-color-text);display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.ac-content-card{border:1px solid var(--ds-color-border-soft);border-radius:10px;padding:0 var(--ds-space-5);background:var(--ds-color-surface);margin-bottom:var(--ds-space-1)}.ac-plan-card{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:14px var(--ds-space-5);border:1px solid var(--ds-color-border-soft);border-radius:10px;background:var(--ds-color-surface);margin-bottom:var(--ds-space-1)}.ac-plan-card-left{display:flex;flex-direction:column;gap:3px}.ac-plan-name{font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text)}.ac-plan-sub{font-size:var(--ds-font-sm);color:var(--ds-color-text-muted)}.ac-plan-card-right{display:flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0}.ac-addon-list{border:1px solid var(--ds-color-border-soft);border-radius:10px;overflow:hidden;background:var(--ds-color-surface);margin-bottom:var(--ds-space-1)}.ac-addon-row{display:grid;grid-template-columns:20px 140px 1fr 1fr 1fr auto;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-5);border-bottom:1px solid #f0f3f6}.ac-addon-row:last-child{border-bottom:none}.ac-addon-icon{color:var(--ds-color-text-muted);display:flex}.ac-addon-label{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text)}.ac-addon-tier{font-size:var(--ds-font-md);color:#4b5565}.ac-addon-price{font-size:var(--ds-font-md);color:var(--ds-color-text-2);font-weight:500}.ac-addon-no-plan{font-size:var(--ds-font-sm);color:#878d98;font-style:italic;font-weight:400}.ac-addon-next{font-size:var(--ds-font-sm);color:var(--ds-color-text-muted)}.ac-payment-row{display:flex;align-items:center;gap:var(--ds-space-2)}.ac-icon-muted{color:var(--ds-color-text-muted)}.ac-credits-row{display:flex;align-items:center;gap:var(--ds-space-3);width:100%;justify-content:space-between}.ac-field-row--usage{align-items:center}.ac-usage-right{display:flex;align-items:center;gap:var(--ds-space-3);flex:1;justify-content:flex-end}.ac-usage-track{width:120px;height:4px;background:var(--ds-color-border-soft);border-radius:2px;overflow:hidden;flex-shrink:0}.ac-usage-fill{height:100%;background:var(--ds-color-primary);border-radius:2px;transition:width .3s ease}.ac-usage-fill--warn{background:#d97706}.ac-usage-fill--danger{background:var(--ds-color-danger)}.ac-usage-count{font-size:var(--ds-font-sm);font-weight:500;color:var(--ds-color-text);white-space:nowrap;min-width:110px;text-align:right}.ac-usage-count--warn{color:#d97706}.ac-usage-count--danger{color:var(--ds-color-danger)}.ac-usage-max{font-weight:400;color:var(--ds-color-text-muted)}.ac-content-card--flush{padding:0;overflow:hidden}.ac-invoice-header{display:grid;grid-template-columns:1.6fr 120px 100px 100px 150px;gap:var(--ds-space-4);padding:var(--ds-space-2) var(--ds-space-5);background:var(--ds-color-surface-2);border-bottom:1px solid var(--ds-color-border-soft);font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-color-text-muted)}.ac-invoice-row{display:grid;grid-template-columns:1.6fr 120px 100px 100px 150px;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-5);border-bottom:1px solid #f0f3f6}.ac-invoice-row:last-child{border-bottom:none}.ac-invoice-number{display:flex;flex-direction:column;gap:2px;font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text)}.ac-invoice-method{font-size:var(--ds-font-xs);font-weight:400;color:var(--ds-color-text-muted)}.ac-invoice-date{font-size:var(--ds-font-md);color:var(--ds-color-text-2)}.ac-invoice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);margin-bottom:var(--ds-space-3)}.ac-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:7px var(--ds-space-3);border:1px solid #d7dbe0;border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);color:var(--ds-color-text-2);font-size:var(--ds-font-md);font-weight:500;cursor:pointer}.ac-btn-secondary:hover{background:var(--ds-color-surface-2)}.ac-invoice-actions{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}.ac-invoice-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #d7dbe0;border-radius:7px;background:var(--ds-color-surface);color:var(--ds-color-text-2);cursor:pointer}.ac-invoice-icon-btn:hover{background:var(--ds-color-surface-2);color:var(--ds-color-primary)}.ac-invoice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-8);background:#10182873}.ac-invoice-modal{position:relative;width:100%;max-width:560px;max-height:90vh;background:var(--ds-color-surface);border-radius:14px;box-shadow:0 24px 48px #0f172a3d;overflow-y:auto}.ac-invoice-modal-close{position:absolute;top:16px;right:16px;border:none;background:none;cursor:pointer;color:var(--ds-color-text-muted);padding:var(--ds-space-1);border-radius:var(--ds-radius-md);z-index:2}.ac-invoice-modal-close:hover{background:var(--ds-color-surface-2);color:var(--ds-color-text)}.ac-invoice-receipt{padding:36px var(--ds-space-8) var(--ds-space-6)}.ac-invoice-receipt-head{text-align:center;margin-bottom:28px}.ac-invoice-receipt-amount{margin:0 0 6px;font-size:26px;font-weight:700;color:var(--ds-color-text)}.ac-invoice-receipt-num{margin:0;font-size:15px;color:var(--ds-color-text-muted)}.ac-invoice-card{position:relative;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);margin-bottom:var(--ds-space-5)}.ac-invoice-card-action{position:absolute;top:20px;right:20px}.ac-invoice-party{margin-bottom:var(--ds-space-5)}.ac-invoice-party:last-child{margin-bottom:0}.ac-invoice-party-label{font-size:var(--ds-font-lg);color:var(--ds-color-text-muted);margin-bottom:var(--ds-space-1)}.ac-invoice-party-name{font-size:15px;font-weight:500;color:var(--ds-color-text);margin-bottom:2px}.ac-invoice-party-link{display:block;font-size:15px;color:var(--ds-color-primary);text-decoration:none;margin-bottom:2px}.ac-invoice-party-link:hover{text-decoration:underline}.ac-invoice-party-line{font-size:15px;color:var(--ds-color-text);line-height:1.5}.ac-invoice-summary-title{font-size:var(--ds-font-lg);color:var(--ds-color-text-muted);margin-bottom:var(--ds-space-4)}.ac-invoice-summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:15px;color:var(--ds-color-text);border-top:1px solid #f0f3f6}.ac-invoice-summary-row:first-of-type{border-top:none}.ac-invoice-summary-row--total{font-size:var(--ds-font-xl)}.ac-invoice-summary-row--total strong{font-weight:700}.ac-invoice-poweredby{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:var(--ds-space-2);font-size:var(--ds-font-xs);font-weight:600;color:var(--ds-color-text-subtle)}.ac-invoice-poweredby-brand{font-size:18px;font-weight:700;color:var(--ds-color-primary)}.ac-invoice-amount{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text)}.ac-invoice-link{background:none;border:none;cursor:pointer;color:var(--ds-color-primary);font-size:var(--ds-font-sm);font-weight:500;display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:0;white-space:nowrap}.ac-invoice-link:hover{text-decoration:underline}.ac-pill{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:3px var(--ds-space-2);border-radius:var(--ds-radius-pill);font-size:var(--ds-font-xs);font-weight:600}.ac-pill--ok{background:var(--ds-color-success-soft);color:#108045}.ac-pill--warn{background:#fff1dc;color:#d97706}.ac-pill--neutral{background:var(--ds-color-border-soft);color:var(--ds-color-text-muted)}.ac-btn{height:34px;padding:0 var(--ds-space-4);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.ac-btn:hover{background:var(--op-hover)}.ac-btn--primary{background:var(--ds-color-primary);border-color:var(--ds-color-primary);color:var(--ds-color-surface)}.ac-btn--primary:hover{background:var(--ds-color-primary-2);border-color:var(--ds-color-primary-2)}.ac-btn--secondary{background:var(--ds-color-surface-muted);border-color:var(--ds-color-border);color:var(--ds-color-text)}.ac-btn--secondary:hover{background:var(--ds-color-border-soft)}.ac-btn--ghost{background:none;border-color:transparent;color:var(--ds-color-primary);height:auto;padding:var(--ds-space-1) var(--ds-space-2);font-weight:500}.ac-btn--ghost:hover{background:#e6f2ff}.ac-btn--danger{background:var(--ds-color-danger);border-color:var(--ds-color-danger);color:var(--ds-color-surface)}.ac-btn--sm{height:28px;padding:0 10px;font-size:var(--ds-font-sm)}.ac-btn--ghost.ac-btn--sm{height:auto;padding:3px var(--ds-space-2)}.ac-cancel-row{margin-top:var(--ds-space-6);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-border-soft);text-align:center}.ac-cancel-link{background:none;border:none;font-size:var(--ds-font-md);color:#878d98;cursor:pointer;padding:0;transition:color .12s}.ac-cancel-link:hover{color:var(--ds-color-text-2)}.ac-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:200}.ac-dialog{background:var(--ds-color-surface);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-elevation-4);width:480px;max-width:calc(100vw - 32px);display:flex;flex-direction:column}.ac-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px var(--ds-space-5) 14px;border-bottom:1px solid var(--ds-color-border-soft)}.ac-dialog-title{margin:0;font-size:var(--ds-font-xl);font-weight:700;color:var(--ds-color-text)}.ac-dialog-close{width:28px;height:28px;border:none;background:none;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;transition:background .12s,color .12s}.ac-dialog-close:hover{background:var(--ds-color-surface-muted);color:var(--ds-color-text)}.ac-dialog-body{padding:var(--ds-space-5);display:flex;flex-direction:column;gap:var(--ds-space-3)}.ac-dialog-body p{margin:0;font-size:var(--ds-font-lg);color:var(--ds-color-text-2);line-height:1.6}.ac-dialog-link{color:var(--ds-color-primary);text-decoration:none}.ac-dialog-link:hover{text-decoration:underline}.ac-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-2);padding:14px var(--ds-space-5) 18px;border-top:1px solid var(--ds-color-border-soft)}.adm-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.adm-editor{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--ds-color-surface);border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2)}.adm-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:10px var(--ds-space-4) 10px var(--ds-space-3);border-bottom:1px solid var(--ds-color-border-soft);background:var(--ds-color-surface);border-radius:14px 14px 0 0;flex-shrink:0}.adm-header-left{display:flex;align-items:center;gap:var(--ds-space-2)}.adm-back-btn{width:32px;height:32px;border:0;background:transparent;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.adm-back-btn:hover{background:var(--op-hover);color:var(--ds-color-text)}.adm-header-title{font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text)}.adm-body{display:grid;grid-template-columns:240px 1fr;min-height:0;overflow:hidden}.adm-nav{border-right:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);padding:var(--ds-space-4) 10px;display:flex;flex-direction:column;gap:var(--ds-space-2);overflow-y:auto}.adm-nav .adm-search{display:flex;width:100%;margin:var(--ds-space-1) 2px;animation:none}.adm-nav .adm-search .op-expandable-search-input{width:auto;flex:1}.adm-nav-list{display:flex;flex-direction:column;gap:2px}.adm-tab{display:flex;align-items:center;gap:10px;padding:var(--ds-space-2) 10px;border:0;outline:none;border-radius:var(--ds-radius-lg);background:transparent;color:#4b5565;font-size:var(--ds-font-md);font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s;width:100%}.adm-tab:hover{background:var(--op-hover);color:var(--ds-color-text)}.adm-tab.active{background:#dcedff;color:#1062cc;font-weight:600}.adm-tab.active .adm-tab-icon{color:#1062cc}.adm-tab-icon{display:inline-flex;align-items:center;color:var(--ds-color-text-muted);flex-shrink:0}.adm-tab-label{flex:1;min-width:0}.adm-content{overflow-y:auto;background:var(--ds-color-surface-muted);padding:var(--ds-space-4) var(--ds-space-8) 48px;min-width:0;display:flex;flex-direction:column;align-items:center}.adm-content-inner{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-soft);border-radius:14px;padding:var(--ds-space-5) var(--ds-space-8) var(--ds-space-8);box-shadow:var(--ds-elevation-1) );width:100%;max-width:920px}.adm-section-header{margin-bottom:var(--ds-space-5)}.adm-section-title{margin:0;font-size:18px;font-weight:700;color:var(--ds-color-text)}.adm-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--ds-space-8);row-gap:0}.adm-option{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:14px var(--ds-space-3);margin:0 -12px;border-radius:var(--ds-radius-lg);cursor:pointer;transition:background .12s}.adm-option:hover{background:var(--op-hover)}.adm-option-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);color:var(--ds-color-text-2);flex-shrink:0;margin-top:2px}.adm-option-body{display:flex;flex-direction:column;gap:var(--ds-space-1);min-width:0}.adm-option-title{font-size:var(--ds-font-md);font-weight:600;color:var(--ds-color-text)}.adm-option-desc{font-size:var(--ds-font-md);color:var(--ds-color-text-2);line-height:1.5}.adm-option-link{color:var(--ds-color-primary);text-decoration:none;font-weight:500}.adm-option-link:hover{text-decoration:underline}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-3);padding:48px var(--ds-space-4);text-align:center}.adm-empty-text{font-size:var(--ds-font-md);color:var(--ds-color-text-muted)}.adm-empty-btn{height:32px;padding:0 14px;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.adm-empty-btn:hover{background:var(--op-hover)}.ap-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.ap-editor{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--ds-color-surface);border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2)}.ap-header{display:flex;align-items:center;gap:var(--ds-space-4);padding:10px var(--ds-space-4) 10px var(--ds-space-3);border-bottom:1px solid var(--ds-color-border-soft);background:var(--ds-color-surface);border-radius:14px 14px 0 0;flex-shrink:0}.ap-header-left{display:flex;align-items:center;gap:var(--ds-space-2)}.ap-back-btn{width:32px;height:32px;border:0;background:transparent;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.ap-back-btn:hover{background:var(--ds-color-surface-muted);color:var(--ds-color-text)}.ap-header-title{font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text)}.ap-body{display:grid;grid-template-columns:200px 1fr;min-height:0;overflow:hidden}.ap-nav{border-right:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);padding:var(--ds-space-3) 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.ap-nav-list{display:flex;flex-direction:column;gap:2px}.ap-tab{display:flex;align-items:center;padding:var(--ds-space-2) 10px;border:0;outline:none;border-radius:var(--ds-radius-lg);background:transparent;color:#4b5565;font-size:var(--ds-font-md);font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s;width:100%}.ap-tab:hover{background:#ececec;color:var(--ds-color-text)}.ap-tab.active{background:#dcedff;color:#1062cc;font-weight:600}.ap-content{overflow-y:auto;min-height:0}.ap-content-inner{padding:var(--ds-space-6) var(--ds-space-8) var(--ds-space-10)}.ap-section-header{margin-bottom:var(--ds-space-5)}.ap-section-title{margin:0;font-size:18px;font-weight:700;color:var(--ds-color-text)}.ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-3)}.ap-card{position:relative;display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-4) 44px;border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-xl);background:var(--ds-color-surface);transition:border-color .12s,box-shadow .12s}.ap-card:hover{border-color:#dde1e8;box-shadow:0 2px 8px #0f172a12}.ap-card-top{display:flex;align-items:center;gap:10px}.ap-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);color:var(--ds-color-text-2);flex-shrink:0}.ap-card-title{font-size:var(--ds-font-lg);font-weight:700;color:var(--ds-color-text)}.ap-card-desc{font-size:var(--ds-font-md);color:#4b5565;line-height:1.55;flex:1}.ap-card-link{color:var(--ds-color-primary);text-decoration:none;font-weight:500}.ap-card-link:hover{text-decoration:underline}.ap-card>.ap-toggle{position:absolute;bottom:14px;right:14px}.ap-toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;background:var(--ds-color-border-2);cursor:pointer;padding:0;transition:background .2s;flex-shrink:0}.ap-toggle.on{background:var(--ds-color-primary)}.ap-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ds-color-surface);box-shadow:0 1px 3px #0003;transition:transform .2s}.ap-toggle.on .ap-toggle-thumb{transform:translate(16px)}.cs-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cs-editor{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--ds-color-surface);border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2)}.cs-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:10px var(--ds-space-4) 10px var(--ds-space-3);border-bottom:1px solid var(--ds-color-border-soft);background:var(--ds-color-surface);border-radius:14px 14px 0 0;flex-shrink:0}.cs-header-left{display:flex;align-items:center;gap:var(--ds-space-2)}.cs-back-btn{width:32px;height:32px;border:0;background:transparent;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.cs-back-btn:hover{background:var(--op-hover);color:var(--ds-color-text)}.cs-header-title{font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text)}.cs-body{overflow-y:auto;background:var(--ds-color-surface-muted);padding:var(--ds-space-4) var(--ds-space-8) 48px;min-width:0;display:flex;flex-direction:column;align-items:center}.cs-content-inner{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-soft);border-radius:14px;padding:var(--ds-space-5) var(--ds-space-8) var(--ds-space-8);box-shadow:var(--ds-elevation-1) );width:100%;max-width:920px}.cs-section-header{margin-bottom:var(--ds-space-5)}.cs-section-title{margin:0;font-size:18px;font-weight:700;color:var(--ds-color-text)}.cs-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--ds-space-8);row-gap:0}.cs-option{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:14px var(--ds-space-3);margin:0 -12px;border-radius:var(--ds-radius-lg);cursor:pointer;transition:background .12s}.cs-option:hover{background:var(--op-hover)}.cs-option-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);color:var(--ds-color-text-2);flex-shrink:0;margin-top:2px}.cs-option-body{display:flex;flex-direction:column;gap:var(--ds-space-1);min-width:0}.cs-option-title{font-size:var(--ds-font-md);font-weight:600;color:var(--ds-color-text)}.cs-option-desc{font-size:var(--ds-font-md);color:var(--ds-color-text-2);line-height:1.5}.cs-option-link{color:var(--ds-color-primary);text-decoration:none;font-weight:500}.cs-option-link:hover{text-decoration:underline}.hp-shell{--hp-bg: var(--ds-color-surface);--hp-text: var(--ds-color-text);--hp-text-2: var(--ds-color-text-2);--hp-muted: var(--ds-color-text-muted);--hp-blue: var(--ds-color-primary);--hp-card: var(--ds-color-surface);--hp-card-border: var(--ds-color-border);--hp-radius-card: 12px;--hp-radius-lg: 16px;--hp-gap: 16px;--hp-sidebar-w: 320px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hp-editor{flex:1;min-height:0;overflow:hidden;background:var(--ds-color-surface);border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2);display:flex;flex-direction:column}.hp-page{flex:1;min-height:0;overflow-y:auto;background:var(--hp-bg);border-radius:14px}.hp-container{width:100%;margin:0;padding:var(--ds-space-8) var(--ds-space-6) 48px}.hp-greeting{margin-bottom:var(--ds-space-6)}.hp-greeting-title{margin:0 0 var(--ds-space-1);font-size:28px;font-weight:700;color:var(--hp-text);line-height:1.2}.hp-greeting-sub{margin:0;font-size:var(--ds-font-lg);color:var(--hp-text-2)}.hp-greeting-cta-link{color:var(--hp-blue);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.hp-greeting-cta-link:hover{text-decoration:underline}.hp-section-header{margin-bottom:var(--ds-space-3)}.hp-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--hp-sidebar-w);gap:var(--hp-gap);align-items:start}.hp-grid-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hp-gap);align-content:start}.hp-grid-sidebar{display:flex;flex-direction:column;gap:var(--hp-gap)}@media(max-width:1180px){.hp-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:820px){.hp-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hp-grid-main{grid-template-columns:minmax(0,1fr)}}.hp-widget-slot{min-width:0}.hp-widget-frame{position:relative}.hp-widget-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;border:0;border-radius:var(--ds-radius-md);background:#ffffffe6;color:var(--hp-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s,background .12s,color .12s;z-index:1}.hp-widget-frame:hover .hp-widget-remove{opacity:1}.hp-widget-remove:hover{background:var(--ds-color-surface);color:var(--hp-text);box-shadow:0 1px 4px #0f172a1f}.hp-widget{background:var(--hp-card);border:1px solid var(--hp-card-border);border-radius:var(--hp-radius-card);padding:var(--ds-space-4);box-shadow:var(--ds-elevation-1)}.hp-widget-stub{display:flex;flex-direction:column;gap:var(--ds-space-1);min-height:80px}.hp-widget-stub-type{font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hp-muted)}.hp-widget-stub-id{font-size:var(--ds-font-md);color:var(--hp-text)}.hp-text{padding:var(--ds-space-2) 0 0}.hp-widget-slot--heading{margin-top:-4px;margin-bottom:-4px}.hp-text-title{margin:0 0 var(--ds-space-1);font-size:17px;font-weight:700;color:var(--hp-text);line-height:1.3}.hp-text-link{color:var(--hp-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.hp-text-link:hover{text-decoration-thickness:2px}.hp-text-sub{margin:0;font-size:var(--ds-font-md);color:var(--hp-text-2)}.hp-tc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hp-gap)}.hp-tc-card{background:var(--hp-card);border:1px solid var(--hp-card-border);border-radius:var(--hp-radius-card);padding:var(--ds-space-5);box-shadow:var(--ds-elevation-1);display:flex;flex-direction:column;gap:10px;min-height:200px}.hp-tc-card-head{display:flex;align-items:center;gap:10px}.hp-tc-card-title{margin:0;font-size:15px;font-weight:600;color:var(--hp-text);flex:1;min-width:0}.hp-tc-card-text{margin:0;font-size:var(--ds-font-md);color:var(--hp-text-2);line-height:1.5;flex:1}.hp-tc-icon-badge{flex-shrink:0;width:36px;height:36px;border-radius:var(--ds-radius-lg);background:#eef2f7;display:flex;align-items:center;justify-content:center;color:#4b5565}.hp-tc-card--thumb .hp-tc-media-thumb{width:100%;aspect-ratio:16 / 9}.hp-tc-media-thumb{position:relative;border-radius:var(--ds-radius-lg);overflow:hidden;background:#e9edf2}.hp-tc-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hp-tc-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#d6dde6,#c1cad4)}.hp-tc-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#111927c7;color:var(--ds-color-surface);display:flex;align-items:center;justify-content:center;padding-left:2px}.hp-tc-cta,.hp-tc-link{align-self:flex-start;display:inline-flex;align-items:center;padding:7px 14px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);color:var(--hp-text);font-size:var(--ds-font-md);font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,transform .06s}.hp-tc-cta{margin-top:auto}.hp-tc-cta:hover,.hp-tc-link:hover{background:var(--ds-color-border-soft);border-color:var(--ds-color-border-2)}.hp-tc-cta:active,.hp-tc-link:active{transform:translateY(1px)}.hp-tc-grouped{background:var(--hp-card);border:1px solid var(--hp-card-border);border-radius:var(--hp-radius-card);padding:var(--ds-space-5) var(--ds-space-6) var(--ds-space-6);box-shadow:var(--ds-elevation-1)}.hp-tc-grouped-title{margin:0 0 var(--ds-space-4);font-size:17px;font-weight:700;color:var(--hp-text)}.hp-tc-grouped-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-6);align-items:stretch}.hp-tc-grouped-col{display:flex;flex-direction:column;gap:0;align-items:stretch}.hp-tc-grouped-col-title{margin:0 0 var(--ds-space-2);font-size:15px;font-weight:600;color:var(--hp-text)}.hp-tc-grouped-col-body{margin:0;font-size:var(--ds-font-sm);color:var(--hp-muted);line-height:1.5;flex:1}.hp-tc-grouped-col-links{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-top:14px}.hp-pa-card{display:flex;align-items:center;gap:var(--ds-space-5);padding:var(--ds-space-5) var(--ds-space-6);border-radius:var(--hp-radius-card);background:#f4f6f9;border:1px solid #e2e6ec;color:var(--hp-text);box-shadow:var(--ds-elevation-1);position:relative}.hp-pa-close{position:absolute;top:10px;right:10px;width:24px;height:24px;border:none;background:none;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:var(--hp-muted);cursor:pointer;transition:background .12s,color .12s}.hp-pa-close:hover{background:#0000000f;color:var(--hp-text)}.hp-pa-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.hp-pa-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--ds-space-1)}.hp-pa-title{margin:0;font-size:17px;font-weight:700;color:var(--hp-text);line-height:1.3}.hp-pa-title-link{color:var(--hp-blue);text-decoration:underline;text-underline-offset:2px}.hp-pa-title-link:hover{text-decoration-thickness:2px}.hp-pa-text{margin:0;font-size:var(--ds-font-md);color:var(--hp-text-2);line-height:1.5}.hp-pa-attr{font-size:var(--ds-font-sm);color:var(--hp-muted);margin-top:2px}.hp-pa-cta{flex-shrink:0;height:36px;padding:0 18px;border:0;border-radius:var(--ds-radius-lg);font-size:var(--ds-font-md);font-weight:600;cursor:pointer;transition:background .12s}.hp-pa-cta--primary{background:var(--hp-blue);color:var(--ds-color-surface)}.hp-pa-cta--primary:hover{background:var(--ds-color-primary-2)}.hp-pa-cta--secondary{background:var(--ds-color-surface);color:var(--hp-text)}.hp-pa-cta--secondary:hover{background:#f0f1f4}.hp-mt-card{background:var(--hp-card);border:1px solid var(--hp-card-border);border-radius:var(--hp-radius-card);padding:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-2);box-shadow:var(--ds-elevation-1)}.hp-mt-thumb{position:relative;aspect-ratio:16 / 10;border-radius:var(--ds-radius-lg);overflow:hidden;background:var(--ds-color-bg);display:flex;align-items:center;justify-content:center}.hp-mt-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(.88)}.hp-mt-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#eef1f5,#d6dbe2)}.hp-mt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fffffff2;color:var(--hp-blue);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:3px;transition:transform .12s,background .12s}.hp-mt-play:hover{transform:translate(-50%,-50%) scale(1.06);background:var(--ds-color-surface)}.hp-mt-title{font-size:var(--ds-font-sm);font-weight:500;color:var(--hp-text-2);padding:0 var(--ds-space-1) var(--ds-space-1)}.hp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000}.hp-modal{position:relative;background:var(--ds-color-surface);border-radius:var(--hp-radius-lg);padding:var(--ds-space-8);min-width:320px;display:flex;flex-direction:column;gap:var(--ds-space-4);align-items:center}.hp-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border:0;background:transparent;border-radius:var(--ds-radius-md);cursor:pointer;color:var(--hp-muted);display:flex;align-items:center;justify-content:center}.hp-modal-close:hover{background:#f0f1f4;color:var(--hp-text)}.hp-modal-body{font-size:var(--ds-font-lg);color:var(--hp-text)}.hp-modal-cta{height:34px;padding:0 18px;border-radius:var(--ds-radius-lg);border:1px solid var(--hp-card-border);background:var(--ds-color-surface);color:var(--hp-text);font-size:var(--ds-font-md);font-weight:600;cursor:pointer}.hp-modal-cta:hover{background:var(--ds-color-surface-2)}.hp-cl-card{background:var(--hp-card);border:1px solid var(--hp-card-border);border-radius:var(--hp-radius-card);padding:var(--ds-space-4) 18px;box-shadow:var(--ds-elevation-1)}.hp-cl-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);margin-bottom:var(--ds-space-1)}.hp-cl-title{margin:0;font-size:15px;font-weight:600;color:var(--hp-text)}.hp-cl-paging{display:flex;gap:2px}.hp-cl-page-btn{width:22px;height:22px;border:0;background:transparent;border-radius:var(--ds-radius-sm);color:var(--hp-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.hp-cl-page-btn:hover{background:#f0f1f4;color:var(--hp-text)}.hp-cl-progress-row{margin-bottom:6px}.hp-cl-progress-text{font-size:var(--ds-font-xs);color:var(--hp-muted)}.hp-cl-progress-track{height:4px;background:var(--ds-color-border-soft);border-radius:2px;overflow:hidden;margin-bottom:14px}.hp-cl-progress-fill{height:100%;background:var(--hp-blue);transition:width .2s ease}.hp-cl-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-space-2)}.hp-cl-item{display:flex;align-items:flex-start;gap:10px;font-size:var(--ds-font-md)}.hp-cl-check{flex-shrink:0;width:16px;height:16px;border:1.5px solid #c4cad3;border-radius:var(--ds-radius-sm);background:var(--ds-color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-top:1px;color:transparent;transition:background .12s,border-color .12s,color .12s}.hp-cl-check:hover{border-color:#8a93a0}.hp-cl-check--on{background:var(--hp-blue);border-color:var(--hp-blue);color:var(--ds-color-surface)}.hp-cl-label{color:var(--hp-text);line-height:1.4}.hp-cl-label--done{color:var(--hp-muted);text-decoration:line-through;text-decoration-color:#6b728080}.hp-empty{background:var(--hp-card);border:1px dashed #d6dbe2;border-radius:var(--hp-radius-card);padding:48px var(--ds-space-6);display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-4)}.hp-empty-text{margin:0;font-size:var(--ds-font-lg);color:var(--hp-muted)}.hp-empty-cta{height:36px;padding:0 18px;border:0;border-radius:var(--ds-radius-lg);background:var(--hp-blue);color:var(--ds-color-surface);font-size:var(--ds-font-md);font-weight:600;cursor:pointer;transition:background .12s}.hp-empty-cta:hover{background:var(--ds-color-primary-2)}.hp-toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:var(--ds-space-2);z-index:1000;pointer-events:none}.hp-toast{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--ds-space-3);padding:10px var(--ds-space-4);background:#1d2330;color:var(--ds-color-surface);border-radius:var(--ds-radius-lg);box-shadow:0 4px 16px #0f172a2e;font-size:var(--ds-font-md);animation:hp-toast-in .18s ease}@keyframes hp-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hp-toast-msg{color:var(--ds-color-surface)}.hp-toast-action{background:none;border:0;color:#5cb1ff;font-weight:600;font-size:var(--ds-font-md);cursor:pointer;padding:0}.hp-toast-action:hover{color:#8ec8ff}.hp-ps-wrap{position:fixed;bottom:16px;left:16px;z-index:900;display:flex;flex-direction:column;gap:6px}.hp-ps-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px dashed #cbd0d8;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--ds-radius-pill);color:var(--ds-color-text-muted);font-size:var(--ds-font-xs);font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,color .12s,border-color .12s}.hp-ps-toggle:hover{background:var(--ds-color-surface);color:var(--hp-text);border-color:#9aa1ac}.hp-ps-toggle-caret{transition:transform .18s}.hp-ps-toggle-caret.open{transform:rotate(180deg)}.hp-ps-menu{background:var(--ds-color-surface);border:1px solid #d6dbe2;border-radius:10px;box-shadow:var(--ds-elevation-3);padding:6px;min-width:220px}.hp-ps-menu-label{padding:6px var(--ds-space-2) var(--ds-space-1);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9aa1ac}.hp-ps-option{display:block;width:100%;padding:7px 10px;border:0;background:transparent;border-radius:var(--ds-radius-md);text-align:left;font-size:var(--ds-font-md);color:var(--hp-text);cursor:pointer;font-family:inherit}.hp-ps-option:hover{background:var(--ds-color-bg)}.hp-ps-option--active{background:#e6f2ff;color:#1062cc;font-weight:600}.hp-ps-option--active:hover{background:#d3e7ff}.dash-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dash-editor{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--ds-color-surface);border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2)}.dash-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:10px var(--ds-space-4) 10px var(--ds-space-3);border-bottom:1px solid var(--ds-color-border-soft);background:var(--ds-color-surface);border-radius:14px 14px 0 0;flex-shrink:0}.dash-header-left{display:flex;align-items:center;gap:6px}.dash-back-btn{width:32px;height:32px;border:0;background:transparent;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.dash-back-btn:hover{background:var(--ds-color-surface-muted);color:var(--ds-color-text)}.dash-header-title{font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text)}.dash-toolbar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;border-radius:var(--ds-radius-md);cursor:pointer;color:#878d98;transition:color .12s,background .12s}.dash-toolbar-btn:hover{color:var(--ds-color-text-2);background:var(--ds-color-surface-muted)}.dash-body{display:grid;grid-template-columns:200px 1fr;min-height:0;overflow:hidden}.dash-nav{border-right:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);padding:var(--ds-space-4) 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.dash-nav-section-label{font-size:10px;font-weight:700;letter-spacing:.07em;color:#878d98;text-transform:uppercase;padding:6px 10px var(--ds-space-1)}.dash-nav-divider{height:1px;background:var(--ds-color-border);margin:var(--ds-space-2) var(--ds-space-1)}.dash-tab{display:flex;align-items:center;gap:10px;padding:var(--ds-space-2) 10px;border:0;outline:none;border-radius:var(--ds-radius-lg);background:transparent;color:#4b5565;font-size:var(--ds-font-md);font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s;width:100%}.dash-tab:hover{background:#ececec;color:var(--ds-color-text)}.dash-tab.active{background:#dcedff;color:#1062cc;font-weight:600}.dash-content{overflow-y:auto;background:var(--ds-color-surface);min-width:0;display:flex;flex-direction:column}.dash-controls-bar{position:sticky;top:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;height:44px;margin:var(--ds-space-4) var(--ds-space-8) 0;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);flex-shrink:0;padding:0 var(--ds-space-3)}.dash-controls-timeframe{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text);cursor:pointer;transition:border-color .12s,background .12s}.dash-controls-timeframe:hover{border-color:var(--ds-color-primary);background:#f0f7ff;color:var(--ds-color-primary)}.dash-controls-actions{display:flex;align-items:center;flex-direction:row;gap:2px}.dash-controls-divider{width:1px;height:20px;background:var(--ds-color-border);margin:0 6px}.dash-widgets{padding:var(--ds-space-4) var(--ds-space-8) var(--ds-space-8);display:flex;flex-direction:column;gap:var(--ds-space-3)}.dash-widget{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-elevation-1)}.dash-widget-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-color-surface);border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0}.dash-widget-title-group{display:flex;align-items:baseline;gap:var(--ds-space-2)}.dash-widget-title{font-size:18px;font-weight:700;color:var(--ds-color-text)}.dash-widget-controls{display:flex;align-items:center;gap:var(--ds-space-2);flex-wrap:wrap}.dash-select-wrap{position:relative}.dash-select{height:32px;padding:0 10px 0 var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);display:inline-flex;align-items:center;gap:6px;text-align:left;cursor:pointer;white-space:nowrap;transition:border-color .15s,box-shadow .15s}.dash-select:hover{border-color:#cbd5e1}.dash-select.open,.dash-select:focus{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring);outline:none}.dash-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-select-value.placeholder{color:#4b5565}.dash-select-chevron{color:var(--ds-color-text-muted);flex-shrink:0}.dash-select-menu{position:absolute;z-index:100;top:calc(100% + 4px);left:0;min-width:160px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:10px;box-shadow:var(--ds-elevation-3);padding:6px;max-height:240px;overflow-y:auto}.dash-select-option{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;padding:7px 10px;border:0;border-radius:7px;background:transparent;font-size:var(--ds-font-md);color:var(--ds-color-text);text-align:left;cursor:pointer;transition:background .1s}.dash-select-option:hover{background:var(--ds-color-surface-muted)}.dash-select-option.selected{background:#f0f7ff;color:var(--ds-color-primary);font-weight:600}.dash-metric-tabs{display:flex;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);overflow:hidden;height:32px}.dash-metric-tab{display:inline-flex;align-items:center;padding:0 var(--ds-space-3);border:none;border-right:1px solid var(--ds-color-border);background:var(--ds-color-surface);font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text-muted);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;height:100%}.dash-metric-tab:last-child{border-right:none}.dash-metric-tab:hover{background:var(--ds-color-surface-muted);color:var(--ds-color-text-2)}.dash-metric-tab.active{background:#dcedff;color:#1062cc;font-weight:600}.dash-widget-meta{display:flex;align-items:baseline;justify-content:flex-end;padding:var(--ds-space-1) var(--ds-space-4) 2px}.dash-updated{font-size:var(--ds-font-xs);color:#b0b7c3}.dash-total{font-size:var(--ds-font-md);font-weight:600;color:var(--ds-color-text-2)}.dash-pct{font-weight:400;color:var(--ds-color-text-muted)}.dash-chart-area{display:flex;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-4) 14px;position:relative}.dash-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:22px;font-size:var(--ds-font-xs);color:#b0b7c3;min-width:26px;flex-shrink:0;text-align:right}.dash-chart-wrap{flex:1;min-width:0;position:relative}.dash-chart-svg{width:100%;height:240px;display:block}.dash-collecting-note{position:absolute;top:45%;left:16%;transform:translate(-50%,-50%);font-size:10px;color:#b0b7c3;line-height:1.6;text-align:center;pointer-events:none;font-style:italic}.dash-x-axis{display:flex;justify-content:space-between;padding-top:5px;font-size:var(--ds-font-xs);color:#b0b7c3}.dash-empty{padding:60px var(--ds-space-10);text-align:center;color:var(--ds-color-text-muted);font-size:var(--ds-font-lg)}.dash-new-metric-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:var(--ds-color-primary);color:var(--ds-color-surface);border:none;border-radius:var(--ds-radius-lg);font-size:var(--ds-font-md);font-weight:600;cursor:pointer;transition:background .12s}.dash-new-metric-btn:hover{background:var(--ds-color-primary-2)}.dash-toolbar-btn.active{background:#dcedff;color:#1062cc}.dash-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:var(--ds-space-4) var(--ds-space-8) var(--ds-space-8);overflow-y:auto;align-content:start}.dash-metrics-grid.list{grid-template-columns:repeat(2,1fr)}.dash-metric-card{position:relative;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-elevation-1);padding:var(--ds-space-4) var(--ds-space-3) 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;cursor:default;transition:background .15s,border-color .15s}.dash-metric-card:hover{background:var(--ds-color-surface-muted);border-color:#dde1e8}.dash-metric-card:hover .dash-metric-card-gear,.dash-metric-card:hover .dash-metric-card-arrow{opacity:1}.dash-metric-card-gear{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--ds-color-text-muted);border-radius:var(--ds-radius-md);cursor:pointer;opacity:0;transition:opacity .15s;padding:0}.dash-metric-card-gear:hover{background:#f0f3f6;color:var(--ds-color-text)}.dash-metric-card-period-row{display:flex;align-items:center;gap:var(--ds-space-1);margin-top:6px}.dash-metric-card-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--ds-color-text-muted);border-radius:var(--ds-radius-sm);cursor:pointer;opacity:0;transition:opacity .15s;padding:0}.dash-metric-card-arrow:hover{background:#f0f3f6;color:var(--ds-color-text)}.dash-metric-card-title{font-size:var(--ds-font-lg);font-weight:700;color:var(--ds-color-text);margin-bottom:6px}.dash-metric-card-value{font-size:36px;font-weight:300;color:var(--ds-color-primary);line-height:1.1;letter-spacing:-.02em}.dash-metric-card-period{font-size:var(--ds-font-sm);font-weight:500;color:var(--ds-color-text-2)}.dash-metric-card-updated{font-size:var(--ds-font-xs);color:#878d98;margin-top:2px}@property --ai-fab-angle{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@keyframes ai-fab-attract{0%{--ai-fab-angle: 45deg;box-shadow:0 4px 16px #1285ff66}30%{--ai-fab-angle: 165deg;box-shadow:0 6px 22px #1285ff99}60%{--ai-fab-angle: 285deg;box-shadow:0 6px 22px #1285ff99}to{--ai-fab-angle: 405deg;box-shadow:0 4px 16px #1285ff66}}:root{--ai-bg: var(--ds-color-surface);--ai-border: #e4e9f0;--ai-header: var(--ds-color-surface-muted);--ai-muted: #667085;--ai-text: #0f172a;--ai-primary: var(--ds-color-primary);--ai-primary-soft: rgba(18, 133, 255, .08);--ai-surface: #f8fafc;--ai-success: #108045;--ai-warning: #c67a05;--ai-danger: #d14343}.ai-fab{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:14px;background:linear-gradient(160deg,#1a90ff,#0762d4) padding-box,conic-gradient(from var(--ai-fab-angle),#f87171 0%,#fbbf24 20%,#34d399 40%,#22d3ee 55%,var(--ds-color-primary) 68%,#818cf8 80%,#e879f9 90%,#f87171 100%) border-box;color:var(--ds-color-surface);box-shadow:0 4px 16px #1285ff66;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,filter .18s ease;animation:ai-fab-attract 2.4s ease-in-out 1.2s 2 forwards}.ai-fab:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 6px 22px #1285ff8c;animation:ai-fab-attract 2.4s ease-in-out infinite}.ai-fab-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ai-fab-icon svg{width:18px;height:18px;display:block}.ai-fab-label{display:inline-block;white-space:nowrap;font-size:var(--ds-font-md);font-weight:700;line-height:1;color:var(--ds-color-surface)}.ai-fab-stack{position:fixed;right:24px;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:9998}.ai-mini-fab{width:42px;height:42px;border:1px solid #c3e0ff;border-radius:14px;background:#f8fbff;color:var(--ds-color-primary);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f172a14;font-size:19px;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.ai-mini-fab:hover{transform:translateY(-1px);background:var(--ds-color-surface);border-color:#c3e0ff}.ai-fab-hidden{opacity:0;transform:translateY(80px);pointer-events:none}.ai-fab-anchored .ai-fab{animation:none;box-shadow:0 4px 12px #1285ff52}.ai-fab-anchored .ai-fab:hover{animation:none}.ai-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0f172a0f}.ai-panel{position:fixed;right:24px;bottom:83px;z-index:9999;display:flex;flex-direction:column;width:420px;max-width:calc(100vw - 32px);height:min(720px,calc(100vh - 120px));background:var(--ai-bg);border:1px solid #e4e9f0;border-radius:20px;box-shadow:0 24px 64px -12px #0f172a47,0 8px 22px -6px #1285ff2e,0 1px #fff9 inset;overflow:hidden;transform-origin:calc(100% - 8px) calc(100% + 16px);transform:translateY(10px) scale(.92);opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.2,.9,.25,1.05),opacity .18s ease}.ai-panel-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.ai-panel-header{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) 14px;background:var(--ai-header);border-bottom:1px solid var(--ai-border);flex-shrink:0}.ai-panel-header-spark{color:var(--ds-color-primary);flex-shrink:0}.ai-panel-header-title{flex:1;font-size:var(--ds-font-md);font-weight:700;color:var(--ai-text)}.ai-panel-header-actions{display:flex;align-items:center;gap:2px}.ai-hdr-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--ds-radius-lg);color:var(--ai-muted);cursor:pointer}.ai-hdr-btn:hover{background:#0f172a0f;color:var(--ai-text)}.ai-hdr-btn-accent{background:#e7f1ff;color:var(--ds-color-primary)}.ai-hdr-btn-accent:hover{background:#d6e7ff;color:var(--ds-color-primary-2)}.ai-hdr-btn--new{background:#e7f1ff;color:var(--ds-color-primary)}.ai-hdr-btn--new:hover{background:#d6e7ff}.ai-icon-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;color:var(--ai-muted);cursor:pointer}.ai-icon-btn:hover{background:#0f172a0d;color:var(--ai-text)}.ai-icon-btn svg{width:16px;height:16px}.ai-icon-btn-sm{width:28px;height:28px}.ai-ctx-pill{display:inline-flex;align-items:center;gap:5px;padding:var(--ds-space-1) 10px var(--ds-space-1) var(--ds-space-2);background:#eef6ff;border:1px solid #c3e0ff;border-radius:var(--ds-radius-pill);font-size:var(--ds-font-sm);font-weight:500;color:var(--ds-color-primary);white-space:nowrap;flex-shrink:0}.ai-onboarding-promo{margin:var(--ds-space-5) 0 var(--ds-space-1);padding:10px var(--ds-space-3);background:#f8fbff;border:1px solid var(--ai-border);border-radius:var(--ds-radius-xl)}.ai-onboarding-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#878d98;margin-bottom:5px}.ai-onboarding-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-2);margin-bottom:var(--ds-space-1)}.ai-onboarding-promo h3{margin:0;font-size:var(--ds-font-lg);font-weight:600;line-height:1.3;color:var(--ai-text)}.ai-onboarding-link{all:unset;font-size:var(--ds-font-sm);font-weight:600;color:var(--ds-color-primary);cursor:pointer;white-space:nowrap;flex-shrink:0}.ai-onboarding-link:hover{text-decoration:underline}.ai-onboarding-promo p{margin:0;font-size:var(--ds-font-sm);color:var(--ai-muted);line-height:1.5}.ai-onboarding-list{margin:var(--ds-space-2) 0 0;padding-left:var(--ds-space-4);font-size:var(--ds-font-sm);color:var(--ai-muted);line-height:1.6}.ai-history-view{flex:1;overflow-y:auto;padding:0 10px 10px}.ai-history-search-wrap{position:relative;margin:var(--ds-space-3) 0 var(--ds-space-2)}.ai-history-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--ai-muted);pointer-events:none}.ai-history-search{width:100%;box-sizing:border-box;height:36px;padding:0 var(--ds-space-3) 0 var(--ds-space-8);border:1px solid var(--ai-border);border-radius:10px;background:var(--ds-color-surface);font-size:var(--ds-font-sm);color:var(--ai-text);outline:none}.ai-history-search:focus{border-color:#93c5fd}.ai-history-search::placeholder{color:var(--ai-muted)}.ai-history-group{margin-bottom:var(--ds-space-1)}.ai-history-group-label{padding:10px var(--ds-space-1) var(--ds-space-1);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ai-muted)}.ai-history-item{position:relative;border-radius:10px;margin-bottom:1px}.ai-history-item.active .ai-history-select{background:#f0f7ff}.ai-history-select{all:unset;display:flex;flex-direction:column;gap:3px;padding:9px 36px 9px var(--ds-space-2);border-radius:10px;cursor:pointer;width:100%;box-sizing:border-box;min-width:0}.ai-history-select:hover{background:#0f172a0a}.ai-history-item.active .ai-history-select:hover{background:#e6f2ff}.ai-history-title{font-size:var(--ds-font-md);font-weight:400;color:var(--ai-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history-preview{font-size:var(--ds-font-sm);color:#878d98;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-history-delete{all:unset;position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;color:var(--ai-muted);cursor:pointer;opacity:0;transition:opacity .15s,color .1s}.ai-history-item:hover .ai-history-delete{opacity:1}.ai-history-delete:hover{color:#d14343}.ai-history-empty{margin:var(--ds-space-6) 0 0;text-align:center;color:var(--ai-muted);font-size:var(--ds-font-sm)}.ai-messages{flex:1;overflow-y:auto;padding:18px var(--ds-space-4)}.ai-empty-state{padding:var(--ds-space-6) var(--ds-space-4) var(--ds-space-3)}.ai-empty-state p{margin:0 0 var(--ds-space-4);color:var(--ai-muted);font-size:var(--ds-font-md);line-height:1.5}.ai-onboarding-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-onboarding-kicker{color:#0f74e0;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ai-onboarding-link{all:unset;color:#0f74e0;font-size:var(--ds-font-xs);font-weight:700;cursor:pointer}.ai-onboarding-promo p{margin:0;color:var(--ai-muted);font-size:11.5px;line-height:1.5}.ai-onboarding-list{margin:10px 0 0;padding-left:18px;color:var(--ai-text);font-size:11.5px;line-height:1.5}.ai-onboarding-list li+li{margin-top:5px}.ai-msg{display:flex;gap:var(--ds-space-2);margin-bottom:14px}.ai-msg-user{flex-direction:row-reverse}.ai-msg-avatar{width:26px;height:26px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex-shrink:0}.ai-msg-avatar-user{background:#e9eef5;color:var(--ai-muted)}.ai-msg-avatar-ai{border:2px solid transparent;background:linear-gradient(160deg,#1a90ff,#0762d4) padding-box,conic-gradient(from 45deg,#f87171 0%,#fbbf24 20%,#34d399 40%,#22d3ee 55%,var(--ds-color-primary) 68%,#818cf8 80%,#e879f9 90%,#f87171 100%) border-box;color:var(--ds-color-surface)}.ai-msg-avatar-ai svg{width:11px;height:11px}.ai-msg-content{flex:1;min-width:0}.ai-msg-content-user{display:flex;justify-content:flex-end}.ai-user-bubble{max-width:310px;padding:9px var(--ds-space-3);border-radius:16px 16px var(--ds-radius-sm) 16px;background:var(--ds-color-primary);color:var(--ds-color-surface);font-size:var(--ds-font-sm);line-height:1.4}.ai-working-card,.ai-card{max-width:326px;border:1px solid var(--ai-border);border-radius:16px;background:var(--ds-color-surface);box-shadow:0 2px 8px #0f172a08}.ai-working-card{display:flex;gap:10px;align-items:flex-start;padding:var(--ds-space-3)}.ai-working-card strong{display:block;margin-bottom:var(--ds-space-1);font-size:var(--ds-font-sm);color:var(--ai-text)}.ai-working-card p{margin:0;font-size:11.5px;line-height:1.45;color:var(--ai-muted)}.ai-working-pulse{width:10px;height:10px;margin-top:5px;border-radius:var(--ds-radius-pill);background:var(--ai-primary);box-shadow:0 0 #1285ff52;animation:ai-pulse 1.2s infinite}.ai-progress-log{display:flex;flex-direction:column;gap:6px;padding:10px var(--ds-space-3);border-radius:var(--ds-radius-xl);background:var(--ai-surface);border:1px solid var(--ai-border)}.ai-progress-event{display:flex;align-items:center;gap:var(--ds-space-2);font-size:11.5px;line-height:1.4;color:var(--ai-muted);transition:opacity .2s ease}.ai-progress-event-completed{color:var(--ds-color-text-muted)}.ai-progress-event-completed svg{color:var(--ds-color-success)}.ai-progress-event-started{color:var(--ai-text)}.ai-progress-event-failed{color:var(--ds-color-text-subtle);text-decoration:line-through}.ai-progress-event-failed svg{color:#ef4444}.ai-progress-dot{width:7px;height:7px;border-radius:var(--ds-radius-pill);background:#c7d2fe;flex-shrink:0}.ai-progress-dot-pulse{background:var(--ai-primary);box-shadow:0 0 #1285ff52;animation:ai-pulse 1.2s infinite}.ai-progress-label{flex:1}.ai-progress-summary{margin-bottom:10px}.ai-progress-summary-toggle{all:unset;display:inline-flex;align-items:center;gap:6px;padding:var(--ds-space-1) 9px;border-radius:var(--ds-radius-pill);background:var(--ai-surface);color:var(--ai-muted);font-size:10.5px;font-weight:500;cursor:pointer;transition:background .12s ease}.ai-progress-summary-toggle:hover{background:#eef2f7}.ai-progress-summary-toggle svg{color:var(--ds-color-success)}.ai-progress-summary-caret{margin-left:2px;font-size:9px;color:var(--ds-color-text-subtle)}.ai-progress-summary-list{list-style:none;margin:var(--ds-space-2) 0 0;padding:var(--ds-space-2) 10px;display:flex;flex-direction:column;gap:5px;border-radius:10px;background:var(--ai-surface);border:1px solid var(--ai-border)}.ai-progress-summary-item{display:flex;align-items:center;gap:7px;font-size:var(--ds-font-xs);color:var(--ds-color-text-muted)}.ai-progress-summary-item svg{color:var(--ds-color-success);flex-shrink:0}.ai-progress-summary-item.ai-progress-event-failed svg{color:#ef4444}.ai-card{padding:var(--ds-space-3)}.ai-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.ai-kind-badge,.ai-confidence-badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-pill);font-size:10px;font-weight:800}.ai-kind-badge{border:1px solid transparent}.ai-kind-support{color:#0f74e0;background:#1285ff1a}.ai-kind-navigation{color:#5b3cc4;background:#5b3cc41a}.ai-kind-fact{color:#0d9488;background:#0d94881a}.ai-kind-automation{color:var(--ds-color-accent);background:#7c3aed1a}.ai-kind-clarify{color:#b45309;background:#b453091f}.ai-kind-unsupported,.ai-kind-restricted{color:#c2410c;background:#c2410c1a}.ai-kind-guide{color:#334155;background:#33415514}.ai-confidence-badge{color:var(--ai-muted);background:var(--ai-surface)}.ai-card-title{margin:0 0 6px;color:var(--ai-text);font-size:var(--ds-font-lg);line-height:1.3}.ai-card-lead{margin:0;color:var(--ai-muted);font-size:var(--ds-font-sm);line-height:1.45}.ai-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:var(--ds-space-3)}.ai-fact-tile{padding:var(--ds-space-2);border-radius:var(--ds-radius-xl);background:#f8fbff;border:1px solid #dbeafe}.ai-fact-tile span{display:block;margin-bottom:var(--ds-space-1);font-size:10px;color:var(--ai-muted)}.ai-fact-tile strong{color:#0f74e0;font-size:var(--ds-font-lg)}.ai-section-list{display:grid;gap:var(--ds-space-2);margin:var(--ds-space-3) 0 0}.ai-section-row{padding:9px 10px;border-radius:var(--ds-radius-xl);background:var(--ai-surface)}.ai-section-row dt{margin-bottom:var(--ds-space-1);color:var(--ai-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ai-section-row dd{margin:0;color:var(--ai-text);font-size:var(--ds-font-sm);line-height:1.45}.ai-ordered-list,.ai-bullet-list{margin:var(--ds-space-3) 0 0;padding-left:18px;color:var(--ai-text);font-size:var(--ds-font-sm);line-height:1.5}.ai-ordered-list li,.ai-bullet-list li{margin-bottom:6px}.ai-data-table-wrap{margin-top:var(--ds-space-3);overflow-x:auto;border:1px solid var(--ai-border);border-radius:var(--ds-radius-xl)}.ai-data-table{width:100%;border-collapse:collapse;font-size:var(--ds-font-xs)}.ai-data-table th,.ai-data-table td{padding:var(--ds-space-2) 9px;border-bottom:1px solid var(--ai-border);text-align:left;white-space:nowrap}.ai-data-table th{color:var(--ai-muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--ai-header)}.ai-data-table tr:last-child td{border-bottom:0}.ai-notice{margin-top:var(--ds-space-3);padding:9px 10px;border-radius:var(--ds-radius-xl);background:#fff7ed;color:#9a3412;font-size:11.5px;line-height:1.45}.ai-evidence{margin-top:var(--ds-space-3)}.ai-evidence-label{display:block;margin-bottom:6px;color:var(--ai-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ai-evidence-list{display:flex;flex-wrap:wrap;gap:6px}.ai-evidence-pill{display:inline-flex;align-items:center;gap:6px;padding:6px var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ai-surface);color:var(--ai-muted);font-size:10px}.ai-evidence-pill strong{color:var(--ai-text)}.ai-handoff-grid{display:grid;gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.ai-handoff-card{all:unset;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:14px;background:#f8fbff;border:1px solid #dbeafe;cursor:pointer;box-sizing:border-box}.ai-handoff-card:hover{border-color:#93c5fd}.ai-handoff-card-article{background:#fffbf0;border-color:#fde68a}.ai-handoff-card-article:hover{border-color:var(--ds-color-warning)}.ai-handoff-card-article .ai-handoff-kicker{color:#92400e}.ai-handoff-card-article .ai-handoff-cta{color:#b45309}.ai-handoff-copy{display:grid;gap:3px}.ai-handoff-kicker{color:var(--ai-muted);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ai-handoff-copy strong{color:var(--ai-text);font-size:var(--ds-font-sm)}.ai-handoff-copy span:last-child{color:var(--ai-muted);font-size:var(--ds-font-xs);line-height:1.45}.ai-handoff-cta{color:#0f74e0;font-size:var(--ds-font-xs);font-weight:800;white-space:nowrap}.ai-feedback-block{margin-top:var(--ds-space-3);padding-top:10px;border-top:1px solid var(--ai-border)}.ai-feedback-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.ai-feedback-label{margin-right:auto;color:var(--ai-muted);font-size:var(--ds-font-xs)}.ai-feedback-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--ai-border);background:var(--ds-color-surface);color:var(--ai-muted);cursor:pointer}.ai-feedback-btn svg{width:14px;height:14px}.ai-feedback-btn.active{background:#eef5ff;border-color:#bfdbfe;color:#0f74e0}.ai-feedback-detail{margin-top:var(--ds-space-2)}.ai-feedback-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--ds-space-2)}.ai-feedback-chip{all:unset;padding:5px var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ai-surface);color:var(--ai-muted);font-size:10.5px;cursor:pointer}.ai-feedback-chip.active{background:#fff1f2;color:#be123c}.ai-feedback-note{width:100%;resize:vertical;min-height:52px;padding:9px 10px;border:1px solid var(--ai-border);border-radius:var(--ds-radius-xl);font:inherit;font-size:11.5px;color:var(--ai-text);background:var(--ds-color-surface)}.ai-feedback-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:var(--ds-space-2)}.ai-feedback-action{all:unset;padding:6px var(--ds-space-3);border-radius:var(--ds-radius-lg);font-size:11.5px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ai-feedback-action-secondary{color:var(--ai-muted);border:1px solid var(--ai-border);background:var(--ds-color-surface)}.ai-feedback-action-secondary:hover{background:var(--ai-surface)}.ai-feedback-action-primary{color:var(--ds-color-surface);background:#111827;border:1px solid #111827}.ai-feedback-action-primary:hover{background:var(--ds-color-text-strong)}.ai-feedback-submitted{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;padding:10px var(--ds-space-3);border-radius:10px;border:1px solid var(--ai-border);background:var(--ai-surface);color:var(--ai-muted);font-size:11.5px;margin-top:10px;box-sizing:border-box}.ai-feedback-submitted svg{color:var(--ds-color-success);flex-shrink:0}.ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--ds-space-3)}.ai-suggestion-btn{all:unset;padding:6px 9px;border-radius:var(--ds-radius-pill);border:1px solid var(--ai-border);color:var(--ai-muted);font-size:10.5px;cursor:pointer}.ai-suggestion-btn:hover{border-color:#bfdbfe;color:#0f74e0;background:#f8fbff}.ai-input-area{padding:10px 14px 14px;border-top:1px solid transparent}.ai-input-row{display:flex;align-items:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-1) var(--ds-space-1) var(--ds-space-3);border:1px solid var(--ai-border);border-radius:16px;background:var(--ds-color-surface)}.ai-input-row:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #1285ff1a}.ai-input{all:unset;flex:1;min-height:38px;max-height:120px;padding:var(--ds-space-2) 0;color:var(--ai-text);font-size:var(--ds-font-sm);line-height:1.45;resize:none}.ai-input::placeholder,.ai-feedback-note::placeholder{color:#98a2b3}.ai-send-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ds-radius-pill);background:var(--ds-color-primary);color:var(--ds-color-surface);cursor:pointer;box-shadow:0 1px #0000000d}.ai-send-btn:disabled{opacity:.45;cursor:not-allowed}.ai-send-btn svg{width:18px;height:18px}.ai-send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--ds-color-surface);border-radius:var(--ds-radius-pill);animation:ai-spin .7s linear infinite}.ai-dark{--ai-bg: #111827;--ai-border: rgba(255, 255, 255, .08);--ai-header: #172033;--ai-muted: rgba(255, 255, 255, .6);--ai-text: rgba(255, 255, 255, .92);--ai-surface: rgba(255, 255, 255, .06)}.ai-dark .ai-card,.ai-dark .ai-working-card,.ai-dark .ai-input-row,.ai-dark .ai-feedback-note{background:#111827}.ai-dark .ai-fact-tile,.ai-dark .ai-handoff-card{background:#1285ff1f}.ai-dark .ai-onboarding-promo{background:linear-gradient(180deg,#111827f5,#172033f5)}@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-pulse{0%{box-shadow:0 0 #1285ff52}70%{box-shadow:0 0 0 8px #1285ff00}to{box-shadow:0 0 #1285ff00}}@media(max-width:560px){.ai-panel{right:12px;left:12px;bottom:84px;width:auto;height:calc(100vh - 110px);border-radius:16px}.ai-fab-label{display:none}.ai-fab{padding:14px}.ai-fact-grid{grid-template-columns:1fr}}.bp-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.bp-editor{flex:1;min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--ds-color-surface);border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2)}.bp-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:10px var(--ds-space-4) 10px var(--ds-space-3);border-bottom:1px solid var(--ds-color-border-soft);background:var(--ds-color-surface);border-radius:14px 14px 0 0;flex-shrink:0}.bp-header-left{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.bp-back-btn{width:32px;height:32px;border:0;background:transparent;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.bp-back-btn:hover{background:var(--op-hover);color:var(--ds-color-text)}.bp-name-input{flex:1;min-width:0;max-width:360px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text);outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.bp-name-input:hover{border-color:var(--ds-color-border);background:var(--op-hover)}.bp-name-input:focus{border-color:var(--ds-color-primary);background:var(--ds-color-surface);box-shadow:var(--ds-focus-ring)}.bp-name-input::placeholder{color:#b0b7c3;font-weight:400}.bp-header-actions{display:inline-flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0}.bp-dirty-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--ds-radius-pill);background:#fff1dc;color:#d97706;font-size:var(--ds-font-xs);font-weight:600}.bp-dirty-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#d97706}.bp-body{display:grid;grid-template-columns:220px 1fr;min-height:0;overflow:hidden}.bp-nav{border-right:1px solid var(--ds-color-border);background:var(--ds-color-surface-muted);padding:var(--ds-space-4) 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.bp-tab{display:flex;align-items:center;gap:10px;padding:var(--ds-space-2) 10px;border:0;outline:none;border-radius:var(--ds-radius-lg);background:transparent;color:#4b5565;font-size:var(--ds-font-md);font-weight:500;text-align:left;cursor:pointer;transition:background .12s,color .12s;width:100%}.bp-tab:hover{background:var(--op-hover);color:var(--ds-color-text)}.bp-tab.active{background:#dcedff;color:#1062cc;font-weight:600}.bp-content{overflow-y:auto;background:var(--ds-color-surface-muted);padding:var(--ds-space-4) var(--ds-space-8) 48px;min-width:0;display:flex;flex-direction:column;align-items:center}.bp-content-card{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-soft);border-radius:14px;padding:var(--ds-space-5) var(--ds-space-8);box-shadow:var(--ds-elevation-1) );width:100%;max-width:860px}.bp-section-header{margin-bottom:var(--ds-space-4)}.bp-section-title{margin:0;font-size:18px;font-weight:700;color:var(--ds-color-text)}.bp-tooltip-btn{width:18px;height:18px;border-radius:50%;border:0;background:transparent;color:#878d98;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:var(--ds-font-sm);font-weight:700;line-height:1;transition:color .12s}.bp-tooltip-btn:hover{color:var(--ds-color-primary)}.fs-sections{display:flex;flex-direction:column;gap:var(--ds-space-6)}.fs-block{border:1px solid var(--ds-color-border-soft);border-radius:10px;padding:18px var(--ds-space-5);background:var(--ds-color-surface)}.fs-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fs-block-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-color-text-muted);margin-bottom:14px}.fs-block-desc{margin:-8px 0 14px;font-size:var(--ds-font-sm);color:var(--ds-color-text-muted);line-height:1.5}.fs-radio-group{display:flex;flex-direction:column;gap:var(--ds-space-2)}.fs-radio-card{display:flex;align-items:flex-start;gap:10px;padding:var(--ds-space-3) 14px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);cursor:pointer;font-size:var(--ds-font-md);transition:border-color .12s}.fs-radio-card.selected{border-color:var(--ds-color-primary);background:#f0f7ff}.fs-radio-card input[type=radio]{margin-top:2px;accent-color:var(--ds-color-primary);flex-shrink:0}.fs-radio-label{font-weight:600;color:var(--ds-color-text)}.fs-radio-desc{font-size:var(--ds-font-sm);color:var(--ds-color-text-muted);margin-top:2px}.fs-sub-block{margin-top:var(--ds-space-4);display:flex;flex-direction:column;gap:6px}.fs-sub-label{font-size:var(--ds-font-sm);font-weight:600;color:var(--ds-color-text);margin-bottom:var(--ds-space-1)}.fs-dest-row{display:flex;align-items:center;gap:10px;padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-lg);cursor:pointer;font-size:var(--ds-font-md)}.fs-dest-row.selected{border-color:var(--ds-color-primary);background:#f0f7ff}.fs-dest-row input[type=radio]{accent-color:var(--ds-color-primary);flex-shrink:0}.fs-dest-label{font-weight:500;color:var(--ds-color-text)}.fs-dest-desc{font-size:var(--ds-font-sm);color:var(--ds-color-text-muted);margin-left:6px}.fs-preview-btn{margin-left:auto;height:26px;padding:0 10px;border:1px solid #c3e0ff;border-radius:var(--ds-radius-md);background:#e6f2ff;color:var(--ds-color-primary);font-size:var(--ds-font-xs);font-weight:600;cursor:pointer;flex-shrink:0}.fs-fills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-3)}.fs-fills-col{border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-lg);overflow:hidden}.fs-fills-col-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-2) 10px;background:var(--ds-color-surface-2);border-bottom:1px solid var(--ds-color-border-soft)}.fs-fills-col-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ds-color-text-muted)}.fs-fills-col-body{min-height:80px}.fs-fills-empty{padding:var(--ds-space-4);font-size:var(--ds-font-sm);color:#878d98;text-align:center;line-height:1.5}.fs-fills-empty span{color:var(--ds-color-text-muted)}.fs-fills-item{padding:var(--ds-space-2) 10px;font-size:var(--ds-font-sm);color:var(--ds-color-text);border-bottom:1px solid #f0f3f6}.fs-fills-item:last-child{border-bottom:0}.fs-rules-table{border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-lg);overflow:hidden}.fs-rules-head{display:grid;grid-template-columns:1fr 100px 48px;gap:var(--ds-space-3);padding:7px var(--ds-space-3);background:var(--ds-color-surface-2);border-bottom:1px solid var(--ds-color-border-soft);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ds-color-text-muted)}.fs-rules-row{display:grid;grid-template-columns:1fr 100px 48px;gap:var(--ds-space-3);align-items:center;padding:10px var(--ds-space-3);font-size:var(--ds-font-sm);color:var(--ds-color-text);border-bottom:1px solid #f0f3f6}.fs-rules-row:last-child{border-bottom:0}.fs-rules-lastran{color:var(--ds-color-text-muted)}.fs-notify-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--ds-space-4)}.fs-notify-label{display:flex;align-items:center;gap:6px;font-size:var(--ds-font-md);color:var(--ds-color-text);line-height:1.4}.fs-checks{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.fs-check-row{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-md);color:var(--ds-color-text);cursor:pointer}.fs-check-row input[type=checkbox]{accent-color:var(--ds-color-primary);flex-shrink:0}.fs-adv-redirect-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ds-color-text-muted);margin:var(--ds-space-4) 0 10px}.fs-adv-note{margin:var(--ds-space-3) 0 0;font-size:var(--ds-font-sm);color:var(--ds-color-text-muted);line-height:1.5}.fs-hidden-table{display:flex;flex-direction:column;gap:6px;margin-top:var(--ds-space-2)}.fs-hidden-row{display:flex;align-items:center;gap:var(--ds-space-2)}.fs-hidden-field{width:140px;flex-shrink:0;font-size:var(--ds-font-md);color:var(--ds-color-text);font-weight:500}.bp-toast-wrap{position:fixed;bottom:28px;right:28px;z-index:300;display:flex;flex-direction:column;gap:var(--ds-space-2);pointer-events:none}.bp-toast{min-width:240px;padding:10px 14px;border-radius:10px;background:var(--ds-color-text);color:var(--ds-color-surface);font-size:var(--ds-font-md);font-weight:500;box-shadow:0 8px 24px #0f172a2e;display:flex;align-items:center;gap:10px;animation:bp-toast-in .2s ease-out;pointer-events:auto}.bp-toast.success{background:#0d6b3a}.bp-toast.error{background:#b91c1c}.bp-toast.warn{background:#92400e}.bp-toast svg{flex-shrink:0}@keyframes bp-toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.bp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:400}.bp-dialog{width:380px;background:var(--ds-color-surface);border-radius:14px;padding:var(--ds-space-6);box-shadow:0 24px 60px #0f172a38}.bp-dialog h3{margin:0 0 var(--ds-space-2);font-size:var(--ds-font-xl);font-weight:700;color:var(--ds-color-text)}.bp-dialog p{margin:0 0 var(--ds-space-5);font-size:var(--ds-font-md);color:var(--ds-color-text-muted);line-height:1.5}.bp-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2)}.bp-btn:hover{background:var(--op-hover)}.bp-select{width:100%;height:34px;padding:0 10px 0 var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);display:inline-flex;align-items:center;gap:var(--ds-space-2);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}.bp-select:hover{border-color:#cbd5e1}.bp-select.open,.bp-select:focus{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring);outline:none}.bp-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-select-value.placeholder{color:#b0b7c3}.bp-select-chevron{color:var(--ds-color-text-muted);flex-shrink:0}.bp-select-menu{position:absolute;z-index:100;top:calc(100% + 4px);left:0;min-width:100%;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:10px;box-shadow:var(--ds-elevation-3);padding:6px;max-height:240px;overflow-y:auto}.bp-select-option{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;padding:7px 10px;border:0;border-radius:7px;background:transparent;font-size:var(--ds-font-md);color:var(--ds-color-text);text-align:left;cursor:pointer;transition:background .1s}.bp-select-option:hover{background:var(--op-hover)}.bp-select-option.selected{background:#f0f7ff;color:var(--ds-color-primary);font-weight:600}.bp-switch{width:38px;height:22px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-pill);background:#eef2f6;padding:2px;display:inline-flex;align-items:center;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;flex-shrink:0}.bp-switch.active{background:var(--ds-color-primary);border-color:var(--ds-color-primary)}.bp-switch-knob{width:16px;height:16px;border-radius:var(--ds-radius-pill);background:var(--ds-color-surface);box-shadow:0 2px 4px #0f172a33;transition:transform .18s ease}.bp-switch.active .bp-switch-knob{transform:translate(16px)}.bp-segmented-opt:hover:not(.active){background:var(--op-hover)}.bp-day-pills{display:flex;gap:6px}.bp-day-pill{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ds-color-border);background:var(--ds-color-surface);color:#4b5565;font-size:var(--ds-font-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.bp-day-pill:hover:not(.active){border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.bp-day-pill.active{background:var(--ds-color-primary);border-color:var(--ds-color-primary);color:var(--ds-color-surface)}.bp-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.bp-tooltip-trigger{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--ds-color-border);background:transparent;color:var(--ds-color-text-muted);font-size:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:border-color .12s,color .12s}.bp-tooltip-trigger:hover{border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.bp-tooltip-bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e293b;color:var(--ds-color-surface);font-size:var(--ds-font-xs);line-height:1.4;padding:6px 10px;border-radius:7px;white-space:nowrap;max-width:240px;white-space:normal;pointer-events:none;z-index:200;box-shadow:0 4px 12px #0003}.bp-number-unit{display:flex;gap:var(--ds-space-2);align-items:center}.bp-number-input{width:80px;height:34px;padding:0 10px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);outline:none;transition:border-color .15s,box-shadow .15s}.bp-number-input:hover{border-color:#cbd5e1}.bp-number-input:focus{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring)}.bp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:500}.bp-modal{width:360px;background:var(--ds-color-surface);border-radius:14px;box-shadow:0 24px 60px #0f172a38;overflow:hidden}.bp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-color-border-soft)}.bp-modal-title{font-size:var(--ds-font-lg);font-weight:700;color:var(--ds-color-text)}.bp-modal-close{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--ds-color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s}.bp-modal-close:hover{background:var(--op-hover);color:var(--ds-color-text)}.bp-modal-body{padding:var(--ds-space-4) var(--ds-space-5) var(--ds-space-5)}.bp-color-input-wrap{display:flex;align-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);overflow:visible;transition:border-color .15s,box-shadow .15s;position:relative}.bp-color-input-wrap:focus-within{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring)}.bp-color-text{flex:1;height:34px;padding:0 10px;border:0;background:transparent;font-size:var(--ds-font-md);color:var(--ds-color-text);outline:none;font-family:monospace}.bp-color-clear{width:28px;height:28px;border:0;background:transparent;color:var(--ds-color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;transition:background .12s;flex-shrink:0}.bp-color-clear:hover{background:var(--op-hover);color:var(--ds-color-text)}.bp-color-swatch{width:24px;height:24px;border-radius:5px;border:1.5px solid rgba(0,0,0,.12);margin-right:6px;cursor:pointer;flex-shrink:0;transition:transform .12s}.bp-color-swatch:hover{transform:scale(1.1)}.bp-field-row{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:var(--ds-space-4);padding:10px 0}.bp-field-label{display:flex;align-items:center;gap:6px;font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text)}.bp-text-input{width:100%;height:34px;padding:0 var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);outline:none;transition:border-color .15s,box-shadow .15s}.bp-text-input:hover{border-color:#cbd5e1}.bp-text-input:focus{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring)}.bp-text-input::placeholder{color:#b0b7c3}.bp-section-label{display:flex;align-items:center;gap:var(--ds-space-2);margin:var(--ds-space-5) 0 var(--ds-space-3);font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-color-text-muted)}.bp-add-btn{height:28px;padding:0 10px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);color:var(--ds-color-text);font-size:var(--ds-font-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--ds-space-1);cursor:pointer;transition:background .12s,border-color .12s}.bp-add-btn:hover{background:#eaecef;border-color:var(--ds-color-border-2)}.bp-add-btn svg{width:13px;height:13px}.bp-prefix-input-wrap{display:flex;align-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);overflow:hidden;transition:border-color .15s,box-shadow .15s}.bp-prefix-input-wrap:focus-within{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring)}.bp-prefix-input-prefix{padding:0 var(--ds-space-2) 0 var(--ds-space-3);font-size:var(--ds-font-md);color:var(--ds-color-text-muted);-webkit-user-select:none;user-select:none}.bp-prefix-input{flex:1;height:34px;padding:0 var(--ds-space-3) 0 0;border:0;background:transparent;font-size:var(--ds-font-md);color:var(--ds-color-text);outline:none}.bp-prefix-input::placeholder{color:#b0b7c3}.bp-url-preview{font-size:var(--ds-font-md);color:var(--ds-color-text-muted);word-break:break-all}.bp-avail-table{border:1px solid var(--ds-color-border-soft);border-radius:10px;overflow:hidden;background:var(--ds-color-surface)}.bp-avail-table-header{display:grid;grid-template-columns:1fr 160px 160px 68px;gap:var(--ds-space-3);padding:var(--ds-space-2) 14px;background:var(--ds-color-surface-2);border-bottom:1px solid var(--ds-color-border-soft);font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-color-text-muted);align-items:center}.bp-avail-row{display:grid;grid-template-columns:1fr 160px 160px 68px;gap:var(--ds-space-3);padding:10px 14px;border-bottom:1px solid #f0f3f6;align-items:center}.bp-avail-row:last-child{border-bottom:0}.bp-avail-row-actions{display:inline-flex;gap:var(--ds-space-1);align-items:center}.bp-icon-btn{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--ds-color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.bp-icon-btn:hover:not(:disabled){background:var(--op-hover);color:var(--ds-color-text)}.bp-icon-btn:disabled{opacity:.3;cursor:not-allowed}.bp-hosts-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bp-hosts-header{display:grid;grid-template-columns:1fr 200px 36px;gap:var(--ds-space-3);padding:var(--ds-space-2) 14px;background:var(--ds-color-surface-2);border-bottom:1px solid var(--ds-color-border-soft);font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-color-text-muted);align-items:center}.bp-hosts-row{display:grid;grid-template-columns:1fr 200px 36px;gap:var(--ds-space-3);padding:10px 14px;border-bottom:1px solid #f0f3f6;align-items:center}.bp-hosts-row:last-child{border-bottom:0}.bp-hosts-name{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text)}.bp-empty-state{padding:var(--ds-space-8) var(--ds-space-5);text-align:center;color:var(--ds-color-text-muted);font-size:var(--ds-font-md)}.bp-picker-row{display:flex;align-items:center;gap:10px;padding:var(--ds-space-2) 10px;border:0;border-radius:var(--ds-radius-lg);background:transparent;text-align:left;cursor:pointer;transition:background .12s;width:100%}.bp-picker-row:hover:not(:disabled){background:var(--op-hover)}.bp-picker-row:disabled{opacity:.5;cursor:not-allowed}.bp-picker-avatar{width:32px;height:32px;border-radius:50%;background:#e6f2ff;color:var(--ds-color-primary);font-size:var(--ds-font-md);font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bp-picker-info{display:flex;flex-direction:column;gap:1px;flex:1}.bp-picker-name{font-size:var(--ds-font-md);font-weight:600;color:var(--ds-color-text)}.bp-picker-email{font-size:var(--ds-font-xs);color:var(--ds-color-text-muted)}.bp-cf-header{display:grid;grid-template-columns:160px 1fr 160px 80px 90px;gap:10px;padding:var(--ds-space-2) 14px;background:var(--ds-color-surface-2);border-bottom:1px solid var(--ds-color-border-soft);font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-color-text-muted);align-items:center}.bp-cf-row{display:grid;grid-template-columns:160px 1fr 160px 80px 90px;gap:10px;padding:10px 14px;border-bottom:1px solid #f0f3f6;align-items:center}.bp-cf-row:last-child{border-bottom:0}.bp-cf-name{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text)}.bp-cf-label-btn{width:100%;height:34px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;font-size:var(--ds-font-md);color:var(--ds-color-text);cursor:pointer;transition:border-color .12s,background .12s}.bp-cf-label-btn:hover{border-color:var(--ds-color-border);background:var(--op-hover)}.bp-logo-empty{width:100%;padding:var(--ds-space-6);border:1.5px dashed var(--ds-color-border);border-radius:10px;background:var(--ds-color-surface-2);display:flex;flex-direction:column;align-items:center;color:var(--ds-color-text-muted);font-size:var(--ds-font-md);gap:0}.bp-logo-uploaded{padding:14px var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:10px;background:var(--ds-color-surface-2)}.bp-logo-filename{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text)}.bp-icon-input-wrap{display:flex;align-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);overflow:hidden;width:100%;transition:border-color .15s,box-shadow .15s}.bp-icon-input-wrap:focus-within{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring)}.bp-icon-input{flex:1;height:34px;padding:0 var(--ds-space-3);border:0;background:transparent;font-size:var(--ds-font-md);color:var(--ds-color-text);outline:none}.bp-icon-input::placeholder{color:#b0b7c3}.bp-icon-input-icon{padding:0 10px;color:var(--ds-color-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.bp-script-wrap{position:relative;width:100%}.bp-script-copy-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);color:var(--ds-color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s;z-index:1}.bp-script-copy-btn:hover{background:var(--op-hover);color:var(--ds-color-text)}.bp-script-textarea{width:100%;padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);font-size:var(--ds-font-sm);font-family:Monaco,Menlo,monospace;color:var(--ds-color-text);resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.5}.bp-script-textarea:focus{border-color:var(--ds-color-primary);box-shadow:var(--ds-focus-ring)}.bp-action-link-btn{height:30px;padding:0 10px;border:1px solid var(--ds-color-border);border-radius:7px;background:var(--ds-color-surface);color:#4b5565;font-size:var(--ds-font-sm);font-weight:600;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:background .12s;white-space:nowrap}.bp-action-link-btn:hover{background:var(--op-hover)}.bp-action-link-btn svg{flex-shrink:0}.bp-cf-row-actions{display:inline-flex;gap:2px;align-items:center}.bp-picker-added{font-size:var(--ds-font-xs);font-weight:600;color:var(--ds-color-text-muted);padding:2px var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ds-color-surface-2)}.op-group-select.op-group-select--sm{min-width:0;height:34px;padding:0 10px;gap:5px}.op-group-select--sm strong,.op-group-select--sm>span:not(.muted):not(.op-group-select-count){font-size:var(--ds-font-md);font-weight:600;color:#111827}.op-group-select-count{display:inline-flex;align-items:center;justify-content:center;background:#e7f1ff;color:var(--ds-color-primary);font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:var(--ds-radius-pill)}.op-group-select--sm .op-group-select-count{padding:0 5px;font-size:10px}.cal-shell{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cal-group-select-wrap{position:relative}.cal-group-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:200;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:10px;box-shadow:0 4px 16px #0f172a1a;min-width:140px;padding:var(--ds-space-1)}.cal-newgroup-btn{display:inline-flex;align-items:center;gap:5px}.cal-view-label{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text);white-space:nowrap}.cal-view-select-wrap{position:relative;display:flex;align-items:center;gap:6px}.cal-view-select{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text-2);cursor:pointer;transition:background .12s}.cal-view-select:hover{background:var(--ds-color-surface-muted)}.cal-view-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:10px;box-shadow:0 4px 16px #0f172a1a;min-width:140px;padding:var(--ds-space-1)}.cal-view-dropdown-item{display:flex;align-items:center;width:100%;padding:var(--ds-space-2) var(--ds-space-3);border:0;background:transparent;font-size:var(--ds-font-md);color:var(--ds-color-text-2);text-align:left;border-radius:7px;cursor:pointer;transition:background .1s}.cal-view-dropdown-item:hover{background:var(--ds-color-surface-muted)}.cal-view-dropdown-item.selected{color:var(--ds-color-primary);font-weight:600;background:#f0f7ff}.cal-nav-arrows{display:flex;align-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);overflow:hidden;background:var(--ds-color-surface)}.cal-nav-arrow{width:32px;height:34px;border:0;border-left:1px solid var(--ds-color-border);background:transparent;color:var(--ds-color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .12s,color .12s}.cal-nav-arrow:first-child{border-left:0}.cal-nav-arrow:hover{background:var(--ds-color-surface-3);color:var(--ds-color-text)}.cal-inner-card{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--ds-color-surface);border:1px solid #dde1e8;border-radius:var(--ds-radius-xl);box-shadow:var(--ds-elevation-2);overflow:hidden;margin-bottom:var(--ds-space-4)}.cal-body{flex:1;min-height:0;display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr;align-items:stretch;overflow:hidden}.cal-sidebar{border-right:1px solid #e9eaec;padding:var(--ds-space-4) 14px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;background:var(--ds-color-surface-muted)}.cal-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding-top:2px}.cal-date-display{display:flex;align-items:center;height:26px}.cal-date-label{font-size:var(--ds-font-md);font-weight:600;color:var(--ds-color-text);letter-spacing:.01em}.cal-date-mmdd{background:#def;color:var(--ds-color-primary);padding:2px 6px;border-radius:var(--ds-radius-sm)}.cal-date-year{color:var(--ds-color-text)}.cal-today-btn{height:26px;padding:0 11px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);font-size:var(--ds-font-sm);font-weight:600;color:var(--ds-color-text-2);cursor:pointer;transition:background .12s;flex-shrink:0}.cal-today-btn:hover{background:var(--ds-color-surface-3)}.cal-mini{display:flex;flex-direction:column;gap:var(--ds-space-1)}.cal-mini-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.cal-mini-nav{width:24px;height:24px;border:0;background:transparent;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:var(--ds-color-text-subtle);cursor:pointer;transition:background .12s,color .12s}.cal-mini-nav:hover{background:var(--ds-color-surface-3);color:var(--ds-color-text)}.cal-mini-month{font-size:var(--ds-font-md);font-weight:700;color:var(--ds-color-text-2)}.cal-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.cal-mini-dow{font-size:10px;font-weight:600;color:#c4c9d4;text-align:center;padding:2px 0 var(--ds-space-1)}.cal-mini-day{width:100%;aspect-ratio:1;border:0;background:transparent;border-radius:50%;font-size:11.5px;color:#4b5565;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.cal-mini-day:hover:not(.empty):not(.today):not(.selected){background:var(--ds-color-surface-3)}.cal-mini-day.empty{cursor:default}.cal-mini-day.today{background:var(--ds-color-primary);color:var(--ds-color-surface);font-weight:700}.cal-mini-day.selected:not(.today){background:#def;color:var(--ds-color-primary);font-weight:700}.cal-guest-search{display:flex;align-items:center;gap:var(--ds-space-2);height:36px;border:1px solid #e0e2e6;border-radius:var(--ds-radius-lg);padding:0 10px;background:var(--ds-color-surface)}.cal-guest-search-icon{color:#c4c9d4;flex-shrink:0}.cal-guest-search-input{flex:1;border:0;outline:none;font-size:12.5px;color:var(--ds-color-text-2);background:transparent}.cal-guest-search-input::placeholder{color:#c4c9d4}.cal-recently{display:flex;flex-direction:column;gap:6px}.cal-recently-title{font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text);margin-bottom:2px}.cal-recently-item{font-size:12.5px;font-weight:400;color:var(--ds-color-text-2);line-height:1.55}.cal-recently-name{font-size:12.5px;font-weight:400;color:var(--ds-color-text-2)}.cal-recently-meta{font-size:12.5px;color:var(--ds-color-text-subtle)}.cal-main{display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.cal-list-header{display:grid;grid-template-columns:36px 160px 140px 1fr;align-items:center;padding:var(--ds-space-2) var(--ds-space-4) var(--ds-space-2) 0;border-bottom:1px solid var(--ds-color-border-soft);background:var(--ds-color-surface-muted);flex-shrink:0}.cal-select-all-check{padding-left:var(--ds-space-3)}.cal-col-date-hd,.cal-col-time-hd,.cal-col-event-hd{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text-subtle);letter-spacing:0}.cal-event-list{flex:1;overflow-y:auto;padding:var(--ds-space-1) 0 var(--ds-space-2)}.cal-year-group{margin-bottom:var(--ds-space-1)}.cal-year-heading{font-size:var(--ds-font-lg);font-weight:700;color:var(--ds-color-text);letter-spacing:.03em;text-transform:uppercase;padding:var(--ds-space-3) 0 var(--ds-space-1) 0;padding-left:36px}.cal-event-row{display:grid;grid-template-columns:36px 160px 140px 1fr;align-items:center;gap:0;padding:13px var(--ds-space-4) 13px 0;border-bottom:1px solid var(--ds-color-surface-3);cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.cal-event-row:hover{background:var(--ds-color-surface-2)}.cal-event-row.selected{background:#f0f7ff}.cal-event-row:last-child{border-bottom:none}.cal-event-check{display:flex;align-items:center;justify-content:center;padding-left:var(--ds-space-3);cursor:pointer}.cal-event-checkbox{position:absolute;opacity:0;width:0;height:0}.cal-event-checkmark{width:15px;height:15px;border:1.5px solid var(--ds-color-border-2);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface);display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,opacity .1s;flex-shrink:0;opacity:0}.cal-event-row:hover .cal-event-checkmark{opacity:1}.cal-event-row.selected .cal-event-checkmark{opacity:1;background:var(--ds-color-primary);border-color:var(--ds-color-primary)}.cal-select-all-check .cal-event-checkmark{opacity:1}.cal-event-checkmark.checked{background:var(--ds-color-primary);border-color:var(--ds-color-primary);opacity:1}.cal-event-row.selected .cal-event-checkmark:after,.cal-event-checkmark.checked:after{content:"";display:block;width:4px;height:7px;border:1.5px solid var(--ds-color-surface);border-top:none;border-left:none;transform:rotate(45deg) translate(-.5px,-1px)}.cal-event-date{display:flex;align-items:baseline;gap:var(--ds-space-1);padding-right:var(--ds-space-3)}.cal-event-day-num{font-size:var(--ds-font-md);font-weight:400;color:var(--ds-color-text-2)}.cal-event-month-day{font-size:var(--ds-font-md);color:var(--ds-color-text-2)}.cal-event-title-col{display:flex;align-items:baseline;gap:10px;min-width:0;overflow:hidden}.cal-event-title{font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.cal-event-time{font-size:var(--ds-font-md);color:var(--ds-color-text-subtle);white-space:nowrap;flex-shrink:0;padding-right:var(--ds-space-3)}.cal-event-location{font-size:var(--ds-font-sm);color:var(--ds-color-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-location:hover{text-decoration:underline}.cal-sync-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);height:32px;padding:0 var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);font-weight:600;cursor:pointer;transition:background .12s}.cal-sync-btn:hover{background:var(--ds-color-surface-3)}.op-surface--calendar{padding-bottom:0;overflow:hidden}.sites-row-tag{display:inline-block;margin-left:var(--ds-space-2);background:#ede9fe;color:#6d28d9;padding:1px 7px;border-radius:var(--ds-radius-pill);font-size:10px;font-weight:600;letter-spacing:.02em;vertical-align:1px}.ds-editor-shell{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ds-color-surface-3)}.ds-editor-shell-header{flex-shrink:0}.ds-editor-shell-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr}.ds-editor-shell.has-sidebar .ds-editor-shell-body{grid-template-columns:232px 1fr}.ds-editor-shell.companion-open .ds-editor-shell-body{grid-template-columns:1fr 380px}.ds-editor-shell.has-sidebar.companion-open .ds-editor-shell-body{grid-template-columns:232px 1fr 380px}.ds-editor-shell-sidebar{background:var(--ds-color-surface);border-right:1px solid var(--ds-color-border);overflow-y:auto;min-height:0}.ds-editor-shell-canvas{background:var(--ds-color-surface-3);overflow:auto;min-height:0}.ds-editor-shell-companion{background:var(--ds-color-surface);border-left:1px solid var(--ds-color-border);overflow:hidden;min-height:0;display:flex;flex-direction:column}.bp-btn{height:34px;padding:0 var(--ds-space-4);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text);font-size:var(--ds-font-md);font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.bp-btn:hover{background:var(--op-hover, var(--ds-color-surface-3))}.bp-btn:disabled{opacity:.4;cursor:not-allowed}.bp-btn--primary{background:var(--ds-color-primary);border-color:var(--ds-color-primary);color:var(--ds-color-surface)}.bp-btn--primary:hover:not(:disabled){background:var(--ds-color-primary-2);border-color:var(--ds-color-primary-2)}.bp-btn--danger{background:var(--ds-color-danger);border-color:var(--ds-color-danger);color:var(--ds-color-surface)}.bp-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.bp-btn--icon{width:34px;padding:0;justify-content:center}.bp-segmented{display:inline-flex;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);overflow:hidden;background:var(--ds-color-surface)}.bp-segmented-opt{flex:1;height:34px;padding:0 var(--ds-space-4);border:0;border-right:1px solid var(--ds-color-border);background:transparent;color:#4b5565;font-size:var(--ds-font-md);font-weight:500;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.bp-segmented-opt:last-child{border-right:0}.bp-segmented-opt:hover:not(.active){background:var(--op-hover, var(--ds-color-surface-3))}.bp-segmented-opt.active{background:#e8f0fe;color:var(--ds-color-primary);font-weight:600}.ds-page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--ds-space-3);height:56px;padding:0 14px;background:var(--ds-color-surface);border-bottom:1px solid var(--ds-color-border)}.ds-page-header-left{display:flex;align-items:center;gap:10px;min-width:0}.ds-page-header-center{display:flex;align-items:center;gap:18px}.ds-page-header-right{display:flex;align-items:center;justify-content:flex-end;gap:6px}.ds-page-header-title{font-size:var(--ds-font-lg);font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-page-header-tabs{display:flex;gap:18px}.ds-page-header-tab{all:unset;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ds-color-text-muted);padding:18px 0;cursor:pointer;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease}.ds-page-header-tab:hover{color:#1f2937}.ds-page-header-tab.active{color:#2563eb;border-bottom-color:#2563eb}.ds-btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--ds-radius-lg);font-family:inherit;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.ds-btn[disabled],.ds-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ds-btn-icon{display:inline-flex;align-items:center;justify-content:center}.ds-btn-label{display:inline-flex;align-items:center}.ds-btn-sm{padding:var(--ds-space-1) 10px;font-size:var(--ds-font-sm)}.ds-btn-md{padding:7px 14px;font-size:var(--ds-font-md)}.ds-btn-icon{background:transparent;color:#4b5563;border:1px solid transparent;width:32px;height:32px;padding:0;border-radius:var(--ds-radius-lg)}.ds-btn-icon:hover{background:var(--ds-color-surface-3);color:#111827}.ds-btn-ai-trigger{width:36px;height:36px;padding:0;border-radius:9px;background:var(--ds-color-accent-soft);color:#6d28d9;border:1px solid #ddd6fe;margin-left:6px;align-self:center;position:relative;top:-1px}.ds-btn-ai-trigger:hover{background:#ede9fe;border-color:#c4b5fd}.ds-btn-ai-trigger.active{background:linear-gradient(135deg,var(--ds-color-accent) 0%,#4f46e5 100%);color:var(--ds-color-surface);border-color:#6d28d9;box-shadow:0 4px 10px #7c3aed40}.companion{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ds-color-surface);--companion-accent: var(--ds-color-accent);--companion-accent-soft: var(--ds-color-accent-soft);--companion-border: var(--ds-color-border);--companion-text: #1f2937;--companion-muted: var(--ds-color-text-muted)}.companion-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding:0 14px;background:var(--companion-accent-soft);border-bottom:1px solid var(--companion-border);flex-shrink:0;box-sizing:border-box;height:var(--ds-top-bar-h)}.companion-header-title strong,.companion-header-subtitle{line-height:1.2}.companion-header-title{display:flex;align-items:center;gap:10px;color:var(--companion-accent)}.companion-header-title svg{color:var(--companion-accent)}.companion-header-title strong{display:block;font-size:var(--ds-font-md);font-weight:600;color:var(--companion-text)}.companion-header-subtitle{display:block;font-size:var(--ds-font-xs);color:var(--companion-muted);margin-top:1px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.companion-header-asset-type{text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--companion-accent)}.companion-close{all:unset;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md);cursor:pointer;color:var(--companion-muted)}.companion-close:hover{background:#ede9fe;color:var(--companion-text)}.companion-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;min-height:0}.companion-msg-user{display:flex;justify-content:flex-end}.companion-user-bubble{background:var(--companion-accent);color:var(--ds-color-surface);padding:7px 11px;border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 2px var(--ds-radius-xl);font-size:12.5px;max-width:80%;line-height:1.4}.companion-msg-assistant{display:flex;align-items:flex-start;gap:10px}.companion-msg-avatar{width:26px;height:26px;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ds-color-surface);border:2px solid transparent;background:linear-gradient(160deg,#8b5cf6,#6d28d9) padding-box,conic-gradient(from 45deg,#f87171,#fbbf24,#34d399 40%,#22d3ee 55%,#8b5cf6 68%,#c084fc 80%,#e879f9,#f87171) border-box}.companion-msg-avatar svg{width:11px;height:11px}.companion-msg-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.companion-card{max-width:326px;padding:var(--ds-space-3);border:1px solid var(--companion-border);border-radius:16px;background:var(--ds-color-surface);box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:var(--ds-space-2)}.companion-assistant-text{font-size:var(--ds-font-md);line-height:1.5;color:var(--companion-text)}.companion-assistant-text strong{display:block;margin-bottom:var(--ds-space-1);font-size:13.5px}.companion-assistant-text p{margin:0 0 6px}.companion-steps,.companion-bullets{margin:6px 0 0;padding-left:18px}.companion-steps li,.companion-bullets li{margin:3px 0;font-size:12.5px;color:var(--companion-text)}.companion-progress{display:flex;flex-direction:column;gap:5px;padding:var(--ds-space-2) 10px;border-radius:10px;background:var(--companion-accent-soft);border:1px solid #ede9fe}.companion-progress-event{display:flex;align-items:center;gap:var(--ds-space-2);font-size:11.5px;color:var(--companion-muted)}.companion-progress-event.started{color:var(--companion-text)}.companion-progress-event.completed svg{color:var(--ds-color-success)}.companion-progress-dot{width:6px;height:6px;border-radius:var(--ds-radius-pill);background:#c4b5fd}.companion-progress-dot.pulse{background:var(--companion-accent);animation:companion-pulse 1.2s infinite}@keyframes companion-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}}.companion-progress-summary{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;color:var(--companion-muted);padding:3px var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--companion-accent-soft);align-self:flex-start}.companion-progress-summary svg{color:var(--ds-color-success)}.companion-welcome{background:var(--ds-color-surface);border:1px solid var(--companion-border);border-radius:14px;padding:var(--ds-space-4);box-shadow:0 1px 3px #0f172a0a}.companion-welcome-title{display:block;font-size:var(--ds-font-lg);font-weight:700;color:var(--companion-text);margin-bottom:var(--ds-space-1)}.companion-welcome-lead{margin:0 0 10px;font-size:12.5px;color:var(--companion-muted);line-height:1.45}.companion-welcome-bullets{list-style:disc;padding-left:18px;margin:0 0 14px;display:flex;flex-direction:column;gap:var(--ds-space-1);font-size:12.5px;color:var(--companion-text);line-height:1.4}.companion-welcome-callout{background:var(--companion-accent-soft);border:1px solid #ddd6fe;border-radius:10px;padding:10px var(--ds-space-3);margin-bottom:14px}.companion-welcome-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--companion-accent);margin-bottom:var(--ds-space-1)}.companion-welcome-callout-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2)}.companion-welcome-callout-row strong{font-size:var(--ds-font-md);color:var(--companion-text)}.companion-welcome-callout-link{all:unset;font-size:11.5px;font-weight:600;color:var(--companion-accent);cursor:pointer}.companion-welcome-callout-link:hover{text-decoration:underline}.companion-welcome-callout p{margin:var(--ds-space-1) 0 0;font-size:11.5px;color:var(--companion-muted)}.companion-welcome-suggestions{display:flex;flex-direction:column;gap:6px}.companion-welcome-suggestion{all:unset;padding:7px 11px;border-radius:var(--ds-radius-pill);border:1px solid var(--companion-border);background:var(--ds-color-surface);color:var(--companion-text);font-size:11.5px;cursor:pointer;text-align:left;width:fit-content;max-width:100%}.companion-welcome-suggestion:hover{background:var(--companion-accent-soft);border-color:#ddd6fe}.companion-feedback{display:inline-flex;gap:var(--ds-space-1);margin-top:2px}.companion-feedback button{all:unset;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--companion-border);background:var(--ds-color-surface);color:var(--companion-muted);cursor:pointer}.companion-feedback button:hover{background:var(--companion-accent-soft)}.companion-feedback button.active{background:var(--companion-accent-soft);color:var(--companion-accent);border-color:#ddd6fe}.companion-feedback.submitted{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;padding:9px 11px;border-radius:10px;border:1px solid var(--companion-border);background:#fafafa;font-size:11.5px;color:var(--companion-muted);margin-top:var(--ds-space-2);box-sizing:border-box}.companion-feedback.submitted svg{color:var(--ds-color-success)}.companion-input-area{padding:10px 14px 14px;border-top:1px solid transparent;background:var(--ds-color-surface);flex-shrink:0}.companion-input-row{display:flex;align-items:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-1) var(--ds-space-1) var(--ds-space-3);border:1px solid var(--companion-border);border-radius:16px;background:var(--ds-color-surface)}.companion-input-row:focus-within{border-color:#c4b5fd;box-shadow:0 0 0 3px #7c3aed1f}.companion-input{all:unset;flex:1;min-height:38px;max-height:120px;padding:var(--ds-space-2) 0;color:var(--companion-text);font-size:var(--ds-font-sm);line-height:1.45;resize:none}.companion-input::placeholder{color:#98a2b3}.companion-send{all:unset;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ds-radius-pill);background:var(--companion-accent);color:var(--ds-color-surface);cursor:pointer;box-shadow:0 1px #0000000d;transition:background .12s ease,opacity .12s ease}.companion-send:disabled{opacity:.45;cursor:not-allowed}.companion-send:hover:not(:disabled){background:#6d28d9}.companion-send svg{width:16px;height:16px}.pages-editor-subbar-wrap{position:sticky;top:0;z-index:5;background:var(--ds-color-surface);box-sizing:border-box;height:var(--ds-top-bar-h);border-bottom:1px solid var(--ds-color-border)}.pages-editor-subbar{display:flex;align-items:center;gap:var(--ds-space-2);box-sizing:border-box;height:100%;padding:0 18px}.pages-editor-subbar-eyebrow{font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.06em;color:var(--ds-color-text-muted);margin-right:6px}.pages-editor-swatches{display:inline-flex;gap:3px}.pages-editor-swatches i{width:14px;height:14px;border-radius:3px;display:inline-block}.pages-editor-subbar-spacer{flex:1}.pages-editor-name{background:transparent;border:1px solid transparent;font-size:var(--ds-font-md);font-weight:500;color:#1f2937;padding:5px var(--ds-space-2);border-radius:var(--ds-radius-md);min-width:280px}.pages-editor-name:hover,.pages-editor-name:focus{background:var(--ds-color-surface-2);border-color:var(--ds-color-border);outline:none}.pages-editor-status{display:inline-flex;align-items:center;gap:5px;font-size:var(--ds-font-xs);color:var(--ds-color-text-muted);padding:var(--ds-space-1) 9px;border-radius:var(--ds-radius-pill);background:var(--ds-color-surface-3)}.pages-editor-status .dot{width:7px;height:7px;border-radius:var(--ds-radius-pill);background:var(--ds-color-warning)}.pages-editor-publish-now{all:unset;margin-left:var(--ds-space-1);color:#2563eb;font-weight:500;cursor:pointer}.pages-editor-pane{display:flex;flex-direction:column;height:100%}.pages-editor-pane-tabs{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-top-bar-h);padding:0 var(--ds-space-3);border-bottom:1px solid var(--ds-color-border);flex-shrink:0}.pages-editor-pane-tabs .bp-segmented{width:100%}.pages-editor-elements{padding:var(--ds-space-3);overflow-y:auto}.pages-editor-element-group{margin-bottom:var(--ds-space-4)}.pages-editor-element-group h4{margin:0 0 var(--ds-space-2);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--ds-color-text-muted)}.pages-editor-element-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-2)}.pages-editor-element-tile{all:unset;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3) var(--ds-space-2);font-size:11.5px;color:#1f2937;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.pages-editor-element-tile:hover{border-color:#c7d2fe;background:#eef2ff}.pages-editor-element-icon{color:var(--ds-color-text-subtle);font-size:var(--ds-font-sm)}.pages-editor-settings{padding:14px;font-size:12.5px}.pages-editor-canvas{padding:0;min-height:100%}.pages-editor-canvas-inner{padding:var(--ds-space-6)}.pages-editor-canvas-page{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);max-width:880px;margin:0 auto;padding:36px;font-family:inherit}.canvas-h1{margin:0 0 30px;font-size:38px;font-weight:800;color:#6b21a8;line-height:1.1}.canvas-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-10)}.canvas-h2{margin:var(--ds-space-5) 0 14px;font-size:18px;font-weight:700;color:#111827}.canvas-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.canvas-field{margin-bottom:10px}.canvas-field label{display:block;font-size:11.5px;font-weight:500;color:var(--ds-color-text-muted);margin-bottom:3px}.canvas-field input{width:100%;background:var(--ds-color-surface-3);border:none;border-radius:var(--ds-radius-sm);padding:var(--ds-space-2) 9px;font-size:12.5px}.canvas-checkbox-row{display:flex;align-items:center;gap:var(--ds-space-2);margin:var(--ds-space-2) 0 14px;font-size:12.5px}.canvas-order-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--ds-space-2);border-bottom:1px solid var(--ds-color-border);padding-bottom:var(--ds-space-2)}.canvas-order-grid strong{font-size:var(--ds-font-sm);color:#111827}.canvas-total-row{display:flex;justify-content:space-between;align-items:center;padding:30px 0 var(--ds-space-3);border-bottom:1px solid var(--ds-color-border);font-size:var(--ds-font-md);color:var(--ds-color-text-muted)}.canvas-total-row strong{color:#111827;font-size:var(--ds-font-xl)}.canvas-secure{margin-top:var(--ds-space-3);font-size:11.5px;color:var(--ds-color-text-muted)}.ds-page-header-right .ds-btn-icon.active{background:var(--ds-color-accent-soft);color:var(--ds-color-accent)}.landon-editor-title{font-size:var(--ds-font-md);font-weight:500;color:#1f2937;margin-left:var(--ds-space-1)}.landon-editor-tag{background:#ede9fe;color:#6d28d9;padding:2px var(--ds-space-2);border-radius:var(--ds-radius-pill);font-size:10px;font-weight:600}.landon-editor-link{display:inline-flex;align-items:center;gap:var(--ds-space-1);font-size:11.5px;color:#4b5563;text-decoration:none;padding:5px 10px;border-radius:var(--ds-radius-md);border:1px solid var(--ds-color-border)}.landon-editor-link:hover{background:var(--ds-color-surface-2)}.landon-editor-iframe{width:100%;height:100%;border:none;background:var(--ds-color-surface);display:block}.ds-editor-shell-canvas{position:relative}.landon-editor-fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ds-space-10)}.landon-editor-fallback>div{max-width:480px;text-align:center;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-8) 28px}.landon-editor-fallback h3{margin:0 0 var(--ds-space-3);font-size:var(--ds-font-xl);color:#111827}.landon-editor-fallback p{margin:0 0 18px;font-size:var(--ds-font-md);color:var(--ds-color-text-muted);line-height:1.5}.landon-editor-fallback code{background:var(--ds-color-surface-3);padding:1px 5px;border-radius:var(--ds-radius-sm);font-size:11.5px}.landon-editor-fallback a{color:var(--ds-color-surface);text-decoration:none}.landon-editor-source-toggle{display:inline-flex;background:var(--ds-color-surface-3);border-radius:var(--ds-radius-md);padding:2px;margin-left:var(--ds-space-1)}.landon-editor-source-toggle button{all:unset;font-size:var(--ds-font-xs);font-weight:500;color:var(--ds-color-text-muted);padding:3px 9px;border-radius:var(--ds-radius-sm);cursor:pointer}.landon-editor-source-toggle button.active{background:var(--ds-color-surface);color:#111827;box-shadow:0 1px 2px #0000000f}.landon-editor-help{all:unset;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md);color:var(--ds-color-text-muted);cursor:pointer}.landon-editor-help:hover{background:var(--ds-color-surface-3);color:#111827}.landon-editor-help-card{position:absolute;top:14px;right:14px;width:380px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:10px;box-shadow:0 8px 24px #00000014;padding:var(--ds-space-4) 18px;z-index:10}.landon-editor-help-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.landon-editor-help-card header strong{font-size:var(--ds-font-md);color:#111827}.landon-editor-help-card header button{all:unset;cursor:pointer;font-size:18px;color:var(--ds-color-text-muted)}.landon-editor-help-card p{margin:0 0 var(--ds-space-2);font-size:var(--ds-font-sm);line-height:1.45;color:#1f2937}.landon-editor-help-card p.muted{color:var(--ds-color-text-muted)}.landon-editor-help-card ol{margin:10px 0 0;padding-left:18px;font-size:var(--ds-font-sm);color:#1f2937;line-height:1.6}.landon-editor-help-card code{background:var(--ds-color-surface-3);padding:1px 5px;border-radius:var(--ds-radius-sm);font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.landon-editor-help-card a{color:#2563eb;text-decoration:none}.auto-editor-name{background:transparent;border:1px solid transparent;font-size:var(--ds-font-md);font-weight:500;color:#1f2937;padding:5px var(--ds-space-2);border-radius:var(--ds-radius-md);min-width:320px}.auto-editor-name:hover,.auto-editor-name:focus{background:var(--ds-color-surface-2);border-color:var(--ds-color-border);outline:none}.auto-editor-canvas{position:relative;min-height:100%;padding:0;background:var(--ds-color-border)}.auto-editor-subbar-wrap{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-top-bar-h);padding:0 18px;background:var(--ds-color-surface);border-bottom:1px solid var(--ds-color-border)}.auto-editor-subbar-wrap .op-group-select{min-width:0;height:32px;padding:0 10px}.auto-editor-live-toggle .live-dot{display:inline-block;width:7px;height:7px;border-radius:var(--ds-radius-pill);background:var(--ds-color-success);margin-right:6px;vertical-align:1px}.auto-editor-live-toggle .bp-segmented-opt{height:32px;padding:0 var(--ds-space-3);font-size:var(--ds-font-sm)}.auto-editor-flow{display:flex;flex-direction:column;align-items:center;gap:0;padding:50px var(--ds-space-5)}.auto-step-wrap{display:flex;flex-direction:column;align-items:center}.auto-step{background:var(--ds-color-surface);border:1px solid var(--ds-color-border-2);border-radius:var(--ds-radius-sm);padding:var(--ds-space-4) 18px;width:360px;text-align:center;position:relative}.auto-step-end{width:260px;border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 50% 50% / var(--ds-radius-lg) var(--ds-radius-lg) 40px 40px}.auto-step-icon{width:36px;height:36px;border-radius:var(--ds-radius-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-surface);font-size:var(--ds-font-xl);margin-bottom:var(--ds-space-2)}.auto-step-title{font-size:var(--ds-font-sm);font-weight:700;letter-spacing:.04em;color:#111827;margin-bottom:6px}.auto-step-body{margin:0 0 14px;font-size:var(--ds-font-sm);color:var(--ds-color-text-muted);line-height:1.4}.auto-step-metric{border-top:1px solid var(--ds-color-surface-3);margin:var(--ds-space-2) -18px -16px;padding:14px 0;display:flex;flex-direction:column;gap:2px}.auto-step-metric strong{font-size:26px;font-weight:700}.auto-step-metric span{font-size:var(--ds-font-xs);color:var(--ds-color-text-muted)}.auto-arrow{color:var(--ds-color-text-subtle);font-size:var(--ds-font-h1);padding:6px 0}.auto-editor-minimap{position:fixed;left:252px;bottom:24px;width:180px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-2);border-radius:var(--ds-radius-md);z-index:5;box-shadow:0 4px 12px #0000000f}.auto-editor-minimap-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--ds-color-surface-2);border-bottom:1px solid var(--ds-color-border);font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--ds-color-text-muted)}.auto-editor-minimap-controls{display:inline-flex;gap:var(--ds-space-1)}.auto-editor-minimap-controls button{all:unset;width:16px;height:16px;text-align:center;border:1px solid var(--ds-color-border-2);font-size:10px;color:#4b5563;cursor:pointer;border-radius:3px}.auto-editor-minimap-body{padding:var(--ds-space-2) 10px;display:flex;flex-direction:column;gap:5px}.auto-editor-minimap-step{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--ds-color-text-muted)}.auto-editor-minimap-step .dot{width:6px;height:6px;border-radius:var(--ds-radius-pill);flex-shrink:0}.op-status.active{background:var(--ds-color-success-soft);color:#166534;padding:3px 9px;border-radius:var(--ds-radius-pill);font-size:var(--ds-font-xs);font-weight:500}.op-status.paused{background:var(--ds-color-warning-soft);color:#92400e;padding:3px 9px;border-radius:var(--ds-radius-pill);font-size:var(--ds-font-xs);font-weight:500}.inbox-page{height:100%;display:grid;grid-template-columns:320px 1fr;background:var(--ds-color-surface);min-height:0;border-radius:inherit;overflow:hidden}.inbox-page.inbox-with-sidebar{grid-template-columns:320px 1fr 340px}.muted{color:var(--ds-color-text-muted)}.inbox-left{display:flex;flex-direction:column;min-height:0;background:linear-gradient(to right,var(--ds-color-surface) calc(100% - 1px),var(--ds-color-border-soft) calc(100% - 1px))}.inbox-left-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);box-sizing:border-box;height:var(--ds-top-bar-h);padding:0 14px;border-bottom:1px solid var(--ds-color-border-soft)}.inbox-icon-btn{all:unset;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-lg);color:#4b5563;cursor:pointer;transition:background .12s ease,color .12s ease}.inbox-icon-btn:hover{background:var(--ds-color-border-soft);color:#111827}.inbox-icon-btn.active{background:#e7f1ff;color:var(--ds-color-primary)}.inbox-left-filters{display:flex;gap:var(--ds-space-2);box-sizing:border-box;height:var(--ds-sub-bar-h);padding:0 14px;align-items:center;border-bottom:1px solid var(--ds-color-border-soft)}.inbox-left-filters .inbox-left-filter{flex:1}.inbox-conv-list{flex:1;overflow-y:auto;min-height:0}.inbox-conv-row{all:unset;position:relative;display:grid;grid-template-columns:12px 36px 1fr;align-items:center;gap:10px;padding:11px var(--ds-space-4);cursor:pointer;box-sizing:border-box;width:100%}.inbox-conv-row:hover{background:var(--ds-color-surface-2)}.inbox-conv-row.active{background:var(--ds-color-surface-muted);border:none;box-shadow:none}.inbox-conv-row.closed{color:var(--ds-color-text-subtle)}.inbox-conv-row.closed strong,.inbox-conv-row.closed .inbox-conv-preview{text-decoration:line-through;color:var(--ds-color-text-subtle)}.inbox-conv-dot{width:7px;height:7px;border-radius:var(--ds-radius-pill);justify-self:center}.inbox-conv-dot.unread,.inbox-conv-dot.online{background:var(--ds-color-primary)}.inbox-conv-dot-placeholder{width:7px;height:7px}.inbox-conv-avatar{position:relative;width:36px;height:36px}.inbox-conv-avatar img{width:100%;height:100%;border-radius:var(--ds-radius-pill);object-fit:cover;display:block}.inbox-conv-online-dot{position:absolute;top:-1px;right:-1px;width:10px;height:10px;background:#10b981;border:2px solid var(--ds-color-surface);border-radius:var(--ds-radius-pill)}.inbox-conv-meta{min-width:0}.inbox-conv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.inbox-conv-top strong{font-size:var(--ds-font-md);color:#111827;font-weight:600}.inbox-conv-time{font-size:var(--ds-font-xs);color:var(--ds-color-text-muted)}.inbox-conv-preview{display:inline-flex;align-items:center;gap:5px;font-size:var(--ds-font-sm);color:var(--ds-color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.inbox-conv-preview.unread{color:#111827;font-weight:500}.inbox-conv-preview svg{flex-shrink:0}.inbox-thread{display:flex;flex-direction:column;min-height:0;background:var(--ds-color-surface)}.inbox-thread-toolbar{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;height:var(--ds-top-bar-h);padding:0 18px;border-bottom:1px solid var(--ds-color-border-soft);gap:10px;flex-shrink:0;background:var(--ds-color-surface)}.inbox-toolbar-left{display:flex;align-items:center}.inbox-toolbar-right{display:flex;align-items:center;gap:6px}.inbox-chats-waiting{display:inline-flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-md);color:#111827;font-weight:500}.inbox-chats-waiting-pill{background:#e7f1ff;color:var(--ds-color-primary);width:22px;height:22px;border-radius:var(--ds-radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:var(--ds-font-xs);font-weight:700}.inbox-meta-bar{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:40px;font-size:12.5px;color:#1f2937;flex-shrink:0}.inbox-meta-bar--rightbar{background:var(--ds-color-surface);border:none;border-bottom:1px solid var(--ds-color-border-soft);border-left:1px solid var(--ds-color-border-soft);box-sizing:border-box;height:var(--ds-top-bar-h);margin:0 -14px;padding:0 14px;flex-shrink:0}.inbox-meta-bar-left,.inbox-meta-bar-right{display:inline-flex;align-items:center;gap:10px}.inbox-notif-btn.on{color:var(--ds-color-primary);background:#e7f1ff;border-color:#cfe2ff}.inbox-notif-btn.off{color:var(--ds-color-text-muted)}.inbox-view-switcher{display:inline-flex;box-sizing:border-box;height:34px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);overflow:hidden;background:var(--ds-color-surface)}.inbox-view-switcher button{all:unset;width:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);cursor:pointer;border-right:1px solid var(--ds-color-border)}.inbox-view-switcher button:last-child{border-right:none}.inbox-view-switcher button:hover{background:var(--ds-color-surface-3);color:#111827}.inbox-view-switcher button.active{background:#e8f0fe;color:var(--ds-color-primary)}.inbox-thread-body{flex:1;overflow-y:auto;background:var(--ds-color-surface-muted);padding:var(--ds-space-5);display:flex;flex-direction:column;gap:10px;min-height:0}.inbox-chat-opened-pill{align-self:center;display:inline-flex;align-items:center;gap:6px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-pill);padding:5px var(--ds-space-3);font-size:11.5px;color:var(--ds-color-text-muted)}.inbox-day-divider{text-align:center;font-size:11.5px;color:var(--ds-color-text-subtle);margin:6px 0}.inbox-msg{display:flex;align-items:flex-end;gap:var(--ds-space-2)}.inbox-msg-them{justify-content:flex-start}.inbox-msg-me{justify-content:flex-end}.inbox-msg-avatar{width:26px;height:26px;border-radius:var(--ds-radius-pill);object-fit:cover;flex-shrink:0}.inbox-msg-bubble{max-width:65%;padding:9px 13px;border-radius:14px;background:var(--ds-color-surface);font-size:var(--ds-font-md);line-height:1.45;color:#111827;box-shadow:var(--ds-elevation-1)}.inbox-msg-them .inbox-msg-bubble{border-bottom-left-radius:var(--ds-radius-sm)}.inbox-msg-me .inbox-msg-bubble{background:var(--ds-color-primary);color:var(--ds-color-surface);border-bottom-right-radius:var(--ds-radius-sm)}.inbox-msg-bubble p{margin:0}.inbox-msg-bubble p+p{margin-top:5px}.inbox-new-messages{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--ds-space-3);margin:6px 0}.inbox-new-messages hr{border:none;border-top:1px solid #bfdbfe}.inbox-new-messages span{font-size:var(--ds-font-sm);color:var(--ds-color-primary);font-weight:500}.inbox-composer{padding:var(--ds-space-3) 18px var(--ds-space-4);background:var(--ds-color-surface-muted);flex-shrink:0}.inbox-composer-card{background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:10px;display:flex;flex-direction:column;box-shadow:var(--ds-elevation-1)}.inbox-composer-cc{padding:10px 14px;border-bottom:1px solid var(--ds-color-border-soft);font-size:12.5px;color:var(--ds-color-text-muted)}.inbox-composer-body{width:100%;border:none;outline:none;background:transparent;resize:none;padding:var(--ds-space-3) 14px;font:inherit;font-size:var(--ds-font-md);line-height:1.45;color:#111827;min-height:96px;box-sizing:border-box}.inbox-composer-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-top:1px solid var(--ds-color-border-soft)}.inbox-composer-toolbar>button:not(.inbox-send){all:unset;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--ds-color-text-muted);border-radius:var(--ds-radius-md);cursor:pointer}.inbox-composer-toolbar>button:not(.inbox-send):hover{background:var(--ds-color-surface-3);color:#111827}.inbox-composer-spacer{flex:1}.inbox-send{all:unset;width:36px;height:36px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:var(--ds-radius-pill);background:var(--ds-color-primary);color:var(--ds-color-surface);cursor:pointer}.inbox-send:hover{background:#0d6fd9}.inbox-rightbar,.inbox-rightbar.op-qv-right{background:var(--ds-color-surface-muted);display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:0 14px 14px;gap:14px}.inbox-rightbar>.inbox-meta-bar--rightbar+.op-qv-card{margin-top:14px}.inbox-rightbar.op-qv-right .op-qv-card{width:100%;box-sizing:border-box;margin:0}.inbox-rightbar .op-qv-action-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-2)}.inbox-rightbar .op-qv-action-toolbar .op-contact-action{padding:var(--ds-space-2) var(--ds-space-1)}.inbox-qv-contact-card .op-qv-contact-hero{text-align:center}.cv-board-row{position:relative;flex:1;min-height:0;display:flex}.cv-board-row .cv-selectall-check{position:absolute;left:-24px;top:10px;z-index:2}.cv-board{flex:1;min-width:0;display:flex;gap:var(--ds-space-4);padding:0 0 var(--ds-space-1);overflow-x:auto;overflow-y:hidden}.cv-col{flex:0 0 280px;display:flex;flex-direction:column;min-height:0}.cv-col-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-2);padding:9px var(--ds-space-3);margin-bottom:var(--ds-space-3);background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg)}.cv-col-title{font-size:var(--ds-font-lg);font-weight:600}.cv-col-count{color:var(--ds-color-text-muted);font-weight:500;margin-left:3px}.cv-col-head-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s ease}.cv-col:hover .cv-col-head-actions{opacity:1}.cv-col-head-btn{border:none;background:none;cursor:pointer;color:var(--ds-color-text-subtle);padding:3px;border-radius:var(--ds-radius-md);display:inline-flex}.cv-col-head-btn:hover{background:var(--ds-color-surface-2);color:var(--ds-color-text)}.cv-selectall{position:relative;display:inline-flex}.cv-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:40;min-width:200px;padding:6px;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:10px;box-shadow:0 8px 24px #0f172a24}.cv-menu--right{left:auto;right:0}.cv-menu-item{display:block;width:100%;text-align:left;padding:9px 10px;border:none;background:none;border-radius:7px;font-size:var(--ds-font-md);color:var(--ds-color-text);cursor:pointer}.cv-menu-item:hover{background:#f1f5f9}.cv-col-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ds-space-3);padding:2px}.cv-col-empty{padding:var(--ds-space-6) var(--ds-space-2);text-align:center;font-size:var(--ds-font-md);color:var(--ds-color-text-subtle)}.cv-col--collapsed{position:relative;flex:0 0 48px;align-items:center;padding:14px 0;border:1px solid #eef2f6;border-radius:10px;background:var(--ds-color-surface-muted)}.cv-col-collapsed-label{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:var(--ds-font-md);font-weight:600}.cv-col-maximize{position:absolute;top:50%;transform:translateY(-50%)}.cv-card{position:relative;flex-shrink:0;background:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);padding:var(--ds-space-4);cursor:pointer;box-shadow:var(--ds-elevation-1);transition:box-shadow .12s ease,transform .12s ease}.cv-card:hover{box-shadow:0 4px 12px #0f172a1a}.cv-card:hover .cv-card-check,.cv-card--selected .cv-card-check{opacity:1}.cv-card--selected{border-color:#c3e0ff}.cv-card-name{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-lg);font-weight:600;color:var(--ds-color-text);margin-bottom:var(--ds-space-3)}.cv-card-name-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-card-check{flex-shrink:0;opacity:0;transition:opacity .12s ease}.cv-card-field{margin-bottom:var(--ds-space-2)}.cv-card-field-label{display:block;font-size:var(--ds-font-sm);line-height:16px;color:#98a2b3;margin-bottom:2px}.cv-card-field-value{display:block;font-size:var(--ds-font-md);line-height:19px;color:var(--ds-color-text)}.cv-card-status{margin-top:var(--ds-space-3)}.cv-card--bar{padding-left:var(--ds-space-5);overflow:hidden}.cv-card-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.cv-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end;background:#10182866}.cv-settings{width:380px;max-width:92vw;height:100%;display:flex;flex-direction:column;background:var(--ds-color-surface);box-shadow:-8px 0 24px #0f172a2e}.cv-settings-head{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-color-border-soft)}.cv-settings-head h2{margin:0;font-size:18px;font-weight:700;color:var(--ds-color-text)}.cv-settings-close{border:none;background:none;cursor:pointer;color:var(--ds-color-text-muted);padding:var(--ds-space-1);border-radius:var(--ds-radius-md)}.cv-settings-close:hover{background:var(--ds-color-surface-2);color:var(--ds-color-text)}.cv-settings-body{flex:1;overflow-y:auto;padding:var(--ds-space-5) var(--ds-space-6)}.cv-settings-section{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--ds-color-text)}.cv-settings-section:not(:first-child){margin-top:28px}.cv-settings-label{display:block;font-size:var(--ds-font-md);color:var(--ds-color-text-2);margin-bottom:6px}.cv-settings-select{width:100%;height:38px;padding:0 var(--ds-space-3);margin-bottom:18px;border:1px solid #d7dbe0;border-radius:var(--ds-radius-lg);background:var(--ds-color-surface);font-size:var(--ds-font-lg);color:var(--ds-color-text)}.cv-segmented{display:flex;gap:0;margin-bottom:18px;border:1px solid #d7dbe0;border-radius:var(--ds-radius-lg);overflow:hidden}.cv-seg{flex:1;padding:9px var(--ds-space-3);border:none;background:var(--ds-color-surface);font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text-2);cursor:pointer}.cv-seg+.cv-seg{border-left:1px solid #d7dbe0}.cv-seg--active{background:#f1f5f9;color:var(--ds-color-text);font-weight:600}.cv-settings-fields-head{display:flex;align-items:center;justify-content:space-between}.cv-settings-add{display:inline-flex;align-items:center;gap:var(--ds-space-1);border:1px solid #d7dbe0;border-radius:7px;background:var(--ds-color-surface);padding:5px 10px;font-size:var(--ds-font-md);font-weight:500;color:var(--ds-color-text-2);cursor:pointer}.cv-settings-add:hover{background:var(--ds-color-surface-2)}.cv-field-list{margin:var(--ds-space-2) 0 18px;border:1px solid var(--ds-color-border-soft);border-radius:var(--ds-radius-lg);overflow:hidden}.cv-field-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #f0f3f6}.cv-field-row:last-child{border-bottom:none}.cv-field-name{font-size:var(--ds-font-lg);color:var(--ds-color-text)}.cv-field-actions{display:flex;align-items:center;gap:var(--ds-space-1)}.cv-field-move,.cv-field-remove{border:none;background:none;cursor:pointer;color:var(--ds-color-text-subtle);padding:3px;border-radius:5px;display:inline-flex}.cv-field-move{cursor:grab}.cv-field-move:hover,.cv-field-remove:hover{background:var(--ds-color-surface-2);color:var(--ds-color-text-2)}.cv-settings-foot{display:flex;justify-content:flex-end;gap:10px;padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-color-border-soft)}:root{color-scheme:light;font-family:Inter,sans-serif;background:var(--ds-color-bg);color:var(--ds-color-text);--ds-color-bg: #f4f6f8;--ds-color-surface: #ffffff;--ds-color-surface-2: #f9fafb;--ds-color-surface-3: #f3f4f6;--ds-color-surface-muted:#f6f6f6;--ds-color-border: #e5e7eb;--ds-color-border-2: #d1d5db;--ds-color-border-soft: #eef0f3;--ds-color-text: #111927;--ds-color-text-strong: #0b1220;--ds-color-text-2: #374151;--ds-color-text-muted: #6b7280;--ds-color-text-subtle: #9ca3af;--ds-color-primary: #1285ff;--ds-color-primary-2: #0e72e0;--ds-color-primary-soft: #eff6ff;--ds-color-accent: #7c3aed;--ds-color-accent-soft: #f5f3ff;--ds-color-success: #16a34a;--ds-color-success-soft: #dcfce7;--ds-color-warning: #f59e0b;--ds-color-warning-soft: #fef3c7;--ds-color-danger: #dc2626;--ds-color-danger-soft: #fee2e2;--ds-status-success-soft: #dcfce7;--ds-status-success: #108045;--ds-status-info-soft: #e7edff;--ds-status-info: #5165f6;--ds-status-sky-soft: #e0f2fe;--ds-status-sky: #0369a1;--ds-status-accent-soft: #ede9fe;--ds-status-accent: #7c3aed;--ds-status-warning-soft: #fef3c7;--ds-status-warning: #92400e;--ds-status-danger-soft: #fee2e2;--ds-status-danger: #dc2626;--ds-status-neutral-soft: #f3f4f6;--ds-status-neutral: #4b5563;--ds-space-0: 0;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-radius-sm: 4px;--ds-radius-md: 6px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-radius-pill: 999px;--ds-font-xs: 11px;--ds-font-sm: 12px;--ds-font-md: 13px;--ds-font-lg: 14px;--ds-font-xl: 16px;--ds-font-h1: 22px;--ds-top-bar-h: 53px;--ds-sub-bar-h: 52px;--ds-elevation-1: 0 1px 2px rgba(15, 23, 42, .04);--ds-elevation-2: 0 2px 8px rgba(15, 23, 42, .06);--ds-elevation-3: 0 8px 24px rgba(15, 23, 42, .12);--ds-elevation-4: 0 24px 60px rgba(15, 23, 42, .18);--ds-focus-ring: 0 0 0 3px rgba(18, 133, 255, .12);--op-hover: rgba(0, 0, 0, .04);--op-hover-strong: rgba(0, 0, 0, .06);--op-hover-danger: #fff5f5}*{box-sizing:border-box;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:99px;transition:background .2s}*:hover::-webkit-scrollbar-thumb{background:#d1d5db}*:hover::-webkit-scrollbar-thumb:hover{background:#b0b7c3}*{scrollbar-color:transparent transparent}*:hover{scrollbar-color:#d1d5db transparent}html,body,#root{margin:0;min-height:100%}body{background:#f4f6f8}button,input,select,textarea{font:inherit}.op-shell{height:100vh;display:flex;overflow:hidden;background:#f6f6f6;color:#111927}.op-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px 10px;background:#f6f6f6;position:sticky;top:0;height:100vh;overflow:visible;z-index:200;transition:width .15s cubic-bezier(.4,0,.2,1)}.op-sidebar.collapsed{width:68px;overflow:visible}.op-sidebar-top{display:flex;flex-direction:column;gap:14px;min-width:0;flex:1;min-height:0;overflow:visible}.op-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px;min-height:36px}.op-sidebar-logo-img{width:100%;height:100%;object-fit:cover;display:block}.op-sidebar-collapse-btn,.op-sidebar-expand-btn{width:32px;height:32px;border:none;border-radius:var(--ds-radius-md);background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s,color .15s;box-shadow:none}.op-sidebar-collapse-btn:hover,.op-sidebar-expand-btn:hover{background:var(--op-hover-strong);color:#111827}.op-sidebar-expand-btn{display:flex;margin:0 auto}.op-sidebar.collapsed .op-sidebar-header{justify-content:center}.op-sidebar-logo-wrap{width:36px;height:36px;border-radius:50%;background:#1285ff;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;padding:0;cursor:pointer;transition:opacity .12s}.op-sidebar-logo-wrap:hover{opacity:.85}.op-sidebar-nav{display:grid;gap:2px;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none;flex:1;min-height:0;align-content:start}.op-sidebar-nav::-webkit-scrollbar{display:none}.op-nav-scroll-fade{position:sticky;left:0;right:0;height:28px;pointer-events:none;z-index:10;flex-shrink:0}.op-nav-scroll-fade--top{top:0;background:linear-gradient(to bottom,#f6f6f6 0%,transparent 100%)}.op-nav-scroll-fade--bottom{bottom:0;background:linear-gradient(to top,#f6f6f6 0%,transparent 100%)}.op-sidebar-utility{display:grid;gap:2px}.op-sidebar-item-wrap{position:relative;width:100%}.op-sidebar-item{width:100%;display:flex;align-items:center;gap:10px;padding:var(--ds-space-2) 10px;border:0;overflow:hidden;border-radius:9px;background:transparent;color:#4b5565;font-size:var(--ds-font-md);font-weight:500;text-align:left;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.op-sidebar-item-row{display:flex;align-items:center;gap:0;border-radius:var(--ds-radius-lg);transition:background .12s,color .12s}.op-sidebar-item-row:hover{background:var(--op-hover-strong)}.op-sidebar-item-row:hover .op-sidebar-item{background:transparent;color:#111927}.op-sidebar-item-row.active{background:#def}.op-sidebar-item-row.active .op-sidebar-item{background:transparent;color:#1062cc;font-weight:600}.op-sidebar-item-row .op-sidebar-item{flex:1;min-width:0}.op-sidebar-item-chevron-slot,.op-sidebar-item-chevron-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;background:transparent;color:#9ca3af;border-radius:5px;cursor:pointer;transition:background .12s,transform .2s ease}.op-sidebar-item-chevron-slot:hover,.op-sidebar-item-chevron-btn:hover{background:var(--op-hover-strong);color:#6b7280}.op-sidebar-item-chevron-btn.rotated{transform:rotate(90deg)}.op-sidebar.collapsed .op-sidebar-item-chevron,.op-sidebar.collapsed .op-sidebar-item-chevron-slot,.op-sidebar.collapsed .op-sidebar-item-chevron-btn{display:none}.op-sidebar-flyout{min-width:188px;background:#fff;border:1px solid #e5e7eb;border-radius:var(--ds-radius-xl);padding:6px;box-shadow:0 8px 24px #0f172a1a;z-index:200}.op-sidebar-flyout-title{font-size:var(--ds-font-xs);font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:var(--ds-space-1) 10px 6px}.op-nav-dropdown-item{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;padding:7px 10px;border:0;background:transparent;border-radius:7px;font-size:var(--ds-font-md);color:#49515c;cursor:pointer;text-align:left;font-family:inherit;font-weight:500}.op-nav-dropdown-item:hover{background:var(--op-hover);color:#111927}.op-nav-dropdown-item.active{background:#def;color:#1062cc;font-weight:600}.op-nav-dropdown-icon{display:flex;align-items:center;color:#49515c;flex-shrink:0}.op-sidebar-inline-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .15s cubic-bezier(.4,0,.2,1);margin:0 0 0 var(--ds-space-4)}.op-sidebar-inline-submenu.open{grid-template-rows:1fr}.op-sidebar-inline-submenu-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:1px;padding:0}.op-sidebar-inline-submenu.open .op-sidebar-inline-submenu-inner{padding:2px 0 var(--ds-space-1);margin-bottom:2px}.op-sidebar-subitem{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;padding:7px 10px 7px 14px;border:0;background:transparent;border-radius:7px;font-size:var(--ds-font-md);color:#49515c;cursor:pointer;text-align:left;font-family:inherit;font-weight:500}.op-sidebar-subitem:hover{background:var(--op-hover-strong);color:#111927}.op-sidebar-subitem.active{background:#def;color:#1062cc;font-weight:600}.op-sidebar-subitem.active .op-sidebar-subitem-icon{color:#1062cc}.op-sidebar-subitem--empty{color:#9ca3af;font-style:italic;cursor:default;font-weight:400}.op-sidebar-subitem--empty:hover{background:transparent;color:#9ca3af}.op-sidebar-subitem-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-sidebar-subitem-icon{display:flex;align-items:center;color:#49515c;flex-shrink:0}.op-sidebar-item:hover{background:transparent}.op-sidebar-item.compact{color:#6b7280;font-size:var(--ds-font-md);font-weight:500}.op-sidebar-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .12s ease;white-space:nowrap}.op-sidebar.collapsed .op-sidebar-item{justify-content:center;padding:10px;gap:0}.op-sidebar.collapsed .op-sidebar-item-label{opacity:0;width:0;flex:0}.op-sidebar-item-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.op-sidebar-item-icon svg{width:18px;height:18px}.op-sidebar-bottom{display:grid;gap:var(--ds-space-1);padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.op-sidebar-profile-wrap{position:relative;z-index:200}.op-sidebar-profile{width:100%;display:flex;align-items:center;gap:10px;padding:7px var(--ds-space-2);border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#ffffffb3;cursor:pointer;transition:background .1s}.op-sidebar-profile:hover{background:#fffffff2}.op-sidebar-avatar-image{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.op-sidebar.collapsed .op-sidebar-profile{justify-content:center;padding:7px;border-radius:50%;width:42px;height:42px;margin:0 auto}.op-sidebar-profile-copy{display:grid;text-align:left}.op-sidebar.collapsed .op-sidebar-profile-copy{display:none}.op-sidebar-profile-copy strong{color:#25313f;font-size:var(--ds-font-md);line-height:1.1}.op-sidebar-profile-copy span{color:#98a2b3;font-size:var(--ds-font-xs);line-height:1.1}.op-main-shell{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px 10px 10px 0;background:#f6f6f6}.op-surface--hidden{display:none}.op-topbar{height:62px;display:flex;align-items:stretch;background:#fff;border-bottom:1px solid #e7eaee;box-shadow:var(--ds-elevation-1);overflow:visible}.op-logo{width:62px;background:#1285ff;display:flex;align-items:center;justify-content:center;overflow:hidden}.op-logo-image{width:100%;height:100%;object-fit:cover}.op-nav{display:flex;align-items:stretch;gap:0;padding-left:10px;overflow:visible;flex:1}.op-nav-dropdown-wrap{position:relative;display:flex;z-index:21}.op-nav-item{border:0;background:transparent;padding:0 var(--ds-space-3);color:#3a4552;font-size:var(--ds-font-md);font-weight:600;cursor:pointer;white-space:nowrap;position:relative}.op-nav-item.active{color:#111927;font-weight:700}.op-nav-item.dropdown-open{background:#1285ff;color:#fff}.op-nav-item.dropdown-open:before{content:"";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #1285ff}.op-nav-item.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:4px;border-radius:var(--ds-radius-pill) var(--ds-radius-pill) 0 0;background:#1285ff}.op-nav-item.dropdown-open:after{display:none}.op-nav-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:300px;padding:var(--ds-space-3) 10px;border:1px solid #e5e7eb;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 14px 30px #0f172a1f;z-index:20}.op-nav-dropdown:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.op-nav-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#25313f;padding:10px var(--ds-space-3);border-radius:10px;cursor:pointer;text-align:left;font-size:var(--ds-font-md);font-weight:600}.op-nav-dropdown-item:hover,.op-nav-dropdown-item.active{background:#f8fafc}.op-nav-dropdown-icon{width:18px;height:18px;color:#667085;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.op-nav-dropdown-icon svg{width:16px;height:16px}.op-topbar-actions{display:flex;align-items:center;gap:10px;padding:0 14px}.op-topbar-icon{width:42px;height:42px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-xl);background:#fff;color:#20242a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--ds-elevation-2)}.op-topbar-icon:hover{background:#fafbfc;border-color:#d8dee6}.op-topbar-icon svg{width:18px;height:18px}.op-topbar-profile{height:40px;display:inline-flex;align-items:center;gap:10px;padding:0 10px 0 5px;border:1px solid #e8ecf1;border-radius:var(--ds-radius-xl);background:#fff;cursor:pointer}.op-topbar-profile-wrap{position:relative}.op-topbar-avatar-image{width:28px;height:28px;border-radius:var(--ds-radius-pill);object-fit:cover;display:block}.op-topbar-profile-copy{display:grid;text-align:left}.op-topbar-profile-copy strong{color:#25313f;font-size:var(--ds-font-sm);line-height:1.1}.op-topbar-profile-copy span{color:#98a2b3;font-size:var(--ds-font-xs);line-height:1.1}.op-profile-menu{position:absolute;top:calc(100% + 12px);right:0;width:340px;padding:14px 14px var(--ds-space-3);border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 16px 32px #0f172a1f;z-index:12}.op-profile-menu-sidebar{position:fixed;left:220px;bottom:10px;top:auto;right:auto;border-radius:16px;box-shadow:0 8px 32px #0f172a26,0 2px 8px #0f172a14;z-index:9999}.op-sidebar.collapsed .op-profile-menu-sidebar{left:68px}.op-profile-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.op-profile-menu-header{padding:var(--ds-space-1) 6px 14px;border-bottom:1px solid #e8ecf1}.op-profile-menu-name{color:#1f2937;font-size:var(--ds-font-xl);font-weight:700;line-height:1.2;letter-spacing:-.02em}.op-profile-menu-subtitle{margin-top:6px;color:#6b7280;font-size:var(--ds-font-md);font-weight:500}.op-profile-menu-list{display:grid;gap:1px;padding:10px 0 6px}.op-profile-menu-item{display:flex;align-items:center;gap:var(--ds-space-3);border:0;border-radius:10px;background:transparent;padding:var(--ds-space-2) 6px;color:#1f2937;font-size:var(--ds-font-md);font-weight:600;line-height:1.3;text-align:left;cursor:pointer}.op-profile-menu-item:hover{background:#f8fafc}.op-profile-menu-icon{width:22px;height:22px;color:#667085;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.op-profile-menu-icon svg{width:18px;height:18px}.op-profile-menu-footer{padding:10px 6px 2px;color:#6b7280;font-size:var(--ds-font-md);font-weight:500}.op-profile-menu-footer span{color:#6b7280;font-weight:500}.op-profile-menu-toggle{margin:var(--ds-space-1) 0 0;padding:10px 6px 2px;border-top:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.op-profile-menu-toggle-copy{display:inline-flex;align-items:center;gap:var(--ds-space-3);color:#1f2937;font-size:var(--ds-font-md);font-weight:600}.op-switch{width:42px;height:24px;border:1px solid #d0d5dd;border-radius:var(--ds-radius-pill);background:#eef2f6;padding:2px;display:inline-flex;align-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.op-switch.active{background:#1285ff;border-color:#1285ff;box-shadow:0 0 0 4px #1285ff1f}.op-switch-knob{width:20px;height:20px;border-radius:var(--ds-radius-pill);background:#fff;box-shadow:0 2px 6px #0f172a29;transition:transform .18s ease}.op-switch.active .op-switch-knob{transform:translate(18px)}.op-surface{flex:1;min-height:0;width:100%;margin:0;background:#fff;border-radius:14px;border:1px solid #dde1e8;box-shadow:var(--ds-elevation-2);padding:28px var(--ds-space-8) 0;overflow:visible;display:flex;flex-direction:column}.op-surface--contact{overflow:hidden}.op-surface--bleed{padding:0;overflow:hidden}.op-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-5)}.op-page-title-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.op-page-title-wrap h1{margin:0;font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.04em;color:#101828}.op-count{padding-top:10px;font-size:var(--ds-font-sm);line-height:1.4;color:#878d98}.op-filter-chip{margin-top:6px;display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:6px var(--ds-space-2) 6px var(--ds-space-3);background:#f6f6f6;border:1px solid #eef2f6;border-radius:var(--ds-radius-pill);font-size:var(--ds-font-sm);line-height:18px}.op-filter-chip .prefix{color:#878d98}.op-filter-chip .value{color:#1285ff;font-weight:600}.op-filter-chip svg{width:14px;height:14px;color:#878d98}.op-header-actions{display:flex;align-items:center;gap:10px}.op-group-select,.op-search-button,.op-records-button{border-radius:var(--ds-radius-lg);border:1px solid #e5e7eb;background:#fff;color:#111927;height:36px;padding:0 14px;cursor:pointer}.op-view-toggle{display:flex;align-items:center}.op-icon-button{width:36px;height:36px;border:1px solid #eceff3;background:#fafbfd;color:#667085;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.op-view-toggle .op-icon-button:first-child{border-radius:var(--ds-radius-lg) 0 0 var(--ds-radius-lg)}.op-view-toggle .op-icon-button:last-child{border-radius:0 var(--ds-radius-lg) var(--ds-radius-lg) 0}.op-view-toggle .op-icon-button:not(:first-child){border-left:0}.op-icon-button.active{background:#def;color:#1285ff;border-color:#c3e0ff}.op-icon-button svg,.op-search-button svg,.op-group-select svg{width:16px;height:16px}.op-subbar-wrap{min-height:76px;display:flex;align-items:center}.op-subbar{width:100%;display:flex;align-items:center;gap:var(--ds-space-2)}.op-bulk-bar{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) var(--ds-space-3);background:#f8fbff;border:1px solid #c3e0ff;border-radius:10px;overflow-x:auto;flex-wrap:nowrap;width:100%}.op-bulk-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) var(--ds-space-3);background:#fff;border:1px solid #c3e0ff;border-radius:100px;font-size:var(--ds-font-md);color:#374151;white-space:nowrap;flex-shrink:0}.op-bulk-chip strong{color:#1285ff;font-weight:600}.op-bulk-chip-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;padding:0;flex-shrink:0}.op-bulk-chip-clear:hover{background:#e0ecff;color:#1285ff}.op-bulk-actions{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}.op-bulk-action-btn{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:var(--ds-space-1) 10px;border:none;background:transparent;border-radius:var(--ds-radius-md);color:#374151;cursor:pointer;font-size:var(--ds-font-sm);font-weight:500;white-space:nowrap;transition:background .12s;min-width:48px}.op-bulk-action-btn:hover{background:#1285ff14;color:#1285ff}.op-bulk-action-btn.op-bulk-action-danger{color:#dc2626}.op-bulk-action-btn.op-bulk-action-danger:hover{background:#dc262612;color:#dc2626}.op-subbar-actions{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.op-group-select{min-width:260px;display:inline-flex;align-items:center;gap:var(--ds-space-2);justify-content:flex-start;font-size:var(--ds-font-sm)}.op-group-select .muted{color:#878d98}.op-group-select svg{margin-left:auto;color:#616873}.op-search-button{width:36px;padding:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center}.op-search-button-inline{margin-left:0}.op-expandable-search{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--ds-space-2) 0 10px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-lg);background:#fff;animation:op-search-expand .15s ease}.op-contact-profile-actions .op-expandable-search{height:36px;border-radius:10px}.op-subbar-actions .op-expandable-search{height:36px;border-radius:var(--ds-radius-lg)}.op-subbar-actions .op-search-button{width:36px;height:36px}@keyframes op-search-expand{0%{width:28px;opacity:.6}to{width:180px;opacity:1}}.op-expandable-search-icon{color:#878d98;flex-shrink:0}.op-expandable-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--ds-font-md);font-weight:400;color:#111927;width:130px}.op-expandable-search-input::placeholder{color:#b0b7c3}.op-expandable-search-clear{all:unset;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:#878d98;cursor:pointer;flex-shrink:0}.op-expandable-search-clear:hover{background:#f0f2f5;color:#111927}.op-ai-strip{position:relative;display:grid;grid-template-columns:minmax(430px,520px) minmax(0,1fr);align-items:flex-start;gap:var(--ds-space-6);margin-top:var(--ds-space-1);margin-bottom:14px;padding:18px var(--ds-space-5) 18px var(--ds-space-5);border:1px solid #d6e7fb;border-radius:16px;background:#f7fbff}.op-ai-strip-toggle{position:absolute;top:14px;right:14px;width:22px;height:22px;border:0;border-radius:var(--ds-radius-pill);background:transparent;color:#667085;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.op-ai-strip-toggle:hover{color:#111927;background:#0f172a0a}.op-ai-strip-toggle svg{width:16px;height:16px}.op-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a2e;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-6);z-index:40}.op-dialog{width:min(100%,420px);padding:22px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:var(--ds-elevation-4)}.op-dialog h3{margin:0 0 var(--ds-space-2);font-size:20px;line-height:1.2;color:#111927}.op-dialog p{margin:0;font-size:var(--ds-font-lg);line-height:1.55;color:#4b5565}.op-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--ds-space-5)}.op-ai-strip-copy{display:grid;gap:10px;max-width:none;padding-right:64px}.op-ai-strip-kicker,.op-context-eyebrow{display:inline-block;color:#1285ff;font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.op-ai-strip h2,.op-context-card h3{margin:0;color:#111927}.op-ai-strip h2{font-size:20px;line-height:1.25}.op-ai-strip p,.op-context-card p{margin:var(--ds-space-2) 0 0;color:#616873;font-size:var(--ds-font-md);line-height:1.55}.op-ai-strip-list{margin:6px 0 0;padding-left:18px;color:#111927;font-size:var(--ds-font-md);line-height:1.55}.op-ai-strip-list li+li{margin-top:6px}.op-ai-strip-panel{width:100%;min-width:0;max-width:none;padding:var(--ds-space-3);margin-top:34px;margin-right:52px;border:1px solid #d6e7fb;border-radius:16px;background:#f8fbff;box-shadow:inset 0 1px #ffffffb3}.op-ai-strip-panel-label{margin-bottom:10px;color:#5f6b7a;font-size:var(--ds-font-xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.op-ai-strip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-2);width:100%;align-content:start;box-sizing:border-box;padding:0}.op-ai-chip{min-height:42px;padding:0 14px;border:1px solid #d7dee8;border-radius:var(--ds-radius-pill);background:#ffffffeb;color:#344054;font-size:var(--ds-font-sm);font-weight:600;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:10px;box-shadow:0 1px #11182705;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.op-ai-chip:hover{background:#fff;border-color:#c6d8ef;color:#1e6fc2;box-shadow:0 6px 16px #1285ff14;transform:translateY(-1px)}.op-ai-chip-primary{background:#eef6ff;border-color:#c9def8;color:#1e6fc2}.op-ai-chip-primary:hover{background:#e8f3ff;border-color:#b8d6fb}.op-ai-chip-forward{color:#1285ff;border-color:#c8d1dc}.op-ai-chip-icon{width:16px;height:16px;flex-shrink:0}.op-ai-chip span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.op-contacts-view,.op-contacts-scroll{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.op-table-wrap{flex:1;min-height:0;margin-top:0;overflow:auto}.op-contacts-scroll .op-pagination{flex-shrink:0}.op-table-wrap::-webkit-scrollbar-button{display:none;width:0;height:0}.op-table-wrap::-webkit-scrollbar-corner{background:transparent}.op-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:var(--ds-font-md)}.op-table th,.op-table td{height:40px;padding:0 var(--ds-space-2);border-bottom:1px solid #f0f3f6;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-table thead th{height:44px;font-weight:500;color:#374151;background:#fff;font-size:var(--ds-font-md);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-left:none;border-right:none;position:sticky;top:0;z-index:5}.op-table thead th:first-child{border-left:1px solid #e5e7eb;border-top-left-radius:var(--ds-radius-lg);border-bottom-left-radius:var(--ds-radius-lg)}.op-table thead th:last-child{border-right:1px solid #e5e7eb;border-top-right-radius:var(--ds-radius-lg);border-bottom-right-radius:var(--ds-radius-lg)}.op-add-column-cell{width:36px;min-width:36px;padding:0 2px 0 0!important;text-overflow:clip;text-align:right!important;vertical-align:middle}.op-add-column-cell .op-search-button{border:none;background:transparent;color:#667085}.op-add-column-cell .op-search-button:hover{background:#f3f4f6;color:#111927}.op-add-column-cell-body{background:transparent}.op-draggable-column{cursor:pointer}.op-col-menu{position:fixed;z-index:1000;min-width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:6px;display:flex;flex-direction:column;gap:1px}.op-col-menu-item{display:flex;align-items:center;gap:var(--ds-space-3);width:100%;padding:var(--ds-space-2) 10px;border:none;border-radius:7px;background:transparent;color:#111927;font-size:var(--ds-font-md);font-weight:500;text-align:left;cursor:pointer;white-space:nowrap;transition:background .1s}.op-col-menu-item:hover{background:#f6f6f6}.op-col-menu-item-active{background:#e6f2ff;color:#1285ff}.op-col-menu-item-active:hover{background:#d6eaff}.op-col-menu-icon{display:flex;align-items:center;justify-content:center;width:20px;color:#667085;flex-shrink:0}.op-col-menu-item-active .op-col-menu-icon{color:#1285ff}.op-col-menu-open{background:#f0f7ff!important;color:#1285ff!important}.op-column-drag-icon{width:14px;height:14px;margin-left:6px;color:#98a2b3;vertical-align:middle;opacity:0;transition:opacity .12s ease}.op-draggable-column:hover .op-column-drag-icon,.op-table thead th.op-col-menu-open .op-column-drag-icon{opacity:1}.op-col-resize{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:8;-webkit-user-select:none;user-select:none}.op-col-resize:after{content:"";position:absolute;top:20%;right:3px;width:2px;height:60%;background:transparent;transition:background .12s ease}.op-table thead th:hover .op-col-resize:after{background:#d0d5dd}.op-col-resize:hover:after{background:#1285ff}.op-table thead th.active{color:#1285ff}.sort-icon{width:14px;height:14px;margin-left:var(--ds-space-1);vertical-align:middle}.op-table tbody tr:hover td{background:#fbfcfe}.op-table tbody tr.selected td{background:#f8fbff;border-bottom-color:#c3e0ff}.index-col{width:40px;color:#98a2b3;font-size:var(--ds-font-xs);text-align:center}.op-checkbox-col{vertical-align:middle}.op-row-num{display:inline-block;min-width:18px;text-align:center;color:#98a2b3;font-size:var(--ds-font-xs)}.op-table-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;border:1.5px solid #c5ccd6;border-radius:var(--ds-radius-sm);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;transition:border-color .12s,background .12s;position:relative}.op-table-checkbox:hover{border-color:#1285ff}.op-table-checkbox:checked{background:#1285ff;border-color:#1285ff}.op-table-checkbox:checked:after{content:"";position:absolute;width:8px;height:5px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.op-table-checkbox:indeterminate{background:#1285ff;border-color:#1285ff}.op-table-checkbox:indeterminate:after{content:"";position:absolute;width:8px;height:1.8px;background:#fff;border-radius:1px}.op-row-selected>td{background:#f0f7ff!important}.op-row-selected>td.op-name-column{background:#f0f7ff!important}.op-name-column{width:180px;position:sticky;left:32px;background:#fff;z-index:2}.op-table thead th.index-col{left:0;z-index:7}.op-table thead th.op-name-column{top:0;z-index:6}.op-name-cell{display:flex;align-items:center;gap:var(--ds-space-2)}.op-row-view-button{width:24px;height:24px;margin-left:auto;border:1px solid #d7e8ff;border-radius:var(--ds-radius-lg);background:#fff;color:#1285ff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translate(4px);transition:opacity .15s ease,transform .15s ease;flex-shrink:0}.op-row-view-button svg{width:13px;height:13px}.op-table tbody tr:hover .op-row-view-button,.op-table tbody tr.selected .op-row-view-button{opacity:1;transform:translate(0)}.op-table tbody tr:hover td.op-name-column{background:#fbfcfe}.op-table tbody tr.selected td.op-name-column{background:#f8fbff}.op-name-edit,.op-cell-button{border:0;background:transparent;padding:0;cursor:pointer;text-align:left;width:100%;color:#111927;font-size:var(--ds-font-md)}.op-name-edit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.op-cell-button{display:block}.op-cell-button-text:hover,.op-name-edit:hover{color:#1285ff}.op-cell-editor{padding-right:6px}.op-cell-input{width:100%;height:28px;border:1px solid #bfdcff;border-radius:var(--ds-radius-lg);padding:0 var(--ds-space-2);background:#fff;color:#111927;font-size:var(--ds-font-sm);outline:none;color-scheme:light}.op-cell-input:focus{border-color:#1285ff;box-shadow:0 0 0 3px #1285ff24}.op-cell-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.op-status{display:inline-flex;align-items:center;padding:3px var(--ds-space-2);border-radius:var(--ds-radius-pill);font-size:var(--ds-font-md);line-height:1;font-weight:500}.op-status.confirmed,.op-status.live,.op-status.active,.op-status.opened,.op-status.replied,.op-status.processed,.op-status.opt-in{background:var(--ds-status-success-soft);color:var(--ds-status-success)}.op-status.scheduled,.op-status.completed,.op-status.inactive{background:var(--ds-status-info-soft);color:var(--ds-status-info)}.op-status.sent{background:var(--ds-status-sky-soft);color:var(--ds-status-sky)}.op-status.clicked{background:var(--ds-status-accent-soft);color:var(--ds-status-accent)}.op-status.cancelled,.op-status.lead,.op-status.applied,.op-status.tag-change,.op-status.voicemail,.op-status.unpublished{background:var(--ds-status-warning-soft);color:var(--ds-status-warning)}.op-status.no-show,.op-status.opt-out{background:var(--ds-status-danger-soft);color:var(--ds-status-danger)}.op-status.rescheduled{background:var(--ds-status-neutral-soft);color:var(--ds-status-neutral)}.op-status-dropdown{position:fixed;min-width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:var(--ds-radius-xl);padding:6px;box-shadow:var(--ds-elevation-3);z-index:1000}.op-status-dropdown-item{width:100%;display:flex;align-items:center;padding:6px var(--ds-space-2);border:none;border-radius:var(--ds-radius-lg);background:transparent;cursor:pointer;transition:background .1s}.op-status-dropdown-item:hover{background:#f8fafc}.op-status-dropdown-item.selected{background:#f0f7ff;outline:1.5px solid #1285ff;outline-offset:-1.5px}.op-date-picker{position:fixed;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:var(--ds-elevation-3);z-index:1000}.op-date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-3)}.op-date-picker-title{font-size:var(--ds-font-md);font-weight:600;color:#111927}.op-date-picker-nav{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-lg);background:#fff;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s}.op-date-picker-nav:hover{background:#f3f4f6;color:#111927}.op-date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.op-date-picker-day-name{display:flex;align-items:center;justify-content:center;height:28px;font-size:var(--ds-font-xs);font-weight:600;color:#9ca3af}.op-date-picker-day{display:flex;align-items:center;justify-content:center;height:32px;border:none;border-radius:var(--ds-radius-lg);background:transparent;font-size:var(--ds-font-sm);color:#111927;cursor:pointer;transition:background .1s}.op-date-picker-day:hover{background:#f3f4f6}.op-date-picker-day.other-month{color:#d1d5db}.op-date-picker-day.today{border:1.5px solid #d1d5db;font-weight:600}.op-date-picker-day.selected{background:#1285ff;color:#fff;font-weight:600}.op-date-picker-day.selected:hover{background:#0e72e0}.op-pagination{flex-shrink:0;height:48px;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-5);padding:0 var(--ds-space-4);color:#878d98;font-size:var(--ds-font-sm);border-top:1px solid #f0f3f6}.op-results-label{font-size:var(--ds-font-sm);color:#616873;white-space:nowrap}.op-page-label{font-size:var(--ds-font-sm);color:#667085;white-space:nowrap}.op-pagination-center{display:flex;align-items:center;gap:var(--ds-space-1)}.op-page-pill{padding:0 10px;line-height:28px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-lg);background:#fff;color:#616873}.op-records{display:flex;align-items:center;gap:var(--ds-space-2)}.op-pagination-nav{width:28px;height:28px;border:0;border-radius:var(--ds-radius-lg);background:transparent;color:#667085;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.op-pagination-nav:hover{background:#f3f4f6;color:#111927}.op-pagination-nav svg{width:16px;height:16px}.op-records-select{height:28px;padding:0 6px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-md);background:transparent;color:#616873;font-size:var(--ds-font-sm);cursor:pointer}.op-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.op-context-card{padding:var(--ds-space-4) 18px;border:1px solid #e7eaee;border-radius:16px;background:#fff}.op-context-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.op-context-link{border:0;background:transparent;color:#1285ff;font-size:var(--ds-font-sm);font-weight:700;cursor:pointer}.op-context-list{margin:var(--ds-space-3) 0 0;padding-left:18px;color:#111927;font-size:var(--ds-font-md);line-height:1.55}.op-context-list li+li{margin-top:6px}.op-context-card-preview{background:linear-gradient(180deg,#fff,#f6f6f6)}.op-preview-pill{display:inline-flex;align-items:center;margin-top:14px;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-pill);background:#eef5ff;color:#0f74e0;font-size:var(--ds-font-sm);font-weight:700}.op-contact-layout{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:1fr;gap:0;margin:-28px -32px -96px;border-radius:0 0 14px 14px;overflow:hidden;background:#fff;flex:1;min-height:0;min-width:0}.op-contact-side{border-right:1px solid #eef0f3;background:#f6f6f6;padding:var(--ds-space-6) 14px;overflow-y:auto}.op-contact-back{display:inline-flex;align-items:center;gap:var(--ds-space-2);border:0;background:transparent;color:#333e4b;font-size:var(--ds-font-md);font-weight:700;cursor:pointer}.op-contact-nav{margin-top:var(--ds-space-5);display:grid;gap:var(--ds-space-1)}.op-contact-nav-item{height:32px;border:0;background:transparent;border-radius:var(--ds-radius-md);color:#49515c;text-align:left;padding:0 10px;font-size:var(--ds-font-md);font-weight:500;cursor:pointer}.op-contact-nav-item.active{background:#dcedff;color:#1285ff;font-weight:700}.op-contact-main{display:flex;flex-direction:column;overflow:hidden;min-height:0}.op-contact-main-header{flex-shrink:0;padding:36px var(--ds-space-10) 0;background:#fff;z-index:2;transition:box-shadow .2s}.op-contact-main-header--scrolled{padding-bottom:var(--ds-space-5);box-shadow:0 4px 12px #0f172a12}.op-contact-main-body{flex:1;overflow-y:auto;padding:var(--ds-space-3) var(--ds-space-10) 96px;min-height:0}.op-contact-profile{display:flex;align-items:flex-start;gap:var(--ds-space-5)}.op-contact-avatar{width:52px;height:52px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-pill);background:#f6f6f6;color:#111927;display:flex;align-items:center;justify-content:center;font-size:var(--ds-font-lg);font-weight:800;flex-shrink:0;overflow:hidden}.op-contact-avatar img{width:100%;height:100%;object-fit:cover}.op-table-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #e5e7eb}.op-table-avatar--initials{background:#f6f6f6;color:#111927;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.op-contact-profile-copy{flex:1}.op-contact-profile-copy h1{margin:0;color:#333e4b;font-size:32px;line-height:35px;letter-spacing:-1px}.op-contact-profile-copy p{margin:var(--ds-space-1) 0 0;color:#878d98;font-size:var(--ds-font-md);line-height:18px}.op-contact-profile-copy a{color:#1285ff;text-decoration:none}.op-profile-sep{margin:0 6px;color:#c4c9d4}.op-contact-profile-actions{display:flex;gap:var(--ds-space-2)}.op-square-button{width:36px;height:36px;border-radius:10px;border:1px solid #eff0f3;background:#fff;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.op-square-button svg{width:18px;height:18px}.op-contact-toolbar{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:14px;padding-bottom:0}.op-contact-action{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);padding:6px var(--ds-space-3);border:1px solid #eff0f3;border-radius:var(--ds-radius-lg);background:#fff;color:#333e4b;font-size:var(--ds-font-xs);cursor:pointer;transition:background .15s}.op-contact-action:hover{background:var(--op-hover)}.op-contact-action-danger{color:#d9534f}.op-contact-action-danger:hover{background:var(--op-hover-danger)}.op-detail-card{margin-top:18px;border:1px solid #eef0f3;border-radius:16px;background:#fff;padding:var(--ds-space-6) 28px}.op-section-title{display:flex;align-items:center;gap:var(--ds-space-1);margin-bottom:var(--ds-space-4);color:#111927;font-size:18px;font-weight:700}.op-section-title--above-table{border-bottom:none;padding-bottom:0;margin-bottom:10px}.op-section-desc{margin:-10px 0 var(--ds-space-4);color:#667085;font-size:var(--ds-font-md);font-weight:400;line-height:1.5}.op-section-caret{display:none}.op-section-collapse-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:5px;background:transparent;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:0}.op-section-collapse-btn:hover{background:var(--op-hover);color:#374151}.op-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.op-detail-column{display:grid;align-content:start}.op-detail-field,.op-detail-stack{padding:10px 0 var(--ds-space-2);border-bottom:1px solid #eef0f3}.op-detail-column>.op-detail-field:last-child,.op-detail-column>.op-detail-stack:last-child,.op-detail-column>.op-rich-editor:last-child{border-bottom:none}.op-detail-field label,.op-detail-stack-header span,.op-rich-editor label{display:block;color:#98a2b3;font-size:var(--ds-font-sm);line-height:16px}.op-detail-field>span,.op-detail-field>a{display:block;margin-top:3px;color:#111927;font-size:var(--ds-font-md);line-height:19px;text-decoration:none}.op-detail-field-notes span{line-height:1.45}.op-field-editable{cursor:text;border-radius:var(--ds-radius-sm);padding:1px var(--ds-space-1);margin:-1px -4px;transition:background .15s;text-decoration:none}.op-field-editable:hover{background:#f0f4ff}.op-field-edit-input{display:block;width:100%;font-size:var(--ds-font-md);color:#111927;line-height:18px;padding:2px 6px;border:1.5px solid #3b82f6;border-radius:5px;background:#fff;outline:none;font-family:inherit}.op-detail-stack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.op-detail-stack-header button,.op-mini-card-header button{height:28px;padding:0 10px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-lg);background:#f6f6f6;color:#111927;font-size:var(--ds-font-sm);font-weight:600;cursor:pointer}.op-chip-list{border:1px solid #e9edf2;border-radius:var(--ds-radius-lg);overflow:hidden}.op-chip-row{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 14px;border-bottom:1px solid #eef0f3;background:#fff;font-size:var(--ds-font-md)}.op-chip-row:last-child{border-bottom:0}.op-checkline{display:flex;align-items:center;gap:6px;margin-top:var(--ds-space-1);min-height:18px}.op-checkbox{width:16px;height:16px;border:1.5px solid #c5ccd6;border-radius:var(--ds-radius-sm);display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#1285ff;flex-shrink:0;transition:border-color .12s,background .12s}.op-checkbox--checked{background:#eef6ff;border-color:#bfdcff}.op-checkline-label{margin-top:0;color:#111927;font-size:var(--ds-font-md);line-height:16px}.op-upload-box{padding:var(--ds-space-5);border:1.5px dashed #e5e7eb;border-radius:10px;background:#f9fafb;display:flex;flex-direction:column;align-items:center;gap:10px}.op-upload-empty-text{font-size:var(--ds-font-sm);color:#6b7280}.op-upload-select-btn{height:28px;padding:0 10px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-lg);background:#f6f6f6;color:#111927;font-size:var(--ds-font-sm);font-weight:600;cursor:pointer;transition:background .12s}.op-upload-select-btn:hover{background:var(--op-hover);border-color:#d1d5db}.op-rich-editor{padding-top:var(--ds-space-4)}.op-rich-surface{margin-top:6px;min-height:132px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;padding:14px var(--ds-space-3);color:#b7b7b7;font-size:var(--ds-font-sm);font-style:italic}.op-rich-toolbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 var(--ds-radius-lg) var(--ds-radius-lg);overflow:hidden}.op-rich-toolbar span{min-height:36px;display:flex;align-items:center;justify-content:center;border-right:1px solid #eef0f3;color:#6b7280;font-size:var(--ds-font-sm);font-weight:600}.op-rich-toolbar span svg{width:15px;height:15px;flex-shrink:0}.op-rich-toolbar span:last-child{border-right:0}.op-triple-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-5)}.op-mini-card{border:1px solid #eef0f3;border-radius:10px;background:#fff;overflow:hidden}.op-mini-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;color:#333e4b;font-size:var(--ds-font-sm);font-weight:700}.op-mini-card-body{min-height:116px;border-top:1px solid #eef0f3}.op-mini-list-row{min-height:42px;padding:var(--ds-space-3) 14px;border-bottom:1px solid #eef0f3;font-size:var(--ds-font-sm)}.op-mini-list-row:last-child{border-bottom:0}.op-section-title-toolbar{gap:var(--ds-space-3);min-height:36px}.op-dt-header-right{display:flex;align-items:center;gap:var(--ds-space-2);margin-left:auto}.op-search-button-inline{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#616873;cursor:pointer}.op-search-button-inline:hover{background:var(--op-hover)}.op-dt-check-col{width:36px;padding:0 var(--ds-space-2)!important;text-align:center}.op-dt-grip{opacity:.35;vertical-align:middle;margin-left:var(--ds-space-1)}.op-dt-bulk-actions{display:flex;align-items:center;gap:var(--ds-space-1)}.op-dt-bulk-bar{margin:-8px 0 var(--ds-space-3)}.op-dt-selected-count{display:flex;align-items:center;gap:6px;height:28px;padding:0 var(--ds-space-2);border:1px solid #e5e7eb;border-radius:var(--ds-radius-pill);background:#f6f6f6;font-size:var(--ds-font-sm);color:#475467;white-space:nowrap}.op-dt-action-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--ds-space-1) var(--ds-space-2);border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#475467;font-size:var(--ds-font-xs);cursor:pointer;white-space:nowrap}.op-dt-action-btn:hover{background:var(--op-hover)}.op-dt-action-btn.op-bulk-action-danger{color:#d9534f;border-color:#f5c6c6}.op-dt-action-btn.op-bulk-action-danger:hover{background:var(--op-hover-danger)}.op-dt-footer{margin:0 -28px -24px;border-radius:0 0 16px 16px;padding:0 var(--ds-space-5);border-top:none}.op-pagination-nav-tight{margin-left:-6px}.op-pagination-center .op-page-pill+.op-pagination-nav-tight{margin-left:0;margin-right:-6px}.op-detail-table-wrap{overflow:auto}.op-detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--ds-font-md)}.op-detail-table th,.op-detail-table td{height:40px;padding:0 var(--ds-space-2);border-bottom:1px solid #f0f3f6;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-detail-table th{height:44px;color:#374151;font-size:var(--ds-font-md);font-weight:500}.op-detail-table thead th{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;border-left:none;border-right:none;background:#fff}.op-detail-table thead th:first-child{border-left:1px solid #e5e7eb;border-top-left-radius:var(--ds-radius-lg);border-bottom-left-radius:var(--ds-radius-lg)}.op-detail-table thead th:last-child{border-right:1px solid #e5e7eb;border-top-right-radius:var(--ds-radius-lg);border-bottom-right-radius:var(--ds-radius-lg)}.op-detail-table tbody tr:hover td{background:#f8fafc}.op-detail-table tbody tr.op-row-selected td{background:#f0f7ff}.op-detail-table .op-add-column-cell{width:36px;min-width:36px;padding:0 2px 0 0!important;text-align:right!important;text-overflow:clip}.op-detail-table .op-add-column-cell .op-search-button{border:none;background:transparent;color:#98a2b3}.op-detail-table .op-add-column-cell .op-search-button:hover{background:#f3f4f6;color:#667085}.op-task-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ds-space-2)}.op-task-chip{height:28px;padding:0 10px;border:1px solid #e5e7eb;border-radius:var(--ds-radius-pill);background:#fff;color:#475467;font-size:var(--ds-font-sm);cursor:pointer}.op-task-status{display:inline-flex;align-items:center;padding:3px var(--ds-space-2);border-radius:var(--ds-radius-pill);font-size:var(--ds-font-md);line-height:1;font-weight:500}.op-task-status.open{background:#fff1dc;color:#d97706}.op-task-status.complete{background:#dcfce7;color:#108045}.op-task-status.past-due{background:#fee2e2;color:#ef4444}@media(max-width:1180px){.op-page-header{flex-direction:column;align-items:stretch}.op-header-actions{justify-content:space-between}.op-ai-strip{display:flex;flex-direction:column}.op-ai-strip-copy,.op-ai-strip-panel{max-width:none;width:100%;min-width:0;margin-right:0}.op-ai-strip-actions{width:100%;max-width:none}.op-contact-layout{grid-template-columns:1fr}.op-contact-side{border-right:0;border-bottom:1px solid #eef0f3}.op-detail-grid,.op-triple-cards,.op-context-grid{grid-template-columns:1fr}}@media(max-width:820px){.op-sidebar{display:none}.op-main-shell{padding:var(--ds-space-2)}.op-surface{padding:18px 14px 14px;border-radius:10px}.op-page-title-wrap h1{font-size:28px}.op-subbar{flex-wrap:wrap}.op-search-button{margin-left:0}.op-contact-layout{margin:-18px -14px -14px}.op-contact-main{padding:var(--ds-space-5) 14px}.op-contact-profile{flex-direction:column}.op-contact-profile-copy h1{font-size:28px;line-height:32px}.op-pagination{flex-direction:column;align-items:flex-start;height:auto;padding-top:10px}}.op-surface--qv{overflow:hidden;position:relative}.op-qv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#fff;border-radius:inherit;display:flex;flex-direction:column;overflow:hidden}.op-qv-topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--ds-space-5) 0 var(--ds-space-4);border-bottom:1px solid #eef0f3;flex-shrink:0;gap:var(--ds-space-3)}.op-qv-topbar-left{display:flex;align-items:center;gap:6px;min-width:0}.op-qv-topbar-right{display:flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0}.op-qv-back{flex-shrink:0}.op-qv-breadcrumb-sep{color:#c0c4cc;flex-shrink:0}.op-qv-breadcrumb-name{font-size:var(--ds-font-md);font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-qv-nav-group{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:var(--ds-radius-lg);overflow:hidden;flex-shrink:0}.op-qv-nav-step{display:flex;align-items:center;gap:3px;height:32px;padding:0 10px;border:none;background:transparent;font-size:var(--ds-font-sm);font-weight:500;color:#374151;cursor:pointer;transition:background .12s}.op-qv-nav-step:hover:not(:disabled){background:#f3f4f6}.op-qv-nav-step:disabled{opacity:.38;cursor:not-allowed}.op-qv-nav-divider{width:1px;height:18px;background:#e5e7eb;flex-shrink:0}.op-qv-details-btn{height:32px;padding:0 14px;font-size:var(--ds-font-sm)}.op-qv-body{flex:1;display:flex;overflow:hidden;min-height:0;background:#f6f6f6;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4) var(--ds-space-4)}.op-qv-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-6);gap:var(--ds-space-4);background:#fff;border:1px solid #eef0f3;border-radius:14px}.op-qv-left{overflow-y:hidden}.op-qv-left-scroll{flex:1;overflow-y:auto;min-height:0}.op-qv-right{background:transparent;border:none;border-radius:0;padding:0}.op-qv-contact-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding-bottom:var(--ds-space-2);flex-shrink:0}.op-qv-avatar{width:56px!important;height:56px!important;font-size:18px!important;flex-shrink:0}.op-qv-contact-name{margin:0;font-size:17px;font-weight:700;color:#111827}.op-qv-contact-subtitle{margin:0;font-size:var(--ds-font-sm);color:#6b7280}.op-qv-contact-email{font-size:var(--ds-font-sm);color:#2563eb;text-decoration:none}.op-qv-contact-email:hover{text-decoration:underline}.op-qv-action-toolbar{margin-top:0;flex-shrink:0;padding-bottom:var(--ds-space-4);border-bottom:1px solid #eef0f3}.op-qv-details-wrap{display:flex;flex-direction:column;flex:1}.op-qv-social{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:var(--ds-space-3);border-top:1px solid #eef0f3;flex-shrink:0}.op-qv-social-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e5e7eb;background:transparent;border-radius:var(--ds-radius-md);color:#9ca3af;cursor:pointer;transition:background .12s,color .12s}.op-qv-social-btn:hover{background:#f3f4f6;color:#6b7280}.op-qv-left .op-qv-card,.op-qv-middle .op-qv-card{padding:0!important;margin-top:0!important;border:none!important;border-radius:0!important;background:transparent!important;margin-bottom:0}.op-qv-left .op-qv-card+.op-qv-card,.op-qv-middle .op-qv-card+.op-qv-card{padding-top:var(--ds-space-4)!important;border-top:1px solid #eef0f3!important}.op-qv-right .op-qv-card{border:1px solid #eef0f3!important;border-radius:var(--ds-radius-xl)!important;background:#fff!important;padding:18px var(--ds-space-5)!important;margin-top:0!important;margin-bottom:0}.op-qv-right .op-qv-card .op-section-title{border-bottom:1px solid #eef0f3;padding-bottom:10px;margin-bottom:var(--ds-space-3)}.op-qv-card .op-section-title{padding-bottom:10px;margin-bottom:var(--ds-space-3)}.op-qv-middle{overflow-y:hidden}.op-qv-middle-header{flex-shrink:0}.op-qv-middle-header .op-section-title{margin-bottom:0}.op-qv-middle-scroll{flex:1;overflow-y:auto;min-height:0;padding-top:2px}.op-qv-card--full{flex:1}.op-qv-activity-list{display:flex;flex-direction:column;margin-top:-4px}.op-qv-activity-item{padding:var(--ds-space-2) 0;border-bottom:1px solid #f5f6f8}.op-qv-activity-item:last-child{border-bottom:none}.op-qv-activity-text{margin:0 0 2px;font-size:var(--ds-font-md);color:#111927;line-height:19px}.op-qv-activity-meta{margin:0;font-size:var(--ds-font-sm);color:#98a2b3;line-height:16px}.op-qv-task-list{display:flex;flex-direction:column;margin-top:-4px}.op-qv-task-item{display:flex;align-items:flex-start;gap:10px;padding:var(--ds-space-2) 0;border-bottom:1px solid #f5f6f8}.op-qv-task-item:last-child{border-bottom:none}.op-qv-task-check{margin-top:2px;flex-shrink:0}.op-qv-task-body{flex:1;min-width:0}.op-row-quick-view-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e5e7eb;background:#fff;border-radius:var(--ds-radius-md);color:#6b7280;cursor:pointer;padding:0;margin:auto;transition:background .12s,color .12s,border-color .12s}.op-row-quick-view-btn:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.op-bp-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-5) var(--ds-space-6) var(--ds-space-3);gap:var(--ds-space-4)}.op-bp-list-title-row{display:flex;align-items:baseline;gap:var(--ds-space-3)}.op-bp-list-title{margin:0;font-size:var(--ds-font-h1);font-weight:700;color:#00b8d9;letter-spacing:-.01em}.op-bp-list-count{font-size:var(--ds-font-md);color:#6b7280;font-weight:400}.op-bp-new-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--ds-space-4);border-radius:var(--ds-radius-lg);border:none;background:#00b8d9;color:#fff;font-size:var(--ds-font-md);font-weight:600;cursor:pointer;transition:background .12s;white-space:nowrap}.op-bp-new-btn:hover{background:#0099b8}.ds-showcase{min-height:100vh;background:var(--ds-color-bg, var(--ds-color-bg));color:var(--ds-color-text, #111827);padding:var(--ds-space-10) clamp(20px,6vw,96px) 80px;font-family:Inter,sans-serif}.ds-showcase-header{max-width:960px;margin:0 auto 36px}.ds-showcase-header h1{font-size:26px;font-weight:700;margin:0 0 6px}.ds-showcase-header p{margin:0;color:var(--ds-color-text-muted, var(--ds-color-text-muted));font-size:var(--ds-font-lg)}.ds-showcase code{background:var(--ds-color-border-soft);border-radius:var(--ds-radius-sm);padding:1px 5px;font-size:12.5px}.ds-showcase-section{max-width:960px;margin:0 auto var(--ds-space-5);background:var(--ds-color-surface);border:1px solid var(--ds-color-border, var(--ds-color-border));border-radius:14px;overflow:hidden}.ds-showcase-section-head{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-color-border, var(--ds-color-border));background:#fafbfc}.ds-showcase-section-head h2{margin:0;font-size:var(--ds-font-xl);font-weight:650}.ds-showcase-section-head p{margin:var(--ds-space-1) 0 0;font-size:12.5px;color:var(--ds-color-text-muted, var(--ds-color-text-muted));font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ds-showcase-stage{padding:var(--ds-space-5);display:flex;flex-direction:column;gap:var(--ds-space-4)}.ds-showcase-row{display:flex;align-items:center;gap:var(--ds-space-4)}.ds-showcase-row-label{flex:0 0 180px;font-size:var(--ds-font-sm);font-weight:600;color:var(--ds-color-text-subtle, var(--ds-color-text-subtle));text-transform:uppercase;letter-spacing:.04em}.ds-showcase-row-items{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ds-showcase-note{font-size:12.5px;color:var(--ds-color-text-muted, var(--ds-color-text-muted))}.ds-showcase-qv{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--ds-space-5)}.ds-showcase-footer{max-width:960px;margin:var(--ds-space-8) auto 0;font-size:12.5px;color:var(--ds-color-text-subtle, var(--ds-color-text-subtle));text-align:center}