@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#273943;font-synthesis:none;background:#f4f6f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{--accent:#d65b42;min-height:100vh}.sidebar{color:#d5dfe2;z-index:5;background:#24343e;flex-direction:column;width:244px;padding:23px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand,.customer-brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font:700 12px Space Grotesk;display:grid}.brand strong,.customer-brand strong{color:#fff;font:600 15px Space Grotesk;display:block}.brand span,.customer-brand span{color:#96a9af;margin-top:2px;font-size:10px;display:block}.close-mobile{display:none}.demo-badge{color:#a8bbbf;border:1px solid #4c6069;border-radius:5px;align-items:center;gap:7px;margin:28px 4px 17px;padding:8px 9px;font-size:10px;display:flex}.demo-badge i,.sim-label i{background:#72c19d;border-radius:50%;width:7px;height:7px;display:inline-block}.demo-badge span{color:#788d94;margin-left:auto;font-size:9px}nav{gap:3px;display:grid}.nav-item{color:#adc0c5;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:10px 11px;font-size:12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#354852}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.nav-item b{color:#fff;text-align:center;background:#da674f;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 5px;font-size:9px}.sidebar-bottom{margin-top:auto}.reset{color:#a9bbc0;background:0 0;border:0;align-items:center;gap:8px;padding:10px 11px;font-size:11px;display:flex}.demo-note{color:#8fa4aa;border-top:1px solid #41545d;gap:9px;margin-top:15px;padding:15px 8px 0;font-size:10px;line-height:1.5;display:flex}.demo-note svg{color:#83bb9c}.main{min-height:100vh;margin-left:244px}.topbar,.customer-topbar{background:#f8faf9;border-bottom:1px solid #e1e7e5;justify-content:space-between;align-items:center;height:70px;padding:0 37px;display:flex}.crumb{color:#9ba9ad;align-items:center;gap:8px;font-size:11px;display:flex}.crumb strong{color:#364b55}.top-actions,.customer-top-actions{align-items:center;gap:20px;display:flex}.sim-label{color:#829297;align-items:center;gap:6px;font-size:10px;display:flex}.icon-button{color:#6c7e84;background:0 0;border:0;position:relative}.icon-button em{background:var(--accent);color:#fff;border-radius:9px;padding:2px 5px;font-size:8px;font-style:normal;position:absolute;top:-8px;right:-7px}.avatar{color:#49625e;background:#dbe6e3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.link-button{color:#c45a43;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:flex}.menu-button{background:0 0;border:0;display:none}.content{max-width:1370px;padding:38px 42px 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:1.4px;font-size:10px;font-weight:700}.page-header h1{letter-spacing:-1.2px;margin:8px 0 7px;font:600 32px Space Grotesk}.page-header p{color:#839197;margin:0;font-size:13px}.primary,.secondary{border:1px solid var(--accent);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;display:inline-flex}.primary{background:var(--accent);color:#fff}.secondary{color:#536770;background:#fff;border-color:#d6dfdf}.text-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:inline-flex}.home-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding:42px 0 65px;display:grid}.hero-copy h1{letter-spacing:-2.5px;max-width:650px;margin:15px 0 20px;font:600 53px/1.05 Space Grotesk}.hero-copy>p{color:#77878d;max-width:570px;font-size:16px;line-height:1.7}.hero-actions{gap:10px;margin:27px 0;display:flex}.home-guidance{color:#829198;align-items:center;gap:5px;font-size:11px;display:flex}.home-guidance span{color:#344a53;font-weight:700}.hero-visual{background:#e6edeb;border-radius:4px;place-items:center;min-height:385px;display:grid;position:relative;overflow:hidden}.orbit{border:1px solid #c9d9d4;border-radius:50%;width:330px;height:330px;position:absolute}.orbit.one:before{content:"";background:#f7d2bd;border-radius:50%;width:90px;height:90px;display:block;position:absolute;top:60px;right:-24px}.support-card{background:#fff;border-radius:10px;width:82%;max-width:385px;padding:17px;position:relative;box-shadow:0 18px 36px #38534c1d}.support-card-top,.request-line,.triage-line,.next-step{align-items:center;gap:9px;display:flex}.support-card-top{border-bottom:1px solid #edf0ef;padding-bottom:13px;font-size:11px}.support-card-top small{color:#a5afb2;margin-left:auto}.pulse{width:26px;height:26px;color:var(--accent);background:#fff0eb;border-radius:7px;place-items:center;display:grid}.request-line{padding:20px 0}.mini-avatar{color:#527064;background:#dceae4;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.request-line b,.request-line span{display:block}.request-line b{font-size:12px}.request-line span{color:#87949a;margin-top:4px;font-size:11px}.triage-line{border-top:1px solid #edf0ef;border-bottom:1px solid #edf0ef;flex-wrap:wrap;padding:12px 0}.triage-line span{color:#5a7c6d;align-items:center;gap:4px;font-size:9px;display:flex}.triage-line .warn{color:#bf715d}.next-step{padding-top:15px}.next-step svg{color:var(--accent)}.next-step b,.next-step span{display:block}.next-step b{font-size:11px}.next-step span{color:#8e999e;margin-top:3px;font-size:10px}.floating-stat{background:#fff;border-radius:6px;align-items:center;gap:8px;padding:11px 13px;display:flex;position:absolute;bottom:21px;left:20px;box-shadow:0 8px 20px #415c5520}.floating-stat svg{color:#7ab292}.floating-stat strong,.floating-stat span{display:block}.floating-stat strong{font-size:11px}.floating-stat span{color:#8b999d;margin-top:2px;font-size:9px}.flow-section{border-top:1px solid #e2e8e6;padding-top:27px}.flow-section h2{margin:9px 0 22px;font:600 26px Space Grotesk}.flow-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.flow-step{border-left:1px solid #dce4e1;align-items:flex-start;gap:13px;padding:15px 19px;display:flex;position:relative}.flow-step>span{color:var(--accent);font:600 12px Space Grotesk}.flow-step h3{margin:0 0 5px;font-size:13px}.flow-step p{color:#8b999d;margin:0;font-size:11px;line-height:1.5}.flow-step>svg{color:#b6c1c0;margin-left:auto}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.metric,.panel{background:#fff;border:1px solid #e2e8e6;border-radius:7px}.metric{gap:11px;padding:17px 15px;display:flex}.metric-icon{width:31px;height:31px;color:var(--accent);background:#fff0eb;border-radius:7px;flex:none;place-items:center;display:grid}.metric span,.metric strong,.metric small{display:block}.metric span{color:#8a989d;font-size:10px}.metric strong{margin:3px 0;font:600 25px Space Grotesk}.metric small{color:#a4adaf;font-size:9px}.dashboard-grid,.inbox-layout,.payment-layout{grid-template-columns:1.25fr .75fr;gap:17px;margin-top:17px;display:grid}.panel{padding:21px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.panel h2{margin:0 0 5px;font:600 16px Space Grotesk}.panel-head p{color:#919da0;margin:0;font-size:11px}.ticket-row{border-top:1px solid #edf0ef;align-items:center;gap:10px;padding:14px 0;display:flex}.ticket-row-main{flex:1;min-width:0}.ticket-row-main b,.ticket-row-main span{display:block}.ticket-row-main b{font-size:11px}.ticket-row-main span{color:#89969a;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.status{color:#52806b;white-space:nowrap;background:#eef4f1;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex}.status i{background:#69aa8b;border-radius:50%;width:5px;height:5px}.status.escalated,.status.new{color:#b65d4b;background:#fff0ec}.status.escalated i,.status.new i{background:#dd765f}.status.waiting-for-team,.status.in-progress{color:#ae7a38;background:#fff7e9}.status.waiting-for-team i,.status.in-progress i{background:#d6a352}.priority{font-size:9px;font-weight:700}.priority.low{color:#73a181}.priority.normal{color:#7893a2}.priority.high{color:#c17b49}.priority.urgent{color:#bd554b}.insight{border-top:1px solid #edf0ef;align-items:center;gap:10px;padding:14px 0;display:flex}.insight-icon{color:#659d80;background:#edf5f1;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.insight-icon.amber{color:#c08a44;background:#fff5e6}.insight-icon.green{color:#659d80;background:#edf5f1}.insight b,.insight span{display:block}.insight b{font-size:11px}.insight span{color:#8b999e;margin-top:3px;font-size:10px}.filter-row{gap:5px;display:flex}.filter-button{color:#74858a;background:#fff;border:1px solid #dbe3e1;border-radius:5px;padding:8px 10px;font-size:10px}.filter-button.active{color:var(--accent);background:#fff8f5;border-color:#e3b6aa}.search{color:#92a0a3;background:#fcfdfd;border:1px solid #dce4e2;border-radius:5px;align-items:center;gap:8px;padding:9px 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.inbox-list{padding:14px}.inbox-list .search{margin-bottom:8px}.inbox-item{text-align:left;background:#fff;border:0;border-top:1px solid #edf0ef;width:100%;padding:14px 10px;display:block}.inbox-item.selected{border-left:3px solid var(--accent);background:#fff7f3}.inbox-item-top{justify-content:space-between;display:flex}.inbox-item-top b{color:var(--accent);font-size:10px}.inbox-item-top span,.inbox-item p,.inbox-item small{color:#98a4a7;font-size:9px}.inbox-item h3{margin:8px 0 4px;font-size:12px}.inbox-item p{white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;overflow:hidden}.inbox-item>div:last-child{align-items:center;gap:10px;display:flex}.inbox-item small{margin-left:auto}.detail-head{border-bottom:1px solid #edf0ef;justify-content:space-between;padding-bottom:17px;display:flex}.ticket-id{color:var(--accent);letter-spacing:.8px;font-size:9px;font-weight:700}.detail-head h2{margin:7px 0;font:600 20px Space Grotesk}.detail-head p{color:#97a2a5;margin:0;font-size:10px}.detail-grid{grid-template-columns:1fr .85fr;gap:20px;padding-top:19px;display:grid}.detail-section h3,.timeline h3,.knowledge-matches h3{margin:0 0 11px;font-size:12px}.original-request{background:#f4f8f6;border-radius:5px;gap:9px;padding:13px;display:flex}.original-request p{margin:0;font-size:12px;line-height:1.5}.message{background:#f7f8f8;border-radius:6px;margin:9px 0;padding:10px}.message.customer{border-left:3px solid #b9cfc6}.message span{color:#8a999d;font-size:9px}.message p{margin:5px 0 0;font-size:11px}.reply-box{border:1px solid #dce4e2;border-radius:5px;margin-top:11px;display:flex}.reply-box input{border:0;outline:0;flex:1;padding:9px;font-size:10px}.reply-box button{background:var(--accent);color:#fff;border:0;padding:0 11px}.triage-card,.assistant-card,.knowledge-matches{border:1px solid #e3e9e7;border-radius:6px;margin-bottom:13px;padding:15px}.card-label{letter-spacing:1px;color:var(--accent);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.triage-value{border-bottom:1px solid #edf0ef;padding:13px 0}.triage-value b{font:600 24px Space Grotesk;display:block}.triage-value span{color:#89989c;margin-top:4px;font-size:10px;line-height:1.5;display:block}.detail-pair{border-bottom:1px solid #edf0ef;justify-content:space-between;gap:10px;padding:10px 0;font-size:10px;display:flex}.detail-pair span{color:#8a979b}.detail-pair b{text-align:right}.assistant-card textarea{resize:vertical;color:#53646c;border:1px solid #e3e9e7;border-radius:5px;width:100%;height:102px;margin:12px 0;padding:10px;font-size:10px;line-height:1.5}.assistant-actions{gap:6px;display:flex}.assistant-actions button{padding:8px 9px;font-size:9px}.knowledge-matches>div{border-top:1px solid #edf0ef;align-items:center;gap:7px;padding:11px 0;font-size:10px;display:flex}.knowledge-matches>div svg:first-child{color:var(--accent)}.knowledge-matches>div svg:last-child{color:#b0babc;margin-left:auto}.timeline{border-top:1px solid #edf0ef;margin-top:20px;padding-top:16px}.timeline>div{align-items:center;gap:8px;margin:12px 0;display:flex}.timeline span{color:#98a7a9;border:1px solid #d4dfdc;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.timeline span.done{color:#5c9d7d;background:#eaf4ee;border-color:#c8dfd1}.timeline b{font-size:10px}.timeline small{color:#99a5a8;margin-left:auto;font-size:9px}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.knowledge-card{background:#fff;border:1px solid #e2e8e6;border-radius:7px;min-height:190px;padding:18px}.knowledge-card-top{color:var(--accent);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:9px;display:flex}.knowledge-card h3{margin:17px 0 8px;font:600 16px Space Grotesk}.knowledge-card p{color:#829095;min-height:55px;font-size:11px;line-height:1.6}.payment-card{padding:25px}.payment-head{border-bottom:1px solid #edf0ef;align-items:center;gap:12px;padding-bottom:19px;display:flex}.payment-symbol{width:38px;height:38px;color:var(--accent);background:#fff0eb;border-radius:7px;place-items:center;display:grid}.payment-head h2{margin:0;font-size:15px}.payment-head p{color:#939fa2;margin:4px 0;font-size:10px}.payment-head .status{margin-left:auto}.payment-total{border-bottom:1px solid #edf0ef;justify-content:space-between;padding:24px 0;display:flex}.payment-total span{color:#8c999d;font-size:11px}.payment-total strong{font:600 28px Space Grotesk}.payment-meta{grid-template-columns:1fr 1fr;gap:19px;padding:20px 0;display:grid}.payment-meta span,.payment-meta b{display:block}.payment-meta span{color:#939fa2;font-size:9px}.payment-meta b{margin-top:4px;font-size:10px}.safe-note{color:#6b8878;background:#f3f8f5;align-items:center;gap:7px;padding:11px;font-size:10px;display:flex}.receipt-card{background:#eef3f1;flex-direction:column;align-items:center;display:flex}.receipt-paper{background:#fff;width:100%;max-width:320px;padding:22px;position:relative;box-shadow:0 9px 19px #4560571c}.demo-watermark{color:#ca8877;letter-spacing:1px;font-size:8px;position:absolute;top:13px;right:15px}.receipt-brand{align-items:center;gap:9px;margin-bottom:22px;display:flex}.receipt-brand b{font:600 13px Space Grotesk}.receipt-brand small{color:#95a0a3;margin-top:3px;font:400 8px DM Sans;display:block}.receipt-line{border-bottom:1px solid #f0f2f1;justify-content:space-between;padding:10px 0;font-size:10px;display:flex}.receipt-line span{color:#8c999d}.receipt-paper hr{border:0;border-top:1px dashed #ccd6d2;margin:20px 0}.receipt-total{justify-content:space-between;display:flex}.receipt-total strong{color:var(--accent);font:600 20px Space Grotesk}.receipt-paper p{text-align:center;color:#9ca7a8;margin:27px 0 0;font-size:9px}.receipt-card>.secondary{margin-top:17px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.plan{background:#fff;border:1px solid #e1e7e5;border-radius:8px;flex-direction:column;padding:23px;display:flex;position:relative}.plan.featured{border:2px solid var(--accent);padding:22px}.plan>span:first-of-type{color:#5c7078;font:600 12px Space Grotesk}.popular{color:var(--accent);background:#fff0eb;border-radius:12px;padding:5px 8px;position:absolute;top:13px;right:14px;font-size:8px!important}.plan h2{margin:16px 0 5px;font:600 34px Space Grotesk}.plan h2 small{color:#8c999d;font:400 10px DM Sans}.plan p{color:#8e999c;margin:0;font-size:11px}.plan-fees{border-top:1px solid #edf0ef;border-bottom:1px solid #edf0ef;margin:20px 0;padding:13px 0}.plan-fees b,.plan-fees span{display:block}.plan-fees b{font-size:11px}.plan-fees span{color:#909da0;margin-top:3px;font-size:10px}.plan-features{flex:1;gap:11px;margin-bottom:23px;display:grid}.plan-features div{color:#596b72;align-items:center;gap:7px;font-size:11px;display:flex}.plan-features svg{color:#65a383}.settings-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.settings-section.wide{grid-column:1/-1}.section-title{gap:10px;margin-bottom:20px;display:flex}.settings-icon{width:32px;height:32px;color:var(--accent);background:#fff0eb;border-radius:7px;place-items:center;display:grid}.section-title h2{margin:0;font-size:14px}.section-title p,.section-title>span{color:#919da0;margin:4px 0 0;font-size:10px}.settings-section label{color:#718187;margin:15px 0;font-size:10px;display:block}.settings-section input:not([type=color]){outline-color:var(--accent);border:1px solid #dce4e2;border-radius:5px;width:100%;margin-top:6px;padding:9px;font-size:11px;display:block}.color-row{align-items:center;gap:9px;margin-top:6px;display:flex}.color-row input{border:1px solid #dce4e2;border-radius:5px;width:40px;height:28px}.color-row code{color:#75858a;font-size:10px}.toggle-row{border-top:1px solid #edf0ef;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.toggle-row b,.toggle-row span{display:block}.toggle-row b{font-size:11px}.toggle-row span{color:#96a1a4;margin-top:3px;font-size:9px}.toggle{background:#d1d9d8;border-radius:12px;flex:none;width:32px;height:18px;padding:2px}.toggle.on{background:var(--accent)}.toggle i{background:#fff;border-radius:50%;width:14px;height:14px;display:block}.toggle.on i{transform:translate(14px)}.connections{flex-wrap:wrap;gap:8px;display:flex}.connections span{color:#87969a;width:100%;font-size:10px}.connections em{color:#61737a;border:1px solid #dce4e2;border-radius:5px;padding:8px;font-size:10px;font-style:normal}.app-footer{color:#9aa4a7;padding:25px 0;font-size:10px}.toast{color:#fff;z-index:30;background:#253841;border-radius:6px;align-items:center;gap:8px;padding:12px 15px;font-size:11px;display:flex;position:fixed;bottom:25px;right:25px}.toast svg{color:#7ac09d}.customer-main{background:#fbfcfb;min-height:100vh}.customer-topbar{background:#fff;padding:0 max(24px,50vw - 590px)}.customer-brand strong{color:#32464e;font-size:14px}.customer-brand span{color:#87969b}.help-center{max-width:1180px;margin:auto}.help-hero{text-align:center;padding:66px 20px 48px}.help-hero h1{letter-spacing:-1.8px;margin:12px 0 10px;font:600 44px Space Grotesk}.help-hero p{color:#7f8e92;font-size:14px}.ask-box{color:#91a09e;background:#fff;border:1px solid #dbe5e1;border-radius:7px;align-items:center;gap:10px;max-width:650px;margin:27px auto 0;padding:5px 6px 5px 15px;display:flex;box-shadow:0 8px 25px #4d675c0d}.ask-box input{border:0;outline:0;flex:1;min-width:0;font-size:12px}.ask-box button{background:var(--accent);color:#fff;border:0;border-radius:5px;padding:11px 14px;font-size:10px}.help-tabs{border-bottom:1px solid #e1e8e5;gap:24px;padding:0 20px;display:flex}.help-tabs button{color:#879598;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 4px;font-size:11px}.help-tabs button.active{color:var(--accent);border-color:var(--accent);font-weight:700}.help-tabs span{background:#edf3ef;border-radius:8px;padding:2px 5px;font-size:8px}.help-section,.ticket-status{padding:35px 20px}.section-title{justify-content:space-between;align-items:flex-start;display:flex}.section-title>span{color:#98a4a5;font-size:10px}.section-title h2{margin:8px 0 20px;font:600 23px Space Grotesk}.topic-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.topic-card{text-align:left;background:#fff;border:1px solid #e2e9e6;border-radius:7px;flex-direction:column;align-items:flex-start;min-height:140px;padding:17px;display:flex;position:relative}.topic-card:hover{border-color:#e3ad9e}.topic-icon{width:31px;height:31px;color:var(--accent);background:#fff0eb;border-radius:7px;place-items:center;display:grid}.topic-card h3{margin:15px 0 5px;font-size:12px}.topic-card p{color:#8b989b;margin:0;font-size:10px;line-height:1.5}.topic-card>svg{color:#b1bbba;position:absolute;bottom:16px;right:15px}.contact-band{background:#eff5f1;border-radius:8px;justify-content:space-between;align-items:center;margin:16px 20px 35px;padding:27px 30px;display:flex}.contact-band h2{margin:6px 0;font:600 22px Space Grotesk}.contact-band p{color:#82928c;margin:0;font-size:11px}.help-footer{color:#99a4a5;border-top:1px solid #e1e8e5;justify-content:space-between;padding:20px;font-size:10px;display:flex}.help-footer button{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.chat-panel{z-index:10;background:#fff;border:1px solid #dfe8e4;border-radius:9px;width:325px;position:fixed;bottom:22px;right:23px;overflow:hidden;box-shadow:0 14px 35px #263d3625}.chat-head{color:#fff;background:#2d444a;justify-content:space-between;padding:15px;display:flex}.chat-head b,.chat-head span{display:block}.chat-head b{font-size:12px}.chat-head span{color:#b4c3c3;margin-top:3px;font-size:9px}.chat-head button{color:#d5e0dd;background:0 0;border:0}.chat-body{padding:14px}.chat-welcome{color:#5c766a;background:#f0f5f2;border-radius:5px;align-items:center;gap:6px;margin-bottom:10px;padding:10px;font-size:10px;display:flex}.starter{text-align:left;color:#53686d;background:#fff;border:1px solid #e2e9e6;border-radius:5px;width:100%;margin:6px 0;padding:9px;font-size:10px;display:block}.chat-input{border:1px solid #dce5e1;border-radius:5px;margin-top:12px;display:flex}.chat-input input{border:0;outline:0;flex:1;padding:9px;font-size:10px}.chat-input button{background:var(--accent);color:#fff;border:0}.customer-ticket{background:#fff;border:1px solid #e1e8e5;border-radius:7px;justify-content:space-between;gap:15px;margin:10px 0;padding:16px;display:flex}.customer-ticket h3{margin:7px 0;font-size:13px}.customer-ticket p{color:#879598;margin:0;font-size:10px}.ticket-status-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.ticket-status-right small{color:#99a4a5;font-size:9px}.ticket-detail-mini{grid-template-columns:24px 1fr 24px 1fr;align-items:center;gap:10px;max-width:520px;margin-top:25px;display:grid}.timeline-dot{color:#9aa8a5;border:1px solid #d4e0dc;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.timeline-dot.done{color:#5b9e7b;background:#eaf4ee;border-color:#c8dfd1}.ticket-detail-mini b,.ticket-detail-mini span{display:block}.ticket-detail-mini b{font-size:10px}.ticket-detail-mini span{color:#98a4a5;margin-top:3px;font-size:9px}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(4,1fr)}.hero-copy h1{font-size:44px}.topic-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.sidebar{width:255px;transition:left .2s;left:-255px}.sidebar.open{left:0}.close-mobile{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.main{margin-left:0}.menu-button{display:block}.topbar{height:58px;padding:0 17px}.top-actions{gap:9px}.sim-label,.top-actions .link-button{display:none}.content{padding:25px 17px 45px}.page-header{display:block}.page-header .primary,.page-header .secondary,.page-header .filter-row{margin-top:15px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px 9px}.metric strong{font-size:22px}.dashboard-grid,.inbox-layout,.detail-grid,.payment-layout,.settings-grid{grid-template-columns:1fr}.settings-section.wide{grid-column:auto}.home-hero{flex-direction:column;gap:20px;padding:35px 17px 45px;display:flex}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{min-height:330px}.flow-section{padding:25px 17px}.flow-grid{grid-template-columns:1fr 1fr}.flow-step{padding:13px 10px}.flow-step>svg{display:none}.knowledge-grid,.pricing-grid{grid-template-columns:1fr}.receipt-card{padding:20px}.customer-topbar{height:62px;padding:0 17px}.customer-top-actions .link-button{font-size:10px}.customer-top-actions>svg{display:none}.help-hero{padding:45px 17px 35px}.help-hero h1{font-size:34px}.ask-box button{padding:11px 9px}.topic-grid{grid-template-columns:1fr 1fr}.contact-band{margin:10px 17px 25px;padding:22px 18px;display:block}.contact-band .primary{margin-top:16px}.help-footer{align-items:center;gap:14px;margin:0 17px;padding:18px 0}.help-footer span{max-width:210px}.chat-panel{width:auto;bottom:12px;left:12px;right:12px}.customer-ticket{display:block}.ticket-status-right{align-items:flex-start;margin-top:12px}.ticket-detail-mini{grid-template-columns:24px 1fr}.ticket-detail-mini .timeline-dot:nth-of-type(2){display:none}.ticket-detail-mini>div:nth-of-type(4){grid-column:2}.inbox-list{padding:12px}.detail-side{margin-top:5px}.payment-head{flex-wrap:wrap;align-items:flex-start}.payment-head .status{margin-left:50px}.app-footer{padding-bottom:0}}@media (width<=390px){.topic-grid{grid-template-columns:1fr}.help-tabs{gap:12px}.customer-top-actions .link-button{text-align:right;max-width:125px}.flow-grid{grid-template-columns:1fr}.metric span{font-size:9px}.metric small{font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.sidebar,.topbar,.page-header,.receipt-card>.secondary{display:none!important}.content{padding:0}.receipt-card{background:#fff}.receipt-paper{box-shadow:none}}