.app-layout{background-color:#f4f7f6;min-height:100vh;font-family:sans-serif;font-size:1rem;display:flex}.sidebar{color:#fff;background-color:#1e293b;flex-direction:column;gap:1rem;width:250px;padding:2rem 1rem;transition:width .3s,padding .3s;display:flex;overflow-x:hidden}.sidebar.collapsed{width:60px;padding:2rem .5rem}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-left:.5rem;display:flex}.brand-title{white-space:nowrap;margin:0;font-size:1.2rem;transition:opacity .2s}.sidebar.collapsed .brand-title{opacity:0;width:0;overflow:hidden}.toggle-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;transition:color .2s;display:flex}.toggle-btn:hover{color:#fff}.sidebar.collapsed .toggle-btn{margin:0 auto}.sidebar-link{color:#cbd5e1;white-space:nowrap;border-radius:6px;align-items:center;padding:.75rem 1rem;font-size:1rem;text-decoration:none;transition:background-color .2s,color .2s,padding .3s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#fff;background-color:#334155}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.75rem .5rem}.icon{margin-right:10px;font-size:1.1rem}.sidebar.collapsed .icon{margin-right:0}.link-text{transition:opacity .2s}.sidebar.collapsed .link-text{opacity:0;width:0;overflow:hidden}.main-content{text-align:left;flex:1;padding:2rem 3rem;overflow-y:auto}.dashboard-container{max-width:1200px;font-family:sans-serif}.loading-screen{text-align:center;padding:2rem}.auth-error-screen{text-align:center;color:#e11d48;padding:4rem}.auth-error-screen p{color:#666;margin-top:1rem}.error-screen{text-align:center;color:#e11d48;padding:2rem}.not-authenticated-screen{text-align:center;padding:4rem}.login-btn{color:#fff;cursor:pointer;background-color:#0369a1;border:none;border-radius:4px;margin-top:1.5rem;padding:10px 20px}.dashboard-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.dashboard-header h1{color:#333;margin:0;font-size:2rem;line-height:1.2}.dashboard-header p{color:#666;margin-top:.5rem}.widget{border-radius:8px;margin-bottom:2rem;padding:1.5rem}.widget h2{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.25rem}.status-widget.connected{background-color:#e8f5e9;border:1px solid #c8e6c9}.status-widget.disconnected{background-color:#ffebee;border:1px solid #ffcdd2}.status-indicator{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;width:12px;height:12px}.status-dot.connected{background-color:#4caf50}.status-dot.disconnected{background-color:#f44336}.status-text.connected{color:#2e7d32}.status-text.disconnected{color:#c62828}.status-message{color:#555;margin-top:1rem;font-size:.9rem}.api-widget{background-color:#f8f9fa;border:1px solid #dee2e6}.api-widget p{color:#666;font-size:.9rem}.api-input-group{gap:10px;max-width:600px;margin-top:1rem;display:flex}.api-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;flex:1;padding:.75rem;font-family:monospace;font-size:1rem}.logout-btn{cursor:pointer;padding:8px 16px}.download-section{margin-top:1.5rem}.copy-btn{text-align:center;color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-block}.copy-btn.copied{background-color:#4caf50}.copy-btn.default{background-color:#007bff}.tiers-header-container{justify-content:space-between;align-items:center;display:flex}.tiers-widget{background-color:#fff;border:1px solid #dee2e6}.tiers-table{border-collapse:collapse;text-align:left;width:100%}.tiers-table th{color:#555;border-bottom:2px solid #eee;padding:1rem;font-weight:600}.tiers-table td{color:#333;border-bottom:1px solid #eee;padding:1rem}.tier-name{font-weight:700}.tier-description{color:#666}.customer-badge{color:#334155;background-color:#e2e8f0;border-radius:12px;padding:4px 8px;font-size:.85rem;font-weight:500}.action-btn{cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:.9rem;font-weight:500}.action-btn.edit{color:#0284c7}.action-btn.edit:hover{color:#0369a1;text-decoration:underline}.action-btn.delete{color:#e11d48}.action-btn.delete:hover{color:#be123c;text-decoration:underline}.empty-state{text-align:center;color:#666;padding:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.session-verifying,.not-authenticated-screen{text-align:center;padding:4rem}.not-authenticated-screen p{color:#666;margin-top:1rem}.onboarding-link{color:#fff;background-color:#0369a1;border-radius:4px;margin-top:1.5rem;padding:10px 20px;text-decoration:none;display:inline-block}.rules-loading{text-align:center;padding:2rem}.rules-error{color:#e11d48;text-align:center;padding:2rem}.pricing-layout{max-width:100%;margin:0}.rules-widget{background-color:#fff;border:1px solid #dee2e6}.rules-table th:first-child{width:25%}.rules-table th:nth-child(2){width:20%}.rules-table th:nth-child(3){width:25%}.rules-table th:nth-child(4){width:15%}.rules-table th:nth-child(5){width:130px}.rules-table th:nth-child(6){text-align:right;width:190px}.rule-name-cell{font-weight:700}.scope-header{margin-bottom:4px}.scope-target-details{margin-left:8px;font-size:.9rem}.scope-min-qty{color:#666;font-size:.85rem}.discount-cell{color:#0369a1;font-weight:600}.actions-cell{text-align:right}.rules-empty-state{text-align:center;color:#666;padding:2rem}.rules-table{border-collapse:collapse;text-align:left;width:100%}.rules-table th{color:#555;border-bottom:2px solid #eee;padding:1rem;font-weight:600}.rules-table td{color:#333;border-bottom:1px solid #eee;padding:1rem}.badge{white-space:nowrap;border-radius:12px;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-scope-global{color:#3730a3;background-color:#e0e7ff}.badge-scope-category{color:#854d0e;background-color:#fef08a}.badge-scope-product{color:#9a3412;background-color:#ffedd5}.badge-active{color:#166534;background-color:#dcfce7}.badge-inactive{color:#475569;background-color:#f1f5f9}.action-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin:4px 0 4px 8px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.action-btn svg{width:14px;height:14px}.action-btn.edit{color:#0284c7;background-color:#f0f9ff;border-color:#bae6fd}.action-btn.edit:hover{background-color:#e0f2fe;border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 2px 4px #0284c71a}.action-btn.delete{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.action-btn.delete:hover{background-color:#ffe4e6;border-color:#fda4af;transform:translateY(-1px);box-shadow:0 2px 4px #e11d481a}.badge-toggle{cursor:pointer;border:1px solid #0000001a;justify-content:flex-start;align-items:center;gap:8px;min-width:115px;padding:.3rem .75rem;font-family:inherit;transition:all .2s;display:inline-flex}.badge-toggle:hover{filter:brightness(.95);border-color:#0003;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.toggle-track{background-color:#94a3b8;border-radius:10px;width:26px;height:14px;transition:background-color .3s;position:relative}.badge-active .toggle-track{background-color:#22c55e}.toggle-knob{background-color:#fff;border-radius:50%;width:10px;height:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.badge-active .toggle-knob{transform:translate(12px)}.badge-toggle.is-processing{opacity:.5;cursor:wait;pointer-events:none}.badge-toggle.is-processing .toggle-knob{background-color:#e2e8f0}.create-rule-container{max-width:800px;margin:0 auto}.back-btn{color:#0369a1;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:700}.rule-form{flex-direction:column;gap:2rem;display:flex}.form-section{flex-direction:column;display:flex}.section-header{color:#334155;margin-bottom:1rem;font-size:1.2rem}.form-label{color:#1e293b;margin-bottom:.5rem;font-weight:700;display:block}.form-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.radio-group{gap:1rem;margin-bottom:1rem;display:flex}.radio-label{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:.25rem;padding:.5rem 1rem;display:flex}.dynamic-input-group{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:1rem}.section-divider{background-color:#e2e8f0;border:0;height:1px;margin:0}.flex-row{gap:1rem;display:flex}.flex-1{flex:1}.form-footer{justify-content:space-between;align-items:center;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:700;display:flex}.checkbox-input{width:18px;height:18px}.cancel-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:.75rem 1.5rem;font-weight:700}.save-btn{padding:.75rem 2rem;font-size:1rem}.feedback-container{max-width:800px;padding:2rem}.feedback-title{color:#333;margin-bottom:1rem;font-size:2rem}.feedback-intro{color:#555;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.feedback-card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000000d}.card-heading{color:#222;margin-top:0;font-size:1.4rem}.card-text{color:#666;margin-bottom:1.5rem;line-height:1.5}.feedback-btn{color:#fff;background-color:#007bff;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.feedback-btn:hover{background-color:#0056b3}.partner-section{border-top:1px solid #eee;margin-top:3rem;padding-top:2rem}.partner-heading{color:#333;font-size:1.3rem}.partner-text{color:#555;line-height:1.6}