:root{--color-black: #111111;--color-dark: #333333;--color-gray: #666666;--color-mid: #999999;--color-light: #e5e5e5;--color-lighter: #f5f5f5;--color-white: #ffffff;--color-live: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--sidebar-width: 220px;--section-height: 340px;--border-radius: 8px;--border-color: var(--color-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}h1,h2,h3,h4{font-weight:600}a{color:var(--color-black);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:inherit}.hidden{display:none!important}.platform-layout{display:flex;height:100vh;overflow:hidden}.platform-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-black);color:var(--color-white);display:flex;flex-direction:column}.platform-main{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:var(--color-lighter)}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg) var(--spacing-md)}.sidebar-store-identity{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:background .15s}.sidebar-store-identity:hover{background:#ffffff14}.sidebar-store-initial{width:36px;height:36px;border-radius:8px;background:var(--color-white);color:var(--color-black);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-md);flex-shrink:0}.sidebar-store-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-store-name{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-store-badge{font-size:var(--font-size-xs);color:var(--color-mid)}.sidebar-store-hint{display:block;font-size:10px;color:var(--color-mid);opacity:.7;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-store-identity:hover .sidebar-store-hint{opacity:1}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:6px;color:var(--color-mid);font-size:var(--font-size-sm);font-weight:500;transition:all .15s;text-decoration:none}.sidebar-nav-item:hover{background:#ffffff14;color:var(--color-white)}.sidebar-nav-item.active{background:#ffffff1f;color:var(--color-white)}.sidebar-nav-icon{display:flex;align-items:center;opacity:.7}.sidebar-nav-item.active .sidebar-nav-icon,.sidebar-nav-item:hover .sidebar-nav-icon{opacity:1}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-lg)}.sidebar-signout{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:10px var(--spacing-md);margin-bottom:var(--spacing-sm);background:none;border:1px solid transparent;border-radius:6px;color:var(--color-mid);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s}.sidebar-signout:hover{background:#ffffff14;color:var(--color-white);border-color:#ffffff1f}.sidebar-brand{font-size:var(--font-size-xs);color:var(--color-mid);text-align:center;letter-spacing:.5px}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-lighter)}.signup-container{width:100%;max-width:440px;padding:var(--spacing-xl)}.signup-header{text-align:center;margin-bottom:var(--spacing-xl)}.signup-brand{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.5px}.signup-subtitle{color:var(--color-gray);margin-top:var(--spacing-xs)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--color-black);color:var(--color-white);border:none;border-radius:6px;font-size:var(--font-size-sm);font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--color-white);color:var(--color-black);border:1px solid var(--color-light);border-radius:6px;font-size:var(--font-size-sm);font-weight:500;transition:all .15s;cursor:pointer}.btn-secondary:hover{background:var(--color-lighter);border-color:var(--color-mid)}.form-hint{font-size:var(--font-size-xs);color:var(--color-mid);margin-top:4px}.save-status{display:inline-block;margin-left:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-gray)}.settings-error{padding:var(--spacing-md);background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:var(--font-size-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-base);width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark)}.form-optional{color:var(--color-mid);font-weight:400}.form-input,.form-select{padding:10px 12px;border:1px solid var(--color-light);border-radius:6px;font-size:var(--font-size-base);background:var(--color-white);transition:border-color .15s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-black)}.form-input:disabled{background:var(--color-lighter);color:var(--color-mid)}.form-input-lg{padding:14px 16px;font-size:var(--font-size-md)}.form-checkbox{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.form-checkbox input[type=checkbox]{width:16px;height:16px}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.toggle-switch input{display:none}.toggle-slider{width:40px;height:22px;background:var(--color-light);border-radius:11px;position:relative;transition:background .2s}.toggle-slider:after{content:"";width:18px;height:18px;background:var(--color-white);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--color-black)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(18px)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-dark)}.code-block{position:relative;background:var(--color-lighter);border:1px solid var(--color-light);border-radius:var(--border-radius);padding:var(--spacing-md);overflow-x:auto}.code-block pre{margin:0;font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);line-height:1.6;white-space:pre-wrap;word-break:break-all}.btn-copy{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:4px 10px;background:var(--color-black);color:var(--color-white);border:none;border-radius:4px;font-size:var(--font-size-xs);font-weight:500}.info-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border:1px dashed var(--color-light);border-radius:var(--border-radius)}.info-icon{width:24px;height:24px;border-radius:50%;background:var(--color-lighter);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;color:var(--color-gray);flex-shrink:0}.info-body p{font-size:var(--font-size-sm);color:var(--color-gray);line-height:1.5;margin-bottom:var(--spacing-xs)}.info-body p:last-child{margin-bottom:0}.page-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-lg)}.founding-badge-lg{display:inline-block;padding:6px 12px;background:var(--color-lighter);border:1px solid var(--color-light);border-radius:4px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.signup-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.signup-desc{color:var(--color-gray);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.signup-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.signup-form{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-xl)}.signup-signin-link{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-gray)}.signup-signin-link a{color:var(--color-black);font-weight:600;text-decoration:underline;margin-left:4px;cursor:pointer}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-md);height:calc(100vh - 2 * var(--spacing-lg))}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:var(--spacing-md);flex:1;min-height:0}#intelligence-section{grid-column:1 / -1}.status-strip{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-light);font-size:var(--font-size-sm)}.status-left,.status-center,.status-right{display:flex;align-items:center;gap:var(--spacing-sm)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.live{background:var(--color-live);box-shadow:0 0 0 3px #22c55e33}.status-dot.offline{background:var(--color-error)}.status-label{font-weight:600}.status-separator{color:var(--color-mid)}.status-last-session,.status-context,.status-context-neutral{color:var(--color-gray)}.status-context-warning{color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:3px;font-weight:500}.status-context-error{color:#991b1b;background:#fef2f2;padding:2px 8px;border-radius:3px;font-weight:500}.session-progress{width:120px;height:6px;background:var(--color-lighter);border-radius:3px;overflow:hidden}.session-progress-bar{height:100%;background:var(--color-black);border-radius:3px;transition:width .3s ease}.session-progress-bar.warning{background:var(--color-warning)}.session-progress-bar.over{background:var(--color-error)}.session-count{font-size:var(--font-size-xs);color:var(--color-gray);white-space:nowrap}.warning-banner{overflow:hidden}.warning-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.warning-content.warning{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.warning-content.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.warning-link{font-weight:600;text-decoration:underline}.dashboard-section{background:var(--color-white);border-radius:var(--border-radius);border:1px solid var(--color-light);display:flex;flex-direction:column;overflow:hidden}.section-header{padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-light)}.section-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-light)}.section-tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--color-mid);border-bottom:2px solid transparent;transition:all .15s}.section-tab:hover{color:var(--color-dark)}.section-tab.active{color:var(--color-black);border-bottom-color:var(--color-black)}.section-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.feed-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feed-entry{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:6px;transition:background .15s;cursor:pointer}.feed-entry:hover{background:var(--color-lighter)}.feed-entry-newest{animation:feed-pulse 2.4s ease-in-out}@keyframes feed-pulse{0%{background:#22c55e2e;transform:translateY(-2px);opacity:0}20%{opacity:1;transform:translateY(0)}60%{background:#22c55e1a}to{background:transparent}}.feed-entry-expanded{display:none;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--color-light)}.feed-entry.expanded{background:var(--color-lighter)}.feed-entry.expanded .feed-entry-expanded{display:block}.feed-replaced{font-size:var(--font-size-xs);color:var(--color-gray);margin-bottom:var(--spacing-xs)}.feed-replaced strong{color:var(--color-dark)}.feed-expanded-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.feed-expanded-tag{display:inline-flex;gap:4px;padding:2px 8px;background:var(--color-white);border:1px solid var(--color-light);border-radius:3px;font-size:10px;color:var(--color-dark)}.feed-expanded-tag>span{color:var(--color-mid);font-weight:500}.feed-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.feed-thumbnail-placeholder{width:40px;height:40px;border-radius:6px;background:var(--color-lighter);flex-shrink:0}.feed-entry-body{flex:1;min-width:0}.feed-entry-header{display:flex;align-items:baseline;gap:var(--spacing-sm)}.feed-product-name{font-weight:600;font-size:var(--font-size-sm)}.feed-price{font-size:var(--font-size-xs);color:var(--color-gray)}.feed-description{font-size:var(--font-size-xs);color:var(--color-gray);margin-top:2px;line-height:1.4}.feed-entry-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:4px}.feed-tag{display:inline-block;padding:1px 6px;background:var(--color-lighter);border-radius:3px;font-size:10px;color:var(--color-gray)}.feed-time{font-size:10px;color:var(--color-mid)}.usage-chart-container{height:100%;display:flex;flex-direction:column}.usage-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.usage-summary{font-weight:600;font-size:var(--font-size-sm)}.usage-range-toggle{display:flex;gap:2px;background:var(--color-lighter);border-radius:4px;padding:2px}.range-btn{padding:4px 10px;border:none;background:none;font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray);border-radius:3px;transition:all .15s}.range-btn.active{background:var(--color-white);color:var(--color-black);box-shadow:0 1px 2px #00000014}.usage-chart{flex:1}.usage-chart svg{width:100%;height:100%}.product-list{display:flex;flex-direction:column}.product-entry{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-lighter)}.product-entry:last-child{border-bottom:none}.product-rank{font-weight:700;font-size:var(--font-size-md);width:28px;text-align:center;color:var(--color-dark)}.rank-top .product-rank{color:var(--color-black)}.rank-lower .product-rank{color:var(--color-mid)}.product-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.product-thumbnail-placeholder{width:40px;height:40px;border-radius:6px;background:var(--color-lighter);flex-shrink:0}.product-entry-body{flex:1;min-width:0}.product-name{font-weight:500;font-size:var(--font-size-sm)}.product-price{font-size:var(--font-size-xs);color:var(--color-gray);margin-left:var(--spacing-xs)}.product-stats{text-align:right}.product-sessions{font-size:var(--font-size-xs);color:var(--color-gray)}.product-ratio{margin-top:4px}.ratio-bar{width:50px;height:4px;background:var(--color-lighter);border-radius:2px;overflow:hidden}.ratio-add{height:100%;background:var(--color-black);border-radius:2px}.category-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-bar{cursor:pointer}.category-bar-header{display:flex;justify-content:space-between;margin-bottom:4px}.category-name{font-size:var(--font-size-sm);font-weight:500}.category-count{font-size:var(--font-size-xs);color:var(--color-gray)}.category-bar-track{width:100%;height:8px;background:var(--color-lighter);border-radius:4px;overflow:hidden}.category-bar-fill{height:100%;background:var(--color-black);border-radius:4px;transition:width .3s ease}.category-bar-drill{display:none;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-lighter);border-radius:6px}.category-bar.expanded .category-bar-drill{display:block}.category-drill-row{display:flex;justify-content:space-between;padding:4px 0;font-size:var(--font-size-xs)}.category-drill-row+.category-drill-row{border-top:1px solid var(--color-light)}.category-drill-name{color:var(--color-dark);font-weight:500}.category-drill-sessions{color:var(--color-gray)}.category-drill-empty{font-size:var(--font-size-xs);color:var(--color-mid);font-style:italic;text-align:center}.room-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.room-card{padding:var(--spacing-sm);border:1px solid var(--color-light);border-radius:6px}.room-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.room-name{font-weight:600;font-size:var(--font-size-sm);flex:1}.room-badge{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--color-lighter);color:var(--color-gray)}.room-count{font-size:var(--font-size-xs);color:var(--color-gray)}.room-product{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-gray);padding:2px 0}.intelligence-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.intelligence-progress{display:flex;flex-direction:column;gap:var(--spacing-md)}.report-card{padding:var(--spacing-md);border:1px solid var(--color-light);border-radius:var(--border-radius)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.report-name{font-weight:600;font-size:var(--font-size-sm)}.report-badge{font-size:10px;padding:2px 8px;border-radius:3px;background:var(--color-lighter);color:var(--color-gray)}.report-badge.ready{background:#dcfce7;color:#166534}.report-badge.almost-there{background:#fef3c7;color:#92400e}.report-price{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm)}.report-price-original{font-size:var(--font-size-sm);color:var(--color-mid);text-decoration:line-through;font-weight:400;margin-left:var(--spacing-xs)}.report-progress-bar{width:100%;height:6px;background:var(--color-lighter);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-xs)}.report-progress-fill{height:100%;background:var(--color-black);border-radius:3px;transition:width .3s}.report-progress-fill.complete{background:var(--color-live)}.report-progress-label{font-size:var(--font-size-xs);color:var(--color-gray)}.btn-request-report{margin-top:var(--spacing-sm);padding:8px 16px;background:var(--color-black);color:var(--color-white);border:none;border-radius:6px;font-size:var(--font-size-sm);font-weight:600;width:100%;cursor:pointer;transition:opacity .15s}.btn-request-report:hover{opacity:.85}.btn-request-report:disabled{cursor:default;opacity:.6}.btn-request-report.sent{background:var(--color-live, #22c55e);color:var(--color-white);opacity:1}.intelligence-preview h4{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.intelligence-insights{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.intelligence-insights li{font-size:var(--font-size-sm);color:var(--color-gray);padding-left:var(--spacing-md);position:relative}.intelligence-insights li:before{content:"";width:6px;height:6px;background:var(--color-light);border-radius:50%;position:absolute;left:0;top:6px}.educational-card{padding:var(--spacing-lg);text-align:center}.edu-eyebrow{font-size:var(--font-size-xs);color:var(--color-mid);text-transform:uppercase;letter-spacing:1px}.edu-title{font-size:var(--font-size-md);margin:var(--spacing-sm) 0}.edu-description{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-md);line-height:1.5}.edu-dismiss{padding:8px 20px;background:var(--color-black);color:var(--color-white);border:none;border-radius:6px;font-size:var(--font-size-sm);font-weight:500}.section-waiting{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:100%;color:var(--color-mid);font-size:var(--font-size-sm)}.edu-help-btn{width:20px;height:20px;border-radius:50%;border:1px solid var(--color-light);background:none;font-size:11px;color:var(--color-mid);display:flex;align-items:center;justify-content:center}.settings-page{max-width:800px}.settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-light);margin-bottom:var(--spacing-lg)}.settings-tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:var(--font-size-sm);font-weight:500;color:var(--color-mid);border-bottom:2px solid transparent;transition:all .15s}.settings-tab:hover{color:var(--color-dark)}.settings-tab.active{color:var(--color-black);border-bottom-color:var(--color-black)}.settings-section{background:var(--color-white);border:1px solid var(--color-light);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.settings-section-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.settings-section-desc{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-md)}.settings-info-section{border-style:dashed}.logo-upload{display:flex;align-items:center;gap:var(--spacing-md)}.logo-preview-wrap{width:80px;height:80px;border:1px dashed var(--color-light);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:var(--color-lighter)}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-mid);background:var(--color-lighter)}.logo-preview{width:100%;height:100%;object-fit:cover}.logo-upload-status{font-size:var(--font-size-xs);color:var(--color-gray)}.info-link{display:inline-block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-black);text-decoration:underline;font-weight:500}.info-link:hover{opacity:.7}.billing-page{max-width:900px}.billing-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.billing-section{background:var(--color-white);border:1px solid var(--color-light);border-radius:var(--border-radius);padding:var(--spacing-lg)}.billing-section-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.billing-section-desc{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-md)}.plan-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.plan-name{font-size:var(--font-size-lg)}.plan-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:3px}.plan-badge.active{background:#dcfce7;color:#166534}.plan-badge.inactive{background:var(--color-lighter);color:var(--color-gray)}.plan-price{margin-bottom:var(--spacing-sm)}.plan-amount{font-size:2rem;font-weight:700}.plan-period{font-size:var(--font-size-sm);color:var(--color-gray)}.plan-discount{font-size:var(--font-size-sm);color:var(--color-mid);text-decoration:line-through;margin-left:var(--spacing-sm)}.plan-founding-note{font-size:var(--font-size-xs);color:var(--color-gray);margin-bottom:var(--spacing-md)}.plan-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.plan-detail{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:var(--color-lighter);border-radius:4px}.plan-detail-label{font-size:var(--font-size-xs);color:var(--color-gray)}.plan-detail-value{font-size:var(--font-size-xs);font-weight:600}.usage-progress-bar-container{margin-bottom:var(--spacing-md)}.usage-progress-bar-track{width:100%;height:10px;background:var(--color-lighter);border-radius:5px;overflow:hidden;margin-bottom:var(--spacing-xs)}.usage-progress-bar-fill{height:100%;background:var(--color-black);border-radius:5px;transition:width .3s}.usage-progress-bar-fill.warning{background:var(--color-warning)}.usage-progress-bar-fill.over{background:var(--color-error)}.usage-progress-label{font-size:var(--font-size-sm);color:var(--color-gray)}.pool-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.pool-table th{text-align:left;font-size:var(--font-size-xs);color:var(--color-mid);font-weight:500;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light)}.pool-table td{font-size:var(--font-size-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-lighter)}.usage-consumption-note{font-size:var(--font-size-xs);color:var(--color-mid);font-style:italic}.overage-input-group{margin-bottom:var(--spacing-md)}.overage-input{width:120px;margin:var(--spacing-sm) 0}.overage-estimate{display:block;font-size:var(--font-size-sm);color:var(--color-gray)}.overage-zero-warning{padding:var(--spacing-sm) var(--spacing-md);background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;font-size:var(--font-size-sm);color:#92400e;margin-bottom:var(--spacing-md)}