:root{--ui-space-4: 4px;--ui-space-8: 8px;--ui-space-12: 12px;--ui-space-16: 16px;--ui-space-20: 20px;--ui-space-24: 24px;--ui-space-32: 32px;--ui-space-40: 40px;--ui-surface-bg: #f8f9fa;--ui-surface-card: #ffffff;--ui-surface-subtle: #f6f6f7;--ui-surface-hover: #f1f2f4;--ui-border-light: #e3e5e7;--ui-border-muted: #c9cccf;--ui-text-primary: #1a1c1e;--ui-text-secondary: #5f6368;--ui-text-muted: #8c9196;--ui-color-success: #008060;--ui-color-warning: #ffc453;--ui-color-error: #d82c0d;--ui-color-info: #2c6ecb;--ui-color-magic: #7c3aed;--ui-radius-sm: 6px;--ui-radius-md: 8px;--ui-radius-lg: 12px;--ui-radius-xl: 16px;--ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ui-shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--ui-shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--ui-transition-fast: .15s ease;--ui-transition-base: .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ui-container{margin:0 auto;width:100%}.ui-container--config{max-width:1120px}.ui-page-flow{display:grid;gap:var(--ui-space-24)}.ui-section-flow{display:grid;gap:var(--ui-space-16)}.ui-field-flow{display:grid;gap:var(--ui-space-12)}.ui-actions-row{display:flex;gap:var(--ui-space-8);align-items:center}.ui-dashboard-status{display:flex;flex-direction:column;gap:var(--ui-space-12)}.ui-dashboard-status-row{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-16);flex-wrap:wrap}.ui-dashboard-status-info{display:flex;flex-direction:column;gap:var(--ui-space-4);flex:1}.ui-dashboard-kpis{display:flex;gap:var(--ui-space-8);flex-wrap:wrap;align-items:center}.ui-progress-container{width:100%}.ui-progress-track{width:100%;height:6px;background:var(--ui-surface-subtle);border-radius:3px;overflow:hidden}.ui-progress-fill{height:100%;background:linear-gradient(90deg,var(--ui-color-success),#00b37e);border-radius:3px;transition:width var(--ui-transition-base);min-width:0}.ui-progress-fill--warning{background:linear-gradient(90deg,var(--ui-color-warning),#ff8c00)}.ui-progress-native{width:100%;height:8px;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;overflow:hidden;background:var(--ui-surface-subtle)}.ui-progress-native::-webkit-progress-bar{background:var(--ui-surface-subtle);border-radius:999px}.ui-progress-native::-webkit-progress-value{background:linear-gradient(90deg,var(--ui-color-success),#00b37e);border-radius:999px}.ui-progress-native::-moz-progress-bar{background:linear-gradient(90deg,var(--ui-color-success),#00b37e);border-radius:999px}.ui-progress-native--warning::-webkit-progress-value{background:linear-gradient(90deg,var(--ui-color-warning),#ff8c00)}.ui-progress-native--warning::-moz-progress-bar{background:linear-gradient(90deg,var(--ui-color-warning),#ff8c00)}.ui-setup-steps{display:flex;flex-direction:column;gap:0}.ui-setup-step{display:grid;grid-template-columns:48px 1fr auto;gap:var(--ui-space-16);align-items:start;padding:var(--ui-space-16) 0}.ui-setup-step--done{opacity:.85}.ui-setup-step-indicator{display:flex;justify-content:center;padding-top:var(--ui-space-4)}.ui-setup-step-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:2px solid var(--ui-border-muted);color:var(--ui-text-secondary);background:var(--ui-surface-card);transition:all var(--ui-transition-fast)}.ui-setup-step-icon--done{border-color:var(--ui-color-success);background:var(--ui-color-success);color:#fff}.ui-setup-step-body{flex:1;min-width:0}.ui-setup-step-actions{display:flex;gap:var(--ui-space-8);align-items:center;flex-wrap:wrap}.ui-setup-step-divider{height:1px;background:var(--ui-border-light);margin:0 0 0 48px}.ui-segmented-control{display:inline-flex;border:1px solid var(--ui-border-light);border-radius:var(--ui-radius-md);overflow:hidden;background:var(--ui-surface-subtle)}.ui-segmented-btn{padding:var(--ui-space-8) var(--ui-space-16);border:none;background:none;font-size:13px;font-weight:500;color:var(--ui-text-secondary);cursor:pointer;transition:all var(--ui-transition-fast)}.ui-segmented-btn:hover{color:var(--ui-text-primary)}.ui-segmented-btn--active{background:var(--ui-surface-card);color:var(--ui-text-primary);font-weight:600;box-shadow:var(--ui-shadow-sm)}.ui-billing-current{display:flex;flex-direction:column;gap:var(--ui-space-16)}.ui-billing-current-info{display:flex;flex-direction:column;gap:var(--ui-space-8)}.ui-plan-price{font-size:28px;font-weight:700;color:var(--ui-text-primary);letter-spacing:-.02em}.ui-usage-meter{display:flex;flex-direction:column;gap:var(--ui-space-8)}.ui-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ui-space-16);margin-top:var(--ui-space-8)}.ui-plan-card{padding:var(--ui-space-24);border:1px solid var(--ui-border-light);border-radius:var(--ui-radius-xl);background:var(--ui-surface-card);position:relative;transition:all var(--ui-transition-fast);display:flex;flex-direction:column}.ui-plan-card:hover{box-shadow:var(--ui-shadow-sm)}.ui-plan-card--current{border-color:var(--ui-color-success)}.ui-plan-card--recommended{border-color:var(--ui-color-info);box-shadow:var(--ui-shadow-md)}.ui-plan-card-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--ui-color-info);color:#fff;font-size:12px;font-weight:600;padding:2px 12px;border-radius:10px;white-space:nowrap}.ui-plan-card-header{margin-bottom:var(--ui-space-8)}.ui-plan-price{font-size:24px;font-weight:700;color:var(--ui-text-primary);margin-top:var(--ui-space-4)}.ui-plan-description{display:block;margin-bottom:var(--ui-space-8)}.ui-plan-includes{display:block;font-size:12px;font-weight:600;margin-bottom:var(--ui-space-4)}.ui-plan-feature-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:var(--ui-space-4);margin-bottom:var(--ui-space-16)}.ui-plan-feature{display:flex;align-items:center;gap:var(--ui-space-8);font-size:13px;color:var(--ui-text-primary);line-height:1.4}.ui-plan-feature--disabled{color:var(--ui-text-muted);text-decoration:line-through;opacity:.6}.ui-plan-feature-icon{flex-shrink:0;font-size:14px;font-weight:700;width:18px;text-align:center}.ui-plan-feature:not(.ui-plan-feature--disabled) .ui-plan-feature-icon{color:var(--ui-color-success)}.ui-plan-feature--disabled .ui-plan-feature-icon{color:var(--ui-text-muted)}.ui-plan-card-footer{margin-top:auto}.ui-homeui-workspace{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-space-16);--ui-preview-success-color: #22c55e;--ui-preview-error-color: #ef4444}.ui-preview-controls{display:flex;justify-content:center;margin-bottom:var(--ui-space-12)}.ui-preview-device{border:1px solid var(--ui-border-light);border-radius:var(--ui-radius-lg);overflow:hidden;background:var(--ui-surface-card);box-shadow:var(--ui-shadow-sm)}.ui-preview-device-body{padding:var(--ui-space-24)}.ui-preview-widget{display:flex;flex-direction:column;gap:var(--ui-space-12)}.ui-preview-widget-title{font-size:16px;font-weight:600;color:var(--ui-text-primary)}.ui-preview-widget-helper{font-size:13px;color:var(--ui-text-secondary)}.ui-preview-widget-form{display:flex;gap:var(--ui-space-8)}.ui-preview-input{flex:1;padding:var(--ui-space-8) var(--ui-space-12);border:1px solid var(--ui-border-muted);border-radius:var(--ui-radius-sm);font-size:14px}.ui-preview-btn{padding:var(--ui-space-8) var(--ui-space-16);background:var(--ui-text-primary);color:#fff;border:none;border-radius:var(--ui-radius-sm);font-size:14px;font-weight:500;cursor:pointer}.ui-preview-message{font-size:14px;font-weight:500;padding:var(--ui-space-8) 0;transition:color var(--ui-transition-base),opacity var(--ui-transition-base)}.ui-preview-message--success{color:var(--ui-preview-success-color);animation:fadeIn var(--ui-transition-base) forwards}.ui-preview-message--error{color:var(--ui-preview-error-color);animation:fadeIn var(--ui-transition-base) forwards}.ui-preview-cart-btn{width:100%;padding:var(--ui-space-16);background:var(--ui-text-primary);color:#fff;border:none;border-radius:var(--ui-radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--ui-transition-fast),background-color var(--ui-transition-fast),opacity var(--ui-transition-fast);min-height:48px}.ui-preview-cart-btn:hover:not(:disabled){background:#000;transform:translateY(-1px)}.ui-preview-cart-btn:active:not(:disabled){transform:translateY(0)}.ui-preview-cart-btn:disabled{opacity:.4;cursor:not-allowed}.ui-faq-list{display:flex;flex-direction:column;gap:0}.ui-faq-item{border-bottom:1px solid var(--ui-border-light)}.ui-faq-item:last-child{border-bottom:none}.ui-faq-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--ui-space-12) var(--ui-space-4);border:none;background:none;cursor:pointer;font-size:14px;text-align:left;gap:var(--ui-space-12)}.ui-faq-trigger:hover{background:var(--ui-surface-hover);border-radius:var(--ui-radius-sm)}.ui-faq-chevron{font-size:18px;font-weight:400;color:var(--ui-text-muted);flex-shrink:0;width:20px;text-align:center}.ui-faq-answer{padding:0 var(--ui-space-4) var(--ui-space-12)}.ui-faq-item--open .ui-faq-chevron{color:var(--ui-text-primary)}.ui-sla-card{border:1px solid var(--ui-border-light);border-radius:var(--ui-radius-md);background:var(--ui-surface-subtle);padding:var(--ui-space-12);display:grid;gap:var(--ui-space-8)}.ui-support-request-table-wrap{border:1px solid var(--ui-border-light);border-radius:var(--ui-radius-md);overflow-x:auto}.ui-support-request-table{width:100%;border-collapse:collapse;min-width:640px}.ui-support-request-table th{text-align:left;font-size:12px;font-weight:600;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:var(--ui-space-8) var(--ui-space-12);border-bottom:2px solid var(--ui-border-light)}.ui-support-request-table td{padding:var(--ui-space-8) var(--ui-space-12);border-bottom:1px solid var(--ui-border-light);font-size:14px}.ui-support-request-table tr:last-child td{border-bottom:none}.ui-dropzone{border:2px dashed var(--ui-border-muted);border-radius:var(--ui-radius-lg);transition:all var(--ui-transition-fast);background:var(--ui-surface-subtle)}.ui-dropzone:hover{border-color:var(--ui-color-info);background:#2c6ecb05}.ui-dropzone--drag{border-color:var(--ui-color-info);background:#2c6ecb14;transform:scale(1.01)}.ui-dropzone--filled{border-style:solid;border-color:var(--ui-color-success)}.ui-dropzone-content{padding:var(--ui-space-16);display:grid;gap:var(--ui-space-12)}.ui-dropzone-hint{display:flex;align-items:center;gap:var(--ui-space-8);padding:var(--ui-space-4) 0}.ui-dropzone-icon{font-size:20px}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--ui-space-12);padding:var(--ui-space-40) var(--ui-space-24);background:var(--ui-surface-subtle);border:1px dashed var(--ui-border-muted);border-radius:var(--ui-radius-lg);margin:var(--ui-space-16) 0}.ui-empty-state-icon{font-size:40px;color:var(--ui-text-muted);opacity:.6;margin-bottom:var(--ui-space-8)}.ui-supporting-text{color:var(--ui-text-secondary);line-height:1.5}.ui-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ui-full-width{width:100%}.ui-action-row{display:flex;gap:var(--ui-space-12);align-items:center}.ui-action-row--between{justify-content:space-between}.ui-zcode-file-row{flex-wrap:wrap}.ui-color-picker-row{display:flex;align-items:flex-end;gap:var(--ui-space-16);margin-bottom:var(--ui-space-4)}.ui-color-picker-row>:first-child{flex:1}.ui-color-swatch-box{padding-bottom:2px}.ui-color-swatch{width:36px;height:36px;border-radius:var(--ui-radius-sm);border:1px solid var(--ui-border-muted);box-shadow:inset 0 2px 4px #0000000f;transition:background-color var(--ui-transition-base)}.ui-color-swatch--success{background-color:var(--ui-preview-success-color)}.ui-color-swatch--error{background-color:var(--ui-preview-error-color)}.ui-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ui-space-12)}.ui-kpi-card{background:var(--ui-surface-card);border:1px solid var(--ui-border-light);border-radius:var(--ui-radius-md);padding:var(--ui-space-16);display:flex;flex-direction:column;gap:var(--ui-space-4)}.ui-kpi-label{font-size:12px;font-weight:500;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.5px}.ui-kpi-value{font-size:28px;font-weight:700;color:var(--ui-text-primary);line-height:1.1}.ui-kpi-delta{font-size:12px;font-weight:500}.ui-kpi-delta--up{color:var(--ui-color-success)}.ui-kpi-delta--down{color:var(--ui-color-error)}.ui-kpi-delta--neutral{color:var(--ui-text-muted)}.ui-kpi-delta--subdued{color:var(--ui-text-muted);opacity:.7}.ui-requests-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--ui-space-12);flex-wrap:wrap}.ui-empty-analytics-state{min-height:240px;padding:var(--ui-space-40) var(--ui-space-24);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ui-empty-analytics-icon{margin-bottom:var(--ui-space-20);color:var(--ui-text-muted);opacity:.8}.ui-empty-analytics-heading{display:block;font-size:16px;font-weight:600;margin-bottom:var(--ui-space-8);color:var(--ui-text-primary)}.ui-empty-analytics-text{display:inline-block;max-width:320px;margin:0 auto}.ui-empty-inline{padding:var(--ui-space-32) var(--ui-space-16);text-align:center;display:flex;align-items:center;justify-content:center}.ui-daily-trend-list{display:flex;flex-direction:column;gap:var(--ui-space-10, 10px)}.ui-daily-trend-row{display:grid;grid-template-columns:110px 1fr;gap:var(--ui-space-12);align-items:center}.ui-daily-trend-date{font-size:12px;color:var(--ui-text-muted);font-family:monospace}.ui-daily-trend-meters{display:grid;gap:var(--ui-space-8)}.ui-daily-trend-meter{display:grid;grid-template-columns:72px 1fr auto;gap:var(--ui-space-8);align-items:center}.ui-daily-trend-meter-label{font-size:12px;color:var(--ui-text-secondary)}.ui-daily-trend-meter-value{font-size:12px;color:var(--ui-text-secondary);min-width:36px;text-align:right}.ui-trend-progress{width:100%;height:8px;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;overflow:hidden;background:var(--ui-surface-subtle)}.ui-trend-progress::-webkit-progress-bar{background:var(--ui-surface-subtle);border-radius:999px}.ui-trend-progress::-webkit-progress-value{border-radius:999px}.ui-trend-progress::-moz-progress-bar{border-radius:999px}.ui-trend-progress--verified::-webkit-progress-value{background:var(--ui-color-success)}.ui-trend-progress--verified::-moz-progress-bar{background:var(--ui-color-success)}.ui-trend-progress--unverified::-webkit-progress-value{background:#f59e0b}.ui-trend-progress--unverified::-moz-progress-bar{background:#f59e0b}.ui-analytics-columns{display:grid;grid-template-columns:3fr 2fr;gap:var(--ui-space-16);align-items:start}.ui-bar-chart{display:flex;align-items:flex-end;gap:2px;height:160px;padding-top:var(--ui-space-8)}.ui-bar-stack{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0;border-radius:2px 2px 0 0;overflow:hidden;cursor:default;position:relative}.ui-bar-verified{background:var(--ui-color-success);transition:height var(--ui-transition-base)}.ui-bar-unverified{background:#f59e0b;transition:height var(--ui-transition-base)}.ui-bar-chart-legend{display:flex;gap:var(--ui-space-16);padding-top:var(--ui-space-8)}.ui-bar-chart-legend-item{display:flex;align-items:center;gap:var(--ui-space-4);font-size:12px;color:var(--ui-text-secondary)}.ui-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ui-legend-dot--verified{background:var(--ui-color-success)}.ui-legend-dot--unverified{background:#f59e0b}.ui-top-zip-list{display:flex;flex-direction:column}.ui-top-zip-row{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-8);padding:var(--ui-space-8) 0;border-bottom:1px solid var(--ui-border-light)}.ui-top-zip-row:last-child{border-bottom:none}.ui-top-zip-code{font-weight:600;font-size:14px;font-family:monospace;color:var(--ui-text-primary)}.ui-top-zip-count{font-size:13px;color:var(--ui-text-muted);white-space:nowrap}.ui-top-zip-actions{display:flex;align-items:center;gap:var(--ui-space-8)}.ui-activity-panel{display:flex;flex-direction:column;background:var(--ui-surface-card);border-radius:var(--ui-radius-card, 12px);padding:var(--ui-space-16);border:1px solid var(--ui-border-light)}.ui-activity-panel-header{margin-bottom:var(--ui-space-12)}.ui-compact-lookup-left{display:flex;align-items:center;gap:var(--ui-space-8)}.ui-compact-lookup-time{color:var(--ui-text-muted);font-size:13px;white-space:nowrap}.ui-splitview{display:grid;grid-template-columns:280px 1fr;gap:var(--ui-space-24);align-items:start}.ui-splitview-sidebar{display:flex;flex-direction:column;gap:var(--ui-space-8);position:sticky;top:var(--ui-space-16)}.ui-splitview-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--ui-space-4)}.ui-area-list{display:flex;flex-direction:column;gap:var(--ui-space-4)}.ui-area-card{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-space-12) var(--ui-space-12);background:var(--ui-surface-card);border:1px solid var(--ui-border-light);border-left:3px solid transparent;border-radius:var(--ui-radius-md);cursor:pointer;transition:all var(--ui-transition-fast)}.ui-area-card:hover{background:var(--ui-surface-hover);border-color:var(--ui-border-muted);border-left-color:var(--ui-border-muted)}.ui-area-card--active{border-left-color:var(--ui-color-info);background:var(--ui-surface-card);box-shadow:var(--ui-shadow-sm)}.ui-area-card--active:hover{border-left-color:var(--ui-color-info)}.ui-area-card--new{border:2px dashed var(--ui-color-info);border-left-width:3px;background:#2c6ecb08}.ui-area-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-area-card-name{font-weight:600;font-size:13px;color:var(--ui-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-area-card-meta{font-size:12px;color:var(--ui-text-muted)}.ui-area-card-actions{flex-shrink:0}.ui-splitview-main{display:flex;flex-direction:column;gap:var(--ui-space-16)}.ui-link-section{display:flex;flex-direction:column;gap:var(--ui-space-12)}.ui-link-section-disabled{opacity:.5;pointer-events:none}.ui-picker-buttons{display:flex;gap:var(--ui-space-8);flex-wrap:wrap}.ui-link-row{display:flex;align-items:center;gap:var(--ui-space-8);padding:var(--ui-space-8) var(--ui-space-12);border-bottom:1px solid var(--ui-border-light)}.ui-link-row:last-child{border-bottom:none}.ui-link-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-link-list{border:1px solid var(--ui-border-light);border-radius:var(--ui-radius-md);overflow:hidden}.ui-mobile-area-select{display:none}@media(max-width:768px){.ui-homeui-workspace{grid-template-columns:1fr}.ui-setup-step{grid-template-columns:40px 1fr;gap:var(--ui-space-12)}.ui-setup-step-actions{grid-column:1 / -1;margin-top:var(--ui-space-8)}.ui-plan-grid{grid-template-columns:1fr}.ui-dashboard-status-row{flex-direction:column;align-items:flex-start}.ui-splitview{grid-template-columns:1fr}.ui-splitview-sidebar{display:none}.ui-mobile-area-select{display:block}.ui-kpi-grid{grid-template-columns:repeat(2,1fr)}.ui-analytics-columns{grid-template-columns:1fr}.ui-requests-toolbar{flex-direction:column;align-items:flex-start}}