@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600;8..60,700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600;8..60,700&display=swap";.page-header h1,.page-title{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:4px;color:var(--cl-ink)}.page-header p,.page-subtitle{font-size:14px;color:var(--cl-ink-3)}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.page-header-row .page-title{margin-bottom:4px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.dash-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px;transition:transform .2s,box-shadow .2s}.dash-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:28px;font-weight:700;letter-spacing:-1px;margin-bottom:2px;color:var(--cl-ink)}.stat-label{font-size:13px;color:var(--cl-ink-3)}.stat-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stat-trend.up{color:var(--cl-teal)}.stat-trend.down{color:var(--cl-red)}.stat-trend.neutral{color:var(--cl-ink-3)}.emission-chart-wrap{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.emission-chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.emission-chart-header h3{font-size:15px;font-weight:600;margin-bottom:4px;letter-spacing:-.2px}.emission-chart-header p{font-size:13px;color:var(--cl-ink-3)}.emission-chart-legend{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--cl-ink-3)}.emission-chart-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.usage-bar-wrap{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px}.usage-bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;color:var(--cl-ink-2)}.usage-bar-label span:last-child{font-weight:600;color:var(--cl-ink)}.usage-bar{height:8px;background:var(--cl-border);border-radius:4px;overflow:hidden;margin-bottom:16px}.usage-bar-fill{height:100%;background:var(--cl-teal);border-radius:4px;transition:width .5s cubic-bezier(.22,1,.36,1)}.usage-bar-fill.amber{background:#ef9f27}.usage-bar-fill.red{background:var(--cl-red)}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;font-family:var(--font-body);text-align:center}.quick-action-btn:hover{border-color:var(--cl-green);background:var(--cl-green-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quick-action-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--cl-green-light);color:var(--cl-green)}.quick-action-btn:hover .quick-action-icon{background:var(--cl-green);color:#fff}.quick-action-label{font-size:13px;font-weight:500;color:var(--cl-ink-2)}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.integration-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:20px;transition:box-shadow .2s}.integration-card:hover{box-shadow:var(--shadow-md)}.integration-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.integration-card-info{display:flex;align-items:center;gap:12px}.integration-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--cl-off);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.integration-name{font-size:15px;font-weight:600;margin-bottom:2px;letter-spacing:-.2px}.integration-type{font-size:12px;color:var(--cl-ink-3)}.integration-meta{font-size:13px;color:var(--cl-ink-3);display:flex;align-items:center;gap:8px;margin-top:6px}.integration-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.integration-status-dot.connected{background:var(--cl-teal)}.integration-status-dot.disconnected{background:var(--cl-ink-4)}.toggle-switch{position:relative;width:40px;height:22px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cl-border);border-radius:11px;transition:background .2s}.toggle-switch input:checked+.toggle-track{background:var(--cl-teal)}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle-switch input:checked~.toggle-thumb{transform:translate(18px)}.api-key-section{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.api-key-box{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--cl-off);border:1px solid var(--cl-border);border-radius:var(--radius-md);margin-bottom:12px}.api-key-value{flex:1;font-family:Courier New,monospace;font-size:13px;color:var(--cl-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-key-name{font-size:13px;font-weight:500;color:var(--cl-ink);margin-bottom:6px}.api-key-meta{font-size:12px;color:var(--cl-ink-4);margin-bottom:10px}.connector-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);transition:box-shadow .2s,border-color .2s;cursor:pointer}.connector-card:hover{border-color:var(--cl-green);box-shadow:var(--shadow-sm)}.connector-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--cl-green-light);color:var(--cl-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.connector-card-info h4{font-size:14px;font-weight:500;margin-bottom:2px}.connector-card-info p{font-size:12px;color:var(--cl-ink-3)}.report-filters{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.report-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--cl-white);border-bottom:1px solid var(--cl-border);transition:background .15s}.report-card:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.report-card:last-child{border-bottom:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.report-card:only-child{border-radius:var(--radius-lg)}.report-card:hover{background:var(--cl-off)}.report-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--cl-blue-light);color:var(--cl-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-info{flex:1;min-width:0}.report-title{font-size:14px;font-weight:500;color:var(--cl-ink);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-meta{font-size:12px;color:var(--cl-ink-3);display:flex;align-items:center;gap:10px}.report-download-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--cl-border);border-radius:var(--radius-md);background:var(--cl-white);font-size:13px;font-weight:500;color:var(--cl-ink-2);cursor:pointer;transition:all .15s;font-family:var(--font-body);white-space:nowrap;flex-shrink:0}.report-download-btn:hover{background:var(--cl-green-light);border-color:var(--cl-green);color:var(--cl-green-dark)}.ticket-form{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px}.ticket-form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--cl-border);cursor:pointer;transition:background .15s}.ticket-form-header:hover{background:var(--cl-off)}.ticket-form-header h3{font-size:15px;font-weight:600}.ticket-form-body{padding:20px}.ticket-list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--cl-border);background:var(--cl-white);transition:background .15s}.ticket-list-item:last-child{border-bottom:none}.ticket-list-item:hover{background:var(--cl-off)}.ticket-list-info{flex:1;min-width:0}.ticket-list-title{font-size:14px;font-weight:500;color:var(--cl-ink);margin-bottom:3px}.ticket-list-meta{font-size:12px;color:var(--cl-ink-3);display:flex;align-items:center;gap:10px}.ticket-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;flex-shrink:0}.ticket-badge.open{background:var(--cl-amber-light);color:var(--cl-amber)}.ticket-badge.in-progress{background:var(--cl-blue-light);color:var(--cl-blue)}.ticket-badge.resolved{background:var(--cl-green-light);color:var(--cl-green-dark)}.ticket-badge.closed{background:var(--cl-off);color:var(--cl-ink-3)}.priority-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.priority-badge.high{background:var(--cl-red-light);color:var(--cl-red)}.priority-badge.medium{background:var(--cl-amber-light);color:var(--cl-amber)}.priority-badge.low{background:var(--cl-green-light);color:var(--cl-green-dark)}.help-search{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--cl-white);border:1.5px solid var(--cl-border);border-radius:var(--radius-lg);margin-bottom:32px;transition:border-color .2s,box-shadow .2s}.help-search:focus-within{border-color:var(--cl-green);box-shadow:0 0 0 3px #0f6e5614}.help-search svg{color:var(--cl-ink-3);flex-shrink:0}.help-search input{flex:1;border:none;outline:none;font-size:15px;font-family:var(--font-body);color:var(--cl-ink);background:transparent}.help-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.help-article-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;text-align:center}.help-article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--cl-green)}.help-article-card-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--cl-green-light);color:var(--cl-green);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.help-article-card h3{font-size:15px;font-weight:600;margin-bottom:6px;letter-spacing:-.2px}.help-article-card p{font-size:12px;color:var(--cl-ink-3)}.help-featured-list{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden}.help-featured-item{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--cl-border);cursor:pointer;transition:background .15s}.help-featured-item:last-child{border-bottom:none}.help-featured-item:hover{background:var(--cl-off)}.help-featured-item h4{font-size:14px;font-weight:500;margin-bottom:2px;color:var(--cl-ink)}.help-featured-item p{font-size:12px;color:var(--cl-ink-3)}.billing-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.billing-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--cl-border)}.billing-card-header h3{font-size:16px;font-weight:600;letter-spacing:-.2px}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600}.plan-badge.professional{background:var(--cl-purple-light);color:var(--cl-purple)}.plan-badge.starter{background:var(--cl-blue-light);color:var(--cl-blue)}.plan-badge.enterprise{background:var(--cl-green-light);color:var(--cl-green-dark)}.plan-price{font-size:36px;font-weight:700;letter-spacing:-1.5px;color:var(--cl-ink);margin-bottom:4px}.plan-price span{font-size:16px;font-weight:500;color:var(--cl-ink-3)}.plan-features{list-style:none;margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.plan-feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cl-ink-2)}.plan-feature-item svg{color:var(--cl-teal);flex-shrink:0}.payment-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--cl-border)}.payment-row:last-child{border-bottom:none}.payment-row-desc{flex:1}.payment-row-desc .payment-title{font-size:14px;font-weight:500;color:var(--cl-ink);margin-bottom:2px}.payment-row-desc .payment-date{font-size:12px;color:var(--cl-ink-3)}.payment-amount{font-size:15px;font-weight:600;color:var(--cl-ink)}.payment-method-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--cl-off);border:1px solid var(--cl-border);border-radius:var(--radius-md);margin-bottom:16px}.payment-method-icon{width:48px;height:32px;background:var(--cl-ink);border-radius:6px;display:flex;align-items:center;justify-content:center}.payment-method-details .card-type{font-size:13px;font-weight:500;color:var(--cl-ink)}.payment-method-details .card-number{font-size:12px;color:var(--cl-ink-3)}.settings-section{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px}.settings-section-header{padding:20px 24px;border-bottom:1px solid var(--cl-border)}.settings-section-header h3{font-size:15px;font-weight:600;margin-bottom:2px}.settings-section-header p{font-size:13px;color:var(--cl-ink-3)}.settings-form{padding:24px}.settings-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-form-footer{display:flex;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--cl-border);gap:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--cl-border)}.toggle-row:last-child{border-bottom:none}.toggle-row-info h4{font-size:14px;font-weight:500;color:var(--cl-ink);margin-bottom:2px}.toggle-row-info p{font-size:13px;color:var(--cl-ink-3)}.summary-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:20px}.summary-card-label{font-size:12px;color:var(--cl-ink-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.summary-card-value{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--cl-ink)}.summary-card-sub{font-size:12px;color:var(--cl-ink-3);margin-top:4px}.customer-two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.customer-activity-feed{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden}.customer-activity-header{padding:16px 20px;border-bottom:1px solid var(--cl-border)}.customer-activity-header h3{font-size:15px;font-weight:600;letter-spacing:-.2px}.customer-activity-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--cl-border);transition:background .15s}.customer-activity-item:last-child{border-bottom:none}.customer-activity-item:hover{background:var(--cl-off)}.customer-activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.customer-activity-dot.green{background:var(--cl-teal)}.customer-activity-dot.blue{background:var(--cl-blue)}.customer-activity-dot.amber{background:#ef9f27}.customer-activity-dot.purple{background:var(--cl-purple)}.customer-activity-text{font-size:13px;color:var(--cl-ink-2);line-height:1.4}.customer-activity-text strong{color:var(--cl-ink);font-weight:500}.customer-activity-time{font-size:11px;color:var(--cl-ink-4);margin-top:2px}.sync-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.sync-status-badge.active{background:var(--cl-green-light);color:var(--cl-green-dark)}.sync-status-badge.inactive{background:var(--cl-off);color:var(--cl-ink-3)}.sync-status-dot{width:6px;height:6px;border-radius:50%}.sync-status-badge.active .sync-status-dot{background:var(--cl-teal)}.sync-status-badge.inactive .sync-status-dot{background:var(--cl-ink-4)}.report-list-container,.ticket-list-container{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden}.copy-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--cl-border);border-radius:var(--radius-sm);background:var(--cl-white);font-size:12px;color:var(--cl-ink-3);cursor:pointer;transition:all .15s;font-family:var(--font-body);flex-shrink:0}.copy-btn:hover{background:var(--cl-off);color:var(--cl-ink)}.copy-btn.copied{color:var(--cl-teal);border-color:var(--cl-teal)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:16px;font-weight:600;letter-spacing:-.2px}@media(max-width:1200px){.dash-grid{grid-template-columns:repeat(2,1fr)}.integrations-grid{grid-template-columns:1fr}.help-category-grid{grid-template-columns:repeat(2,1fr)}.plan-features,.customer-two-col{grid-template-columns:1fr}.summary-cards-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dash-grid{grid-template-columns:1fr}.help-category-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.settings-form-grid{grid-template-columns:1fr}.page-header-row{flex-direction:column;align-items:stretch}.summary-cards-row{grid-template-columns:1fr}}@media(max-width:480px){.help-category-grid,.quick-actions-grid{grid-template-columns:1fr}.report-card{flex-direction:column;align-items:flex-start;gap:10px}}.calc-scope-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.calc-scope-card{background:var(--cl-white);border:1.5px solid var(--cl-border);border-radius:var(--radius-lg);padding:16px 18px;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:12px;transition:border-color .15s,box-shadow .15s}.calc-scope-card:hover{border-color:#9ca3af;box-shadow:0 2px 8px #0000000f}.calc-scope-card.active{box-shadow:0 0 0 3px #0f6e5614}.calc-scope-card.total{cursor:default;background:var(--cl-off)}.calc-scope-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.calc-scope-card-inner{flex:1;min-width:0}.calc-scope-label{font-size:12px;color:var(--cl-ink-3);font-weight:500;margin-bottom:4px;letter-spacing:.02em}.calc-scope-value{font-size:20px;font-weight:700;color:var(--cl-ink);letter-spacing:-.5px;line-height:1.1}.calc-scope-unit{font-size:12px;font-weight:400;color:var(--cl-ink-3)}.calc-scope-count{font-size:12px;color:var(--cl-ink-3);margin-top:4px}.calc-main-grid{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start;margin-bottom:20px}.calc-form-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px}.calc-scope-tabs{display:flex;gap:0;border-bottom:1px solid var(--cl-border);margin-bottom:16px}.calc-scope-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 16px;font-size:13px;font-weight:500;color:var(--cl-ink-3);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.calc-scope-tab:hover{color:var(--cl-ink)}.calc-scope-tab.active{color:var(--cl-green);border-bottom-color:var(--cl-green)}.calc-scope-desc{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--cl-ink-3);background:var(--cl-off);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:18px;line-height:1.5}.calc-form-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.calc-unit-hint{font-size:12px;color:var(--cl-teal);font-weight:400;margin-left:4px}.calc-preview{background:var(--cl-off);border:1px solid var(--cl-border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px;opacity:.4;transition:opacity .2s;display:flex;align-items:center;justify-content:space-between;gap:8px}.calc-preview.visible{opacity:1}.calc-preview-inner{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cl-ink)}.calc-preview-inner strong{color:var(--cl-green);font-size:15px;font-weight:700}.calc-preview-note{font-size:11px;color:var(--cl-ink-3)}.calc-preview-factor{font-size:11px;color:var(--cl-ink-3);white-space:nowrap}.calc-success-toast{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--cl-green);font-weight:500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.calc-entries-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden}.calc-entries-header{padding:18px 24px;border-bottom:1px solid var(--cl-border)}.calc-entries-header h3{font-size:15px;font-weight:600;letter-spacing:-.2px}.calc-entries-total{font-size:14px;font-weight:700;color:var(--cl-green)}.calc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;color:var(--cl-ink-3);gap:8px;text-align:center}.calc-empty p{font-size:14px;font-weight:500;color:var(--cl-ink-2);margin:0}.calc-empty span{font-size:13px}.calc-table-wrap{overflow-x:auto}.calc-table{width:100%;border-collapse:collapse;font-size:13px}.calc-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--cl-ink-3);text-transform:uppercase;letter-spacing:.05em;background:var(--cl-off);border-bottom:1px solid var(--cl-border)}.calc-table td{padding:12px 14px;border-bottom:1px solid var(--cl-border);vertical-align:middle}.calc-table tbody tr:last-child td{border-bottom:none}.calc-table tbody tr:hover{background:var(--cl-off)}.calc-table-foot td{padding:12px 14px;background:var(--cl-off);font-size:13px;font-weight:600;border-top:1px solid var(--cl-border)}.calc-delete-btn{background:none;border:none;cursor:pointer;color:var(--cl-ink-3);padding:4px 6px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.calc-delete-btn:hover{color:#ef4444;background:#fef2f2}.calc-edit-btn{background:none;border:none;cursor:pointer;color:var(--cl-ink-3);padding:4px 6px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.calc-edit-btn:hover{color:var(--cl-green);background:var(--cl-green-light)}.calc-breakdown-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}.calc-breakdown-two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.calc-breakdown-bars{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.calc-breakdown-row{display:grid;grid-template-columns:80px 1fr 100px 50px;align-items:center;gap:12px}.calc-breakdown-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--cl-ink)}.calc-breakdown-bar-wrap{height:8px;background:var(--cl-border);border-radius:99px;overflow:hidden}.calc-breakdown-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.calc-breakdown-value{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:var(--cl-ink)}.calc-breakdown-pct{font-size:12px;color:var(--cl-ink-3);text-align:right}.calc-grand-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--cl-border);font-size:14px;font-weight:600}.calc-grand-total-value{font-size:20px;font-weight:700;color:var(--cl-green);letter-spacing:-.5px}.calc-export-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--cl-border);border-radius:var(--radius-md);background:var(--cl-white);cursor:pointer;text-align:left;width:100%;transition:border-color .15s,box-shadow .15s}.calc-export-option:hover{border-color:var(--cl-teal);box-shadow:0 0 0 3px #1d9e7514}.calc-export-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.calc-period-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.calc-target-banner{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.calc-target-bar-wrap{flex:1;min-width:120px;height:8px;background:var(--cl-border);border-radius:99px;overflow:hidden}.calc-target-bar-fill{height:100%;border-radius:99px;transition:width .5s ease}.calc-suggestions-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden}.calc-suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent;transition:background .15s}.calc-suggestions-header:hover{background:var(--cl-off)}.calc-suggestions-header.open{border-bottom-color:var(--cl-border)}.calc-suggestions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.calc-suggestion-item{display:flex;gap:14px;padding:16px 20px;border-right:1px solid var(--cl-border);border-bottom:1px solid var(--cl-border)}.calc-suggestion-item:nth-child(2n){border-right:none}.calc-suggestion-item:nth-last-child(-n+2){border-bottom:none}.calc-suggestion-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.import-preview-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:12px}.import-preview-table th{background:var(--cl-off);padding:8px 10px;text-align:left;font-weight:600;color:var(--cl-ink-3);font-size:11px;text-transform:uppercase;border-bottom:1px solid var(--cl-border)}.import-preview-table td{padding:8px 10px;border-bottom:1px solid var(--cl-border);color:var(--cl-ink-2)}.import-preview-table tr:last-child td{border-bottom:none}.import-preview-table tr.invalid-row td{background:#fef2f2;color:var(--cl-ink-3)}.import-preview-table tr.valid-row:hover td{background:var(--cl-off)}.import-preview-table tr.fuzzy-row td{background:#fffbeb}.import-preview-table tr.fuzzy-row:hover td{background:#fef3c7}.calc-anomaly-alert{display:flex;align-items:flex-start;gap:12px;background:#fff7ed;border:1px solid #FED7AA;border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:8px}.calc-wizard-steps{display:flex;align-items:center;gap:6px;margin-bottom:24px;justify-content:center}.calc-wizard-step-dot{width:8px;height:8px;border-radius:50%;background:var(--cl-border);transition:background .2s,width .2s}.calc-wizard-step-dot.active{background:var(--cl-green);width:24px;border-radius:4px}.calc-wizard-step-dot.done{background:var(--cl-green);opacity:.4}@media(max-width:1024px){.calc-scope-cards{grid-template-columns:repeat(2,1fr)}.calc-main-grid{grid-template-columns:1fr}.calc-breakdown-two-col{grid-template-columns:1fr;gap:28px}}@media(max-width:640px){.calc-scope-cards{grid-template-columns:1fr 1fr}.calc-breakdown-row{grid-template-columns:70px 1fr 80px}.calc-breakdown-pct{display:none}}@media(max-width:768px){.calc-suggestions-list{grid-template-columns:1fr}.calc-suggestion-item{border-right:none}.calc-suggestion-item:nth-last-child(-n+2){border-bottom:1px solid var(--cl-border)}.calc-suggestion-item:last-child{border-bottom:none}}.pub-wrap{font-family:DM Sans,system-ui,sans-serif;color:#0d1117;background:#fff;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.pub-wrap *,.pub-wrap *:before,.pub-wrap *:after{box-sizing:border-box;margin:0;padding:0}.pub-container{max-width:1140px;margin:0 auto;padding:0 28px}.pub-nav{position:sticky;top:0;z-index:100;background:#030f0a;border-bottom:1px solid rgba(255,255,255,.06);height:64px;display:flex;align-items:center}.pub-nav-inner{display:flex;align-items:center;gap:32px;width:100%}.pub-nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font-weight:700;font-size:17px;letter-spacing:-.3px;flex-shrink:0}.pub-nav-logo svg{stroke:#1d9e75}.pub-nav-links{display:flex;align-items:center;gap:24px;flex:1;margin-left:8px}.pub-nav-links a{font-size:14px;color:#fff9;text-decoration:none;transition:color .15s}.pub-nav-links a:hover{color:#fff}.pub-nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.pub-nav-login{background:none;border:none;font-size:14px;color:#ffffffa6;cursor:pointer;font-family:inherit;padding:6px 14px;border-radius:7px;transition:color .15s,background .15s}.pub-nav-login:hover{color:#fff;background:#ffffff12}.pub-nav-signup{background:#1d9e75;border:none;font-size:13px;font-weight:700;color:#030f0a;cursor:pointer;font-family:inherit;padding:8px 18px;border-radius:7px;transition:opacity .15s}.pub-nav-signup:hover{opacity:.88}.pub-main{flex:1}.pub-hero{background:#030f0a;padding:72px 0 60px;text-align:center}.pub-hero-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#1d9e75;margin-bottom:14px}.pub-hero h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(32px,5vw,52px);font-weight:600;color:#fff;letter-spacing:-1px;line-height:1.15;max-width:720px;margin:0 auto 16px}.pub-hero p{font-size:17px;color:#ffffff8c;max-width:560px;margin:0 auto;line-height:1.65}.pub-section{padding:72px 0}.pub-section-alt{background:#f8f9fa}.pub-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#0f6e56;margin-bottom:10px}.pub-section h2{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(26px,4vw,38px);font-weight:600;letter-spacing:-.5px;line-height:1.2;color:#0d1117;margin-bottom:14px}.pub-section p.pub-lead{font-size:16px;color:#6b7280;max-width:600px;line-height:1.7;margin-bottom:40px}.pub-section h3{font-size:20px;font-weight:600;color:#0d1117;margin-bottom:10px;letter-spacing:-.3px}.pub-section p{font-size:15px;color:#4b5563;line-height:1.7}.pub-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.pub-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:28px 24px;transition:box-shadow .18s,transform .18s}.pub-card:hover{box-shadow:0 6px 24px #00000012;transform:translateY(-2px)}.pub-card-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:22px}.pub-card h4{font-size:16px;font-weight:700;color:#0d1117;margin-bottom:8px}.pub-card p{font-size:14px;color:#6b7280;line-height:1.65}.pub-two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.pub-form{display:flex;flex-direction:column;gap:18px}.pub-form label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:5px}.pub-form input,.pub-form select,.pub-form textarea{width:100%;padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-family:inherit;color:#0d1117;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.pub-form input:focus,.pub-form select:focus,.pub-form textarea:focus{border-color:#0f6e56;box-shadow:0 0 0 3px #0f6e561a}.pub-form textarea{resize:vertical;min-height:130px}.pub-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pub-btn-submit{background:#0f6e56;color:#fff;border:none;font-size:14px;font-weight:700;font-family:inherit;padding:12px 28px;border-radius:9px;cursor:pointer;transition:background .15s;align-self:flex-start}.pub-btn-submit:hover{background:#085041}.pub-contact-info{display:flex;flex-direction:column;gap:24px}.pub-contact-item{display:flex;gap:14px;align-items:flex-start}.pub-contact-item-icon{width:40px;height:40px;border-radius:10px;background:#f0fdf4;border:1px solid #BBF7D0;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pub-contact-item h4{font-size:14px;font-weight:700;color:#0d1117;margin-bottom:3px}.pub-contact-item p{font-size:13px;color:#6b7280;line-height:1.5}.pub-contact-item a{color:#0f6e56;text-decoration:none}.pub-contact-item a:hover{text-decoration:underline}.pub-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.pub-blog-card{border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;transition:box-shadow .18s,transform .18s;cursor:pointer;text-decoration:none;color:inherit;display:block}.pub-blog-card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-2px)}.pub-blog-thumb{height:170px;display:flex;align-items:center;justify-content:center;font-size:48px}.pub-blog-body{padding:20px}.pub-blog-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#0f6e56;margin-bottom:8px}.pub-blog-card h3{font-size:16px;font-weight:700;color:#0d1117;margin-bottom:8px;line-height:1.4}.pub-blog-card p{font-size:13px;color:#6b7280;line-height:1.6;margin-bottom:14px}.pub-blog-meta{font-size:12px;color:#9ca3af;display:flex;gap:12px}.pub-help-search-wrap{max-width:540px;margin:32px auto 0;position:relative}.pub-help-search{width:100%;padding:14px 18px 14px 46px;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:15px;font-family:inherit;background:#ffffff12;color:#fff;outline:none;transition:border-color .15s}.pub-help-search::placeholder{color:#ffffff59}.pub-help-search:focus{border-color:#1d9e75}.pub-help-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#fff6}.pub-help-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}.pub-help-cat{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px 20px;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;text-decoration:none;color:inherit;display:block}.pub-help-cat:hover{border-color:#0f6e56;box-shadow:0 4px 14px #0f6e561a;transform:translateY(-2px)}.pub-help-cat-icon{font-size:30px;margin-bottom:10px}.pub-help-cat h4{font-size:14px;font-weight:700;color:#0d1117;margin-bottom:4px}.pub-help-cat p{font-size:12px;color:#9ca3af}.pub-article-list{display:flex;flex-direction:column;gap:1px;margin-top:40px}.pub-article-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;text-decoration:none;color:inherit;transition:background .12s,border-color .12s;margin-bottom:8px}.pub-article-item:hover{background:#f0fdf4;border-color:#6ee7b7}.pub-article-item-icon{font-size:20px;flex-shrink:0}.pub-article-item h4{font-size:14px;font-weight:600;color:#0d1117;margin-bottom:2px}.pub-article-item p{font-size:12px;color:#9ca3af}.pub-article-item-arrow{margin-left:auto;color:#9ca3af;font-size:18px}.pub-api-endpoint{background:#f8f9fa;border:1px solid #E5E7EB;border-radius:10px;padding:18px 20px;margin-bottom:14px;display:flex;align-items:flex-start;gap:14px}.pub-api-method{font-size:11px;font-weight:800;padding:3px 8px;border-radius:5px;flex-shrink:0;font-family:monospace;letter-spacing:.5px}.pub-api-method.get{background:#dcfce7;color:#15803d}.pub-api-method.post{background:#dbeafe;color:#1d4ed8}.pub-api-method.put{background:#fef9c3;color:#854d0e}.pub-api-method.del{background:#fee2e2;color:#b91c1c}.pub-api-endpoint h4{font-size:14px;font-weight:700;font-family:monospace;color:#0d1117;margin-bottom:3px}.pub-api-endpoint p{font-size:13px;color:#6b7280}.pub-code-block{background:#0d1117;border-radius:10px;padding:20px 22px;font-size:13px;font-family:Courier New,monospace;color:#d1fae5;line-height:1.7;overflow-x:auto;margin:16px 0}.pub-code-block .c-key{color:#93c5fd}.pub-code-block .c-val{color:#86efac}.pub-code-block .c-str{color:#fde68a}.pub-code-block .c-grey{color:#6b7280}.pub-job-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;transition:box-shadow .15s,transform .15s;margin-bottom:16px}.pub-job-card:hover{box-shadow:0 4px 20px #00000012;transform:translateY(-1px)}.pub-job-dept{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#0f6e56;margin-bottom:6px}.pub-job-card h3{font-size:18px;font-weight:700;color:#0d1117;margin-bottom:8px}.pub-job-tags{display:flex;gap:8px;flex-wrap:wrap}.pub-job-tag{font-size:12px;background:#f3f4f6;color:#374151;padding:3px 10px;border-radius:20px;font-weight:500}.pub-job-apply{background:#0f6e56;color:#fff;border:none;font-size:13px;font-weight:700;font-family:inherit;padding:10px 22px;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;align-self:center;transition:background .15s}.pub-job-apply:hover{background:#085041}.pub-legal{max-width:760px;margin:0 auto;padding:64px 28px}.pub-legal h1{font-family:"Source Serif 4",Georgia,serif;font-size:36px;font-weight:600;color:#0d1117;margin-bottom:8px;letter-spacing:-.5px}.pub-legal .pub-legal-date{font-size:13px;color:#9ca3af;margin-bottom:48px;display:block}.pub-legal h2{font-size:20px;font-weight:700;color:#0d1117;margin:36px 0 12px}.pub-legal h3{font-size:16px;font-weight:700;color:#0d1117;margin:24px 0 8px}.pub-legal p{font-size:15px;color:#4b5563;line-height:1.8;margin-bottom:14px}.pub-legal ul{padding-left:22px;margin-bottom:14px}.pub-legal ul li{font-size:15px;color:#4b5563;line-height:1.8;margin-bottom:4px}.pub-legal a{color:#0f6e56}.pub-legal hr{border:none;border-top:1px solid #E5E7EB;margin:40px 0}.pub-footer{background:#030f0a;border-top:1px solid rgba(255,255,255,.06);padding:52px 0 28px}.pub-footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:44px}.pub-footer-brand p{font-size:13px;color:#ffffff59;margin-top:10px;max-width:230px;line-height:1.65}.pub-footer-brand .pub-nav-logo{color:#fff}.pub-footer-cols{display:flex;gap:52px}.pub-footer-col h5{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d;margin-bottom:14px;font-weight:700}.pub-footer-col a{display:block;font-size:13px;color:#ffffff80;text-decoration:none;padding:4px 0;transition:color .15s}.pub-footer-col a:hover{color:#ffffffe6}.pub-footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffffff40;flex-wrap:wrap;gap:8px}@media(max-width:900px){.pub-grid-3,.pub-blog-grid,.pub-help-cats{grid-template-columns:1fr 1fr}.pub-two-col{grid-template-columns:1fr;gap:40px}}@media(max-width:640px){.pub-nav-links{display:none}.pub-grid-3,.pub-blog-grid{grid-template-columns:1fr}.pub-help-cats{grid-template-columns:1fr 1fr}.pub-form-row{grid-template-columns:1fr}.pub-footer-grid{flex-direction:column}.pub-footer-cols{flex-direction:column;gap:24px}.pub-footer-bottom{flex-direction:column;text-align:center}.pub-job-card{flex-direction:column}}:root{--cl-ink: #0D1117;--cl-ink-2: #3D4450;--cl-ink-3: #6B7280;--cl-ink-4: #9CA3AF;--cl-white: #FFFFFF;--cl-off: #F8F9FA;--cl-border: #E5E7EB;--cl-green: #0F6E56;--cl-green-light: #E1F5EE;--cl-green-dark: #085041;--cl-blue: #185FA5;--cl-blue-light: #E6F1FB;--cl-purple: #534AB7;--cl-purple-light: #EEEDFE;--cl-amber: #854F0B;--cl-amber-light: #FAEEDA;--cl-teal: #1D9E75;--font-display: "Source Serif 4", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--hero-bg: #030f0a;--hero-surface: #071a10}.landing{font-family:var(--font-body);color:var(--cl-ink);background:var(--cl-white);line-height:1.6;-webkit-font-smoothing:antialiased}.landing *,.landing *:before,.landing *:after{box-sizing:border-box;margin:0;padding:0}.container{max-width:1160px;margin:0 auto;padding:0 28px}.landing>nav{position:sticky;top:0;z-index:200;background:#030f0ad1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.nav-logo svg{width:28px;height:28px;stroke:var(--cl-teal)}.nav-logo span{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.4px;color:#fff}.nav-links{display:flex;align-items:center;gap:36px;list-style:none}.nav-links a{font-size:14px;color:#ffffffa6;text-decoration:none;transition:color .2s;font-weight:450}.nav-links a:hover{color:#fff}.nav-cta{padding:8px 20px!important;background:var(--cl-teal)!important;color:#fff!important;border-radius:8px;font-weight:500!important;transition:opacity .2s,transform .15s,box-shadow .2s!important}.nav-cta:hover{opacity:.9!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #1d9e7559!important}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;color:#fffc;padding:4px}.hero{padding:120px 0 100px;text-align:center;position:relative;overflow:hidden;background:var(--hero-bg);isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;z-index:0;pointer-events:none}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,transparent,var(--hero-bg));z-index:1;pointer-events:none}.hero .container{position:relative;z-index:2}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1}.hero-orb-1{top:-120px;left:50%;transform:translate(-60%);width:600px;height:600px;background:radial-gradient(circle,rgba(15,110,86,.35) 0%,transparent 70%);animation:orbFloat1 12s ease-in-out infinite}.hero-orb-2{top:0;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(29,158,117,.18) 0%,transparent 70%);animation:orbFloat2 16s ease-in-out infinite}.hero-orb-3{bottom:60px;left:-80px;width:350px;height:350px;background:radial-gradient(circle,rgba(83,74,183,.15) 0%,transparent 70%);animation:orbFloat3 14s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(-60%) scale(1)}50%{transform:translate(-55%) scale(1.08)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,30px) scale(1.05)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.06)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#1d9e751f;border:1px solid rgba(29,158,117,.25);color:#5eead4;border-radius:24px;font-size:13px;font-weight:500;margin-bottom:28px;letter-spacing:.1px}.hero-badge:before{content:"";width:6px;height:6px;background:var(--cl-teal);border-radius:50%;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #1d9e7566}50%{opacity:.7;transform:scale(1.3);box-shadow:0 0 0 4px #1d9e7500}}.hero h1{font-family:var(--font-body);font-size:clamp(40px,5.5vw,68px);font-weight:700;line-height:1.05;letter-spacing:-2px;max-width:800px;margin:0 auto 24px;color:#fff}.hero h1 em{font-style:normal;background:linear-gradient(135deg,#1d9e75,#5eead4,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:18px;color:#ffffff8c;max-width:520px;margin:0 auto 40px;line-height:1.65;font-weight:400}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:56px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--cl-teal);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;box-shadow:0 0 #1d9e7500}.btn-primary:hover{background:#18b585;transform:translateY(-2px);box-shadow:0 8px 32px #1d9e7566}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#ffffff0f;color:#fffc;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:15px;font-weight:500;font-family:var(--font-body);cursor:pointer;text-decoration:none;transition:background .15s,transform .15s,border-color .15s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.hero-proof{display:flex;align-items:center;justify-content:center;gap:32px;font-size:13px;color:#ffffff59;flex-wrap:wrap}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{width:14px;height:14px;color:var(--cl-teal)}.logos{padding:56px 0;background:#fff;border-bottom:1px solid var(--cl-border);text-align:center}.logos p{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--cl-ink-4);margin-bottom:28px;font-weight:500}.logos-grid{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap}.logos-grid span{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--cl-ink-4);letter-spacing:-.3px;transition:color .25s;cursor:default}.logos-grid span:hover{color:var(--cl-ink-2)}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--cl-teal);font-weight:600;margin-bottom:14px}.section-title{font-family:var(--font-body);font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.1;letter-spacing:-1.2px;margin-bottom:16px;color:var(--cl-ink)}.section-sub{font-size:16px;color:var(--cl-ink-3);max-width:500px;margin-bottom:56px;line-height:1.65}.how{padding:112px 0;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:36px 32px;background:var(--cl-off);border-radius:20px;border:1px solid var(--cl-border);transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.step:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s;border-radius:0 0 20px 20px}.step:nth-child(1):after{background:var(--cl-blue)}.step:nth-child(2):after{background:var(--cl-purple)}.step:nth-child(3):after{background:var(--cl-teal)}.step:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000000f;border-color:transparent}.step:hover:after{opacity:1}.step-num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;font-size:14px;font-weight:700;margin-bottom:24px;transition:transform .3s}.step:hover .step-num{transform:scale(1.1) rotate(-5deg)}.steps>div:nth-child(1) .step-num{background:var(--cl-blue-light);color:var(--cl-blue)}.steps>div:nth-child(2) .step-num{background:var(--cl-purple-light);color:var(--cl-purple)}.steps>div:nth-child(3) .step-num{background:var(--cl-green-light);color:var(--cl-green-dark)}.step h3{font-size:19px;font-weight:600;margin-bottom:10px;letter-spacing:-.4px;color:var(--cl-ink)}.step p{font-size:14px;color:var(--cl-ink-3);line-height:1.65}.step-tag{display:inline-block;font-size:11px;padding:4px 12px;border-radius:8px;font-weight:600;margin-top:18px;letter-spacing:.2px}.steps>div:nth-child(1) .step-tag{background:var(--cl-blue-light);color:var(--cl-blue)}.steps>div:nth-child(2) .step-tag{background:var(--cl-purple-light);color:var(--cl-purple)}.steps>div:nth-child(3) .step-tag{background:var(--cl-green-light);color:var(--cl-green-dark)}.features{padding:112px 0;background:var(--hero-bg);position:relative;overflow:hidden}.features:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.features .section-label{color:#5eead4}.features .section-title{color:#fff}.features .section-sub{color:#ffffff73}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}.feature{padding:28px 26px 26px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:20px;transition:background .3s,transform .28s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}.feature:hover{background:#fff1;transform:translateY(-5px);box-shadow:0 22px 52px #00000073}.feat-span2{grid-column:span 2;display:flex;flex-direction:row;gap:32px;align-items:flex-start}.feat-span2 .feature-body{flex:1}.feat-span2 .feature-icon{margin-bottom:0;flex-shrink:0}.feat-accent{position:absolute;top:0;left:0;right:0;height:2px;border-radius:20px 20px 0 0}.feat-accent-green{background:linear-gradient(90deg,#1d9e75,#34d399)}.feat-accent-teal{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.feat-accent-purple{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.feat-accent-amber{background:linear-gradient(90deg,#d97706,#fbbf24)}.feat-accent-blue{background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.feat-accent-rose{background:linear-gradient(90deg,#be185d,#fb7185)}.feat-green:hover{border-color:#1d9e754d;box-shadow:0 22px 52px #1d9e751f}.feat-teal:hover{border-color:#2dd4bf4d;box-shadow:0 22px 52px #2dd4bf1a}.feat-purple:hover{border-color:#a78bfa4d;box-shadow:0 22px 52px #7c3aed1f}.feat-amber:hover{border-color:#fbbf244d;box-shadow:0 22px 52px #d977061a}.feat-blue:hover{border-color:#60a5fa4d;box-shadow:0 22px 52px #2563eb1a}.feat-rose:hover{border-color:#fb71854d;box-shadow:0 22px 52px #be185d1a}.feature-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0;transition:transform .3s}.feature:hover .feature-icon{transform:scale(1.08) rotate(-4deg)}.feature-icon svg{width:22px;height:22px}.fi-green{background:#1d9e752e;border:1px solid rgba(29,158,117,.3)}.fi-green svg{stroke:#34d399}.fi-teal{background:#2dd4bf26;border:1px solid rgba(45,212,191,.25)}.fi-teal svg{stroke:#2dd4bf}.fi-purple{background:#7c3aed2e;border:1px solid rgba(124,58,237,.3)}.fi-purple svg{stroke:#a78bfa}.fi-amber{background:#d977062e;border:1px solid rgba(251,191,36,.3)}.fi-amber svg{stroke:#fbbf24}.fi-blue{background:#2563eb2e;border:1px solid rgba(96,165,250,.3)}.fi-blue svg{stroke:#60a5fa}.fi-rose{background:#be185d2e;border:1px solid rgba(251,113,133,.3)}.fi-rose svg{stroke:#fb7185}.feat-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:3px 9px;border-radius:6px;margin-bottom:10px}.feat-tag-green{background:#1d9e7526;color:#34d399}.feat-tag-teal{background:#2dd4bf26;color:#2dd4bf}.feat-tag-purple{background:#7c3aed26;color:#a78bfa}.feat-tag-amber{background:#d977062e;color:#fbbf24}.feat-tag-blue{background:#2563eb26;color:#60a5fa}.feat-tag-rose{background:#be185d26;color:#fb7185}.feature h4{font-size:17px;font-weight:700;margin-bottom:9px;letter-spacing:-.3px;color:#fff;line-height:1.3}.feature p{font-size:13.5px;color:#ffffff7a;line-height:1.7;flex:1}.feat-stats{display:flex;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.feat-stat span{display:block;font-size:26px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1;margin-bottom:4px}.feat-stat label{font-size:11px;color:#ffffff59;font-weight:500}.feat-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.feat-pills span{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffff80}.scopes{padding:112px 0;background:#fff}.scopes-header{text-align:center;margin-bottom:56px}.scopes-header .section-sub{margin:0 auto}.scope-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scope-card{padding:32px;border-radius:20px;border:1px solid;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.scope-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000000f}.scope-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;transition:height .3s;border-radius:20px 20px 0 0}.scope-card:hover:before{height:6px}.scope-card.s1{border-color:#b5d4f4;background:#fafcfe}.scope-card.s1:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.scope-card.s2{border-color:#cecbf6;background:#fbfafe}.scope-card.s2:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.scope-card.s3{border-color:#fac775;background:#fffdf8}.scope-card.s3:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.scope-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-bottom:8px}.scope-card.s1 .scope-label{color:var(--cl-blue)}.scope-card.s2 .scope-label{color:var(--cl-purple)}.scope-card.s3 .scope-label{color:var(--cl-amber)}.scope-card h4{font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:-.3px}.scope-card p{font-size:14px;color:var(--cl-ink-3);line-height:1.6;margin-bottom:18px}.scope-examples{display:flex;flex-wrap:wrap;gap:6px}.scope-ex{font-size:11px;padding:4px 12px;border-radius:8px;font-weight:600}.scope-card.s1 .scope-ex{background:var(--cl-blue-light);color:var(--cl-blue)}.scope-card.s2 .scope-ex{background:var(--cl-purple-light);color:var(--cl-purple)}.scope-card.s3 .scope-ex{background:var(--cl-amber-light);color:var(--cl-amber)}.pricing{padding:112px 0;background:var(--hero-bg);border-top:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.pricing:before{content:"";position:absolute;top:-180px;left:50%;transform:translate(-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(29,158,117,.12) 0%,transparent 70%);pointer-events:none}.pricing-header{text-align:center;margin-bottom:56px}.pricing-header .section-sub{margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch;padding-top:24px}.pricing-grid>div{height:100%}.plan{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 26px 28px;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plan:hover{transform:translateY(-6px);border-color:#ffffff29;box-shadow:0 24px 56px #00000059}.plan-starter{background:#fff;border:2px solid var(--cl-teal);box-shadow:0 0 0 4px #1d9e751f,0 12px 40px #0003}.plan-starter:hover{box-shadow:0 0 0 4px #1d9e752e,0 24px 56px #00000047;border-color:var(--cl-green)}.plan-starter .plan-name{color:var(--cl-ink)}.plan-starter .plan-desc{color:var(--cl-ink-3)}.plan-starter .plan-price .amount{color:var(--cl-ink)}.plan-starter .plan-price .period{color:var(--cl-ink-3)}.plan-coming-soon{opacity:.72;position:relative}.plan-coming-soon:hover{opacity:.88}.plan-essential{border-color:#1d9e7540}.plan-business{border-color:#2563eb40}.plan-accountant{border-color:#7c3aed40}.plan-essential:hover{border-color:#1d9e7580}.plan-business:hover{border-color:#2563eb80}.plan-accountant:hover{border-color:#7c3aed80}.plan-icon-wrap{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;flex-shrink:0}.plan-icon-green{background:#1d9e7526;border:1px solid rgba(29,158,117,.3)}.plan-icon-teal{background:#1d9e751f;border:1px solid rgba(29,158,117,.2)}.plan-icon-blue{background:#2563eb1f;border:1px solid rgba(37,99,235,.2)}.plan-icon-purple{background:#7c3aed1f;border:1px solid rgba(124,58,237,.2)}.plan-name{font-size:17px;font-weight:700;margin-bottom:5px;letter-spacing:-.3px;color:#fff}.plan-desc{font-size:13px;color:#fff6;margin-bottom:20px;line-height:1.5}.plan-price{margin-bottom:24px}.plan-price .amount{font-family:var(--font-body);font-size:42px;font-weight:800;letter-spacing:-2px;color:#fff}.plan-price .period{font-size:13px;color:#ffffff59;font-weight:400}.plan-features{list-style:none;margin-bottom:28px;flex:1}.plan-features li{font-size:13px;color:#ffffffa6;padding:7px 0;display:flex;align-items:flex-start;gap:10px;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.05)}.plan-features li:last-child{border-bottom:none}.plan-features li:before{content:"";width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:1px;background:#1d9e752e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D9E75' stroke-width='2.5'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat}.plan-starter .plan-features li{color:var(--cl-ink-2);border-bottom-color:#f3f4f6}.plan-starter .plan-features li:before{background:var(--cl-green-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6E56' stroke-width='2.5'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat}.plan-btn{display:block;width:100%;padding:13px;border-radius:11px;font-size:14px;font-weight:700;font-family:var(--font-body);cursor:pointer;text-align:center;text-decoration:none;transition:all .2s;border:none}.plan-btn-starter{background:var(--cl-green);color:#fff;box-shadow:0 4px 20px #0f6e5666}.plan-btn-starter:hover{background:var(--cl-green-dark);box-shadow:0 8px 28px #0f6e5680;transform:translateY(-2px)}.plan-btn-soon{background:#ffffff0f!important;color:#ffffff4d!important;border:1px solid rgba(255,255,255,.08)!important;cursor:not-allowed!important;font-size:13px!important}.coming-soon-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);font-size:10px;padding:4px 12px;border-radius:10px;font-weight:700;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase}.cs-teal{background:#1d9e7533;color:#1d9e75;border:1px solid rgba(29,158,117,.35)}.cs-blue{background:#2563eb33;color:#60a5fa;border:1px solid rgba(37,99,235,.35)}.cs-purple{background:#7c3aed33;color:#a78bfa;border:1px solid rgba(124,58,237,.35)}.sectors{padding:112px 0;background:#fff;border-top:1px solid var(--cl-border)}.sectors-header{text-align:center;margin-bottom:56px}.sectors-header .section-sub{margin:0 auto}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sector{padding:28px 24px;background:var(--cl-off);border-radius:20px;border:1px solid transparent;text-align:center;transition:border-color .3s,transform .3s,box-shadow .3s,background .3s;cursor:default}.sector:hover{border-color:var(--cl-border);transform:translateY(-6px);box-shadow:0 16px 32px #0000000d;background:#fff}.sector-icon-svg{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--cl-green-light);color:var(--cl-green);margin:0 auto 14px;transition:transform .3s,background .3s,color .3s}.sector:hover .sector-icon-svg{transform:scale(1.1) rotate(-6deg);background:var(--cl-green);color:#fff}.sector h4{font-size:14px;font-weight:600;margin-bottom:6px;letter-spacing:-.1px}.sector p{font-size:12px;color:var(--cl-ink-3);line-height:1.45}.cta-section{padding:100px 0;background:var(--hero-bg);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(29,158,117,.2) 0%,transparent 70%);pointer-events:none}.cta-section .container{position:relative;z-index:2}.cta-section .section-label{color:#5eead4b3}.cta-section .section-title{color:#fff;max-width:560px;margin:0 auto 16px}.cta-section .section-sub{color:#ffffff73;max-width:420px;margin:0 auto 36px}.cta-btn{background:var(--cl-teal);font-size:16px;padding:16px 40px;font-weight:600}.cta-btn:hover{box-shadow:0 10px 40px #1d9e7573!important}.cta-note{font-size:13px;color:#ffffff4d;margin-top:20px}footer{padding:0 0 32px;background:var(--hero-bg);border-top:1px solid rgba(255,255,255,.06)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:52px;flex-wrap:wrap}.footer-top-label{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--cl-teal);margin-bottom:4px}.footer-top-text p{font-size:14px;color:#ffffff8c;margin:0}.footer-top-btn{flex-shrink:0;background:var(--cl-teal);color:#0a1f14;font-weight:700;font-size:13px;border:none;border-radius:8px;padding:10px 22px;cursor:pointer;transition:opacity .18s,transform .18s;font-family:inherit}.footer-top-btn:hover{opacity:.88;transform:translateY(-1px)}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:48px;gap:40px}.footer-brand{max-width:240px}.footer-brand p{font-size:13px;color:#ffffff59;margin-top:10px;line-height:1.65}.footer-brand .nav-logo{color:#fff}.footer-brand .nav-logo svg{stroke:var(--cl-teal)}.footer-brand .nav-logo span{color:#fff}.footer-social{display:flex;gap:8px;margin-top:18px}.footer-social-link{width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#ffffff73;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.footer-social-link:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.footer-cols{display:flex;gap:56px}.footer-col h5{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d;margin-bottom:16px;font-weight:700}.footer-col a{display:block;font-size:13px;color:#ffffff80;text-decoration:none;padding:4px 0;transition:color .15s;cursor:pointer}.footer-col a:hover{color:#ffffffe6}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffffff40;flex-wrap:wrap;gap:10px}.footer-bottom-left,.footer-bottom-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-dot{opacity:.4}.footer-uk-badge{display:inline-flex;align-items:center;gap:5px;color:#ffffff59}@media(max-width:1024px){.pricing-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.feat-span2{grid-column:span 2}}@media(max-width:768px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#030f0af7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px 24px;gap:16px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.nav-links.nav-open,.nav-hamburger{display:flex}.hero{padding:72px 0 60px}.hero h1{font-size:clamp(32px,8vw,48px);letter-spacing:-1px}.hero-sub{font-size:16px}.hero-actions{flex-direction:column;gap:10px}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center}.hero-proof{flex-wrap:wrap;gap:14px}.how,.features,.scopes,.pricing,.sectors{padding:72px 0}.steps,.scope-cards,.features-grid{grid-template-columns:1fr}.feat-span2{grid-column:span 1;flex-direction:column}.feat-span2 .feature-icon{margin-bottom:18px}.feat-stats{gap:16px}.feat-stat span{font-size:22px}.pricing-grid,.sector-grid{grid-template-columns:1fr 1fr}.footer-top{flex-direction:column;gap:16px}.footer-top-btn{width:100%;text-align:center}.footer-inner{flex-direction:column}.footer-brand{max-width:100%}.footer-cols{gap:32px;flex-wrap:wrap}}@media(max-width:480px){.hero{padding:56px 0 44px}.hero-badge,.hero-proof{font-size:12px}.logos-grid{gap:24px}.pricing-grid,.sector-grid{grid-template-columns:1fr}.cta-section{padding:64px 0}.cta-btn{width:100%;justify-content:center}.footer-cols{flex-direction:column;gap:24px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.footer-bottom-left,.footer-bottom-right{justify-content:center}}@media(max-width:360px){.container{padding:0 16px}.plan{padding:26px 18px}.plan-price .amount{font-size:36px}}:root{--cl-ink: #0D1117;--cl-ink-2: #3D4450;--cl-ink-3: #6B7280;--cl-ink-4: #9CA3AF;--cl-white: #FFFFFF;--cl-off: #F8F9FA;--cl-border: #E5E7EB;--cl-bg-hover: #F3F4F6;--cl-green: #0F6E56;--cl-green-light: #E1F5EE;--cl-green-dark: #085041;--cl-teal: #1D9E75;--cl-blue: #185FA5;--cl-blue-light: #E6F1FB;--cl-purple: #534AB7;--cl-purple-light: #EEEDFE;--cl-amber: #854F0B;--cl-amber-light: #FAEEDA;--cl-red: #DC2626;--cl-red-light: #FEE2E2;--font-display: "Source Serif 4", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--cl-ink);background:var(--cl-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:var(--font-body)}ul,ol{list-style:none}img{max-width:100%;display:block}::placeholder{color:var(--cl-ink-4)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cl-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cl-ink-4)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#1b4332;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:width .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-logo{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}.sidebar-logo svg{width:28px;height:28px;flex-shrink:0}.sidebar-logo span{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.3px;opacity:1;transition:opacity .2s}.sidebar.collapsed .sidebar-logo span{opacity:0;width:0}.sidebar-toggle{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;display:flex;border-radius:var(--radius-sm);transition:color .2s,background .2s}.sidebar-toggle:hover{color:#fff;background:none}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.sidebar-section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#ffffffb3;padding:16px 12px 8px;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0;height:0;padding:0}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:400;cursor:pointer;transition:all .15s;white-space:nowrap;overflow:hidden;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{color:#fff;background:none}.sidebar-link.active{color:#fff;background:#40916c;font-weight:500}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--cl-teal);border-radius:0 3px 3px 0}.sidebar-link svg,.sidebar-link .sidebar-icon{width:20px;height:20px;flex-shrink:0}.sidebar-link-text{opacity:1;transition:opacity .2s}.sidebar.collapsed .sidebar-link-text{opacity:0;width:0}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s;overflow:hidden}.sidebar-user:hover{background:none}.sidebar-avatar{width:36px;height:36px;border-radius:10px;background:var(--cl-green);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.sidebar-user-info{overflow:hidden;white-space:nowrap}.sidebar-user-name{font-size:13px;font-weight:500;color:#fff}.sidebar-user-role{font-size:11px;color:#fff6}.sidebar.collapsed .sidebar-user-info{opacity:0;width:0}.topbar{height:var(--topbar-height);background:var(--cl-white);border-bottom:1px solid var(--cl-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-title{font-size:18px;font-weight:600;letter-spacing:-.3px}.topbar-breadcrumb{font-size:13px;color:var(--cl-ink-3)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--cl-off);border:1px solid var(--cl-border);border-radius:var(--radius-md);font-size:13px;color:var(--cl-ink-3);cursor:pointer;transition:border-color .2s;min-width:200px}.topbar-search:hover{border-color:var(--cl-ink-4)}.topbar-search{background:none;border:1px solid var(--cl-border);border-radius:var(--radius-md);padding:6px 10px 6px 12px;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--cl-ink-3);cursor:pointer;transition:border-color .18s,background .18s;min-width:190px}.topbar-search:hover{border-color:var(--cl-ink-4);background:var(--cl-off)}.topbar-search span{flex:1;text-align:left}.topbar-search-kbd{font-family:inherit;font-size:11px;color:var(--cl-ink-4);background:var(--cl-border);border-radius:4px;padding:1px 5px;line-height:1.5}.topbar-search svg{width:16px;height:16px;color:var(--cl-ink-4);flex-shrink:0}.gsearch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.gsearch-box{width:100%;max-width:580px;background:#fff;border:1px solid var(--cl-border);border-radius:var(--radius-xl, 14px);box-shadow:0 20px 60px #0000002e;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.gsearch-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--cl-border)}.gsearch-mag-icon{color:var(--cl-ink-3);flex-shrink:0}.gsearch-input{flex:1;border:none;outline:none;font-size:15px;color:var(--cl-ink-0);background:transparent;font-family:inherit}.gsearch-input::placeholder{color:var(--cl-ink-4)}.gsearch-clear-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:var(--cl-border);color:var(--cl-ink-3);border-radius:50%;cursor:pointer;flex-shrink:0;padding:0;transition:background .15s}.gsearch-clear-btn:hover{background:var(--cl-ink-4);color:#fff}.gsearch-esc-badge{font-family:inherit;font-size:11px;color:var(--cl-ink-4);background:var(--cl-off);border:1px solid var(--cl-border);border-radius:4px;padding:2px 6px;flex-shrink:0;cursor:pointer}.gsearch-results{overflow-y:auto;flex:1}.gsearch-group{padding-bottom:4px}.gsearch-group-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-ink-3);padding:10px 16px 4px}.gsearch-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;transition:background .1s}.gsearch-item:hover,.gsearch-item-active{background:var(--cl-off)}.gsearch-item-icon-wrap{width:30px;height:30px;border-radius:8px;background:var(--cl-off);border:1px solid var(--cl-border);display:flex;align-items:center;justify-content:center;color:var(--cl-ink-2);flex-shrink:0}.gsearch-item-active .gsearch-item-icon-wrap{background:var(--cl-green-light, #ECFDF5);border-color:var(--cl-green-border, #6EE7B7);color:var(--cl-green)}.gsearch-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.gsearch-item-label{font-size:13px;font-weight:500;color:var(--cl-ink-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsearch-item-sub{font-size:11px;color:var(--cl-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsearch-item-arrow{color:var(--cl-ink-4);flex-shrink:0;opacity:0;transition:opacity .1s}.gsearch-item-active .gsearch-item-arrow{opacity:1;color:var(--cl-green)}.gsearch-mark{background:#fef08a;color:inherit;border-radius:2px;padding:0 1px}.gsearch-empty{padding:40px 20px;text-align:center;color:var(--cl-ink-3);display:flex;flex-direction:column;align-items:center;gap:6px}.gsearch-empty p{font-size:14px;margin:0;color:var(--cl-ink-1)}.gsearch-empty span{font-size:12px;color:var(--cl-ink-4)}.gsearch-footer{display:flex;align-items:center;gap:16px;padding:8px 16px;border-top:1px solid var(--cl-border);background:var(--cl-off);font-size:11px;color:var(--cl-ink-4)}.gsearch-footer kbd{font-family:inherit;background:#fff;border:1px solid var(--cl-border);border-radius:3px;padding:1px 4px;font-size:10px;margin-right:2px}.gsearch-footer-tip{margin-left:auto;font-style:italic}.topbar-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:none;background:none;color:var(--cl-ink-3);cursor:pointer;position:relative;transition:background .15s,color .15s}.topbar-icon-btn:hover{background:var(--cl-off);color:var(--cl-ink)}.topbar-icon-btn svg{width:20px;height:20px}.topbar-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--cl-red);border:2px solid var(--cl-white)}.topbar-mobile-toggle{display:none;background:none;border:none;color:var(--cl-ink);cursor:pointer;padding:4px}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s cubic-bezier(.22,1,.36,1);min-height:100vh;background:var(--cl-off)}.sidebar.collapsed~.main-content,.layout:has(.sidebar.collapsed) .main-content{margin-left:var(--sidebar-collapsed)}.page-content{padding:32px;max-width:1400px}.page-header{margin-bottom:28px}.page-header h1{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:4px}.page-header p{font-size:14px;color:var(--cl-ink-3)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}@media(max-width:1024px){.page-content{padding:24px}.topbar{padding:0 24px}}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open~.sidebar-overlay,.sidebar-overlay.visible{display:block}.main-content{margin-left:0}.topbar-mobile-toggle{display:flex}.topbar-search{display:none}.page-content{padding:20px 16px}.topbar{padding:0 16px}}@media(max-width:480px){.page-content{padding:16px 12px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-card-icon.blue{background:var(--cl-blue-light);color:var(--cl-blue)}.stat-card-icon.green{background:var(--cl-green-light);color:var(--cl-green)}.stat-card-icon.purple{background:var(--cl-purple-light);color:var(--cl-purple)}.stat-card-icon.amber{background:var(--cl-amber-light);color:var(--cl-amber)}.stat-card-icon.red{background:var(--cl-red-light);color:var(--cl-red)}.stat-card-icon svg{width:20px;height:20px}.stat-card-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stat-card-trend.up{color:var(--cl-green)}.stat-card-trend.down{color:var(--cl-red)}.stat-card-value{font-size:28px;font-weight:700;letter-spacing:-1px;margin-bottom:2px}.stat-card-label{font-size:13px;color:var(--cl-ink-3)}.table-container{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--cl-border);gap:12px}.table-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--cl-off);border:1px solid var(--cl-border);border-radius:var(--radius-md);flex:1;max-width:320px}.table-search input{border:none;background:none;outline:none;font-size:13px;width:100%;color:var(--cl-ink)}.table-search svg{width:16px;height:16px;color:var(--cl-ink-4);flex-shrink:0}.table-filters{display:flex;align-items:center;gap:8px}.table-filter-btn{padding:7px 14px;border:1px solid var(--cl-border);border-radius:var(--radius-md);background:var(--cl-white);font-size:13px;color:var(--cl-ink-2);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.table-filter-btn:hover{background:var(--cl-off);border-color:var(--cl-ink-4)}.table-filter-btn.active{background:var(--cl-green-light);border-color:var(--cl-green);color:var(--cl-green-dark)}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:12px 20px;font-size:12px;font-weight:500;color:var(--cl-ink-3);text-transform:uppercase;letter-spacing:.5px;background:var(--cl-off);border-bottom:1px solid var(--cl-border)}table td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--cl-border);vertical-align:middle}table tr:last-child td{border-bottom:none}table tr:hover td{background:var(--cl-off)}.table-empty{padding:48px 20px;text-align:center}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--cl-border);font-size:13px;color:var(--cl-ink-3)}.table-pagination-btns{display:flex;gap:4px}.table-pagination-btns button{padding:6px 12px;border:1px solid var(--cl-border);border-radius:var(--radius-sm);background:var(--cl-white);font-size:13px;cursor:pointer;transition:all .15s;color:var(--cl-ink-2)}.table-pagination-btns button:hover{background:var(--cl-off)}.table-pagination-btns button.active{background:var(--cl-green);color:#fff;border-color:var(--cl-green)}.table-pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.badge.green{background:var(--cl-green-light);color:var(--cl-green-dark)}.badge.blue{background:var(--cl-blue-light);color:var(--cl-blue)}.badge.purple{background:var(--cl-purple-light);color:var(--cl-purple)}.badge.amber{background:var(--cl-amber-light);color:var(--cl-amber)}.badge.red{background:var(--cl-red-light);color:var(--cl-red)}.badge.gray{background:var(--cl-off);color:var(--cl-ink-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--cl-white);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 48px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h3{font-size:18px;font-weight:600;letter-spacing:-.3px}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--cl-ink-3);transition:background .15s,color .15s}.modal-close:hover{background:var(--cl-off);color:var(--cl-ink)}.modal-body{padding:20px 24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px 20px;border-top:1px solid var(--cl-border)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent;font-family:var(--font-body)}.btn-sm{padding:6px 12px;font-size:13px}.btn-primary{background:var(--cl-green);color:#fff;border-color:var(--cl-green)}.btn-primary:hover{background:var(--cl-green-dark)}.btn-outline{background:var(--cl-white);color:var(--cl-ink-2);border-color:var(--cl-border)}.btn-outline:hover{background:var(--cl-off)}.btn-danger{background:var(--cl-red);color:#fff;border-color:var(--cl-red)}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:none;color:var(--cl-ink-2);border:none;padding:6px 10px}.btn-ghost:hover{background:var(--cl-off)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--cl-ink-2);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--cl-border);border-radius:var(--radius-md);font-size:14px;background:var(--cl-white);color:var(--cl-ink);outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--cl-green);box-shadow:0 0 0 3px #0f6e5614}.form-input.error{border-color:var(--cl-red)}.form-textarea{resize:vertical;min-height:120px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.form-error{font-size:12px;color:var(--cl-red);margin-top:4px}.empty-state{text-align:center;padding:64px 24px}.empty-state-icon{width:56px;height:56px;margin:0 auto 16px;background:var(--cl-off);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--cl-ink-4)}.empty-state-icon svg{width:24px;height:24px}.empty-state h3{font-size:16px;font-weight:500;margin-bottom:6px}.empty-state p{font-size:14px;color:var(--cl-ink-3);margin-bottom:20px}.card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cl-border)}.card-header h3{font-size:16px;font-weight:600;letter-spacing:-.2px}.card-body{padding:24px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--cl-border);margin-bottom:24px}.tab{padding:12px 20px;font-size:14px;color:var(--cl-ink-3);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .15s;font-family:var(--font-body)}.tab:hover{color:var(--cl-ink)}.tab.active{color:var(--cl-green);border-bottom-color:var(--cl-green);font-weight:500}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{max-width:none}}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.chart-card{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px}.chart-card-title{font-size:15px;font-weight:600;margin-bottom:4px;letter-spacing:-.2px}.chart-card-sub{font-size:13px;color:var(--cl-ink-3);margin-bottom:20px}.activity-feed{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg)}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--cl-border);transition:background .15s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--cl-off)}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.green{background:var(--cl-teal)}.activity-dot.blue{background:var(--cl-blue)}.activity-dot.amber{background:#ef9f27}.activity-dot.red{background:var(--cl-red)}.activity-text{font-size:13px;color:var(--cl-ink-2);line-height:1.4}.activity-text strong{color:var(--cl-ink);font-weight:500}.activity-time{font-size:11px;color:var(--cl-ink-4);margin-top:2px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--cl-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--cl-ink-3)}.detail-value{font-size:14px;font-weight:500}.editor-container{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.editor-main{background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);padding:24px}.editor-sidebar{display:flex;flex-direction:column;gap:16px}.editor-title-input{width:100%;padding:12px 0;border:none;outline:none;font-size:24px;font-weight:600;font-family:var(--font-display);letter-spacing:-.5px;color:var(--cl-ink)}.editor-title-input::placeholder{color:var(--cl-ink-4)}.editor-content{width:100%;min-height:400px;padding:16px 0;border:none;outline:none;font-size:15px;line-height:1.7;color:var(--cl-ink-2);resize:vertical;font-family:var(--font-body)}.editor-content::placeholder{color:var(--cl-ink-4)}.ticket-thread{display:flex;flex-direction:column;gap:16px;padding:20px}.ticket-message{max-width:70%;padding:14px 18px;border-radius:var(--radius-lg);font-size:14px;line-height:1.55}.ticket-message.customer{background:var(--cl-off);border:1px solid var(--cl-border);align-self:flex-start}.ticket-message.admin{background:var(--cl-green-light);border:1px solid rgba(15,110,86,.15);align-self:flex-end}.ticket-message-meta{font-size:11px;color:var(--cl-ink-4);margin-top:6px}.ticket-reply-box{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--cl-border)}.ticket-reply-input{flex:1;padding:10px 14px;border:1px solid var(--cl-border);border-radius:var(--radius-md);font-size:14px;outline:none;background:var(--cl-off);transition:border-color .2s}.ticket-reply-input:focus{border-color:var(--cl-green);background:var(--cl-white)}.announcement-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--cl-white);border:1px solid var(--cl-border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s}.announcement-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.announcement-type-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.announcement-type-icon.info{background:var(--cl-blue-light);color:var(--cl-blue)}.announcement-type-icon.warning{background:var(--cl-amber-light);color:var(--cl-amber)}.announcement-type-icon.update{background:var(--cl-green-light);color:var(--cl-green)}@media(max-width:1024px){.dashboard-grid,.editor-container,.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.ticket-message{max-width:85%}}