:root{--color-primary:#991b1b;--color-primary-hover:#7f1d1d;--color-primary-light:#fef2f2;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text-main:#0f172a;--color-text-muted:#64748b;--shadow-soft:0 10px 30px #0f172a0f;color:var(--color-text-main);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--color-bg);min-height:100vh;color:var(--color-text-main)}button,input{font:inherit}img{max-width:100%;display:block}.login-shell{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:min(100%,440px);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #94a3b840;border-radius:20px;padding:32px 28px 24px}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-brand-mark{background:linear-gradient(135deg, var(--color-primary) 0%, #b91c1c 100%);border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:12px;display:grid;box-shadow:0 12px 24px #991b1b2e}.login-brand h1{letter-spacing:-.06em;color:var(--color-text-main);margin:0;font-size:2rem;font-weight:700}.login-brand p{color:var(--color-text-muted);margin:6px 0 0;font-size:.82rem}.login-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group span{color:var(--color-text-main);font-size:.8rem;font-weight:600}.input-wrap{border:1px solid var(--color-border);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #991b1b1f}.input-wrap svg{color:var(--color-text-muted);flex-shrink:0}.input-wrap input{width:100%;color:var(--color-text-main);background:0 0;border:0;outline:none;padding:12px 0}.input-wrap input::placeholder{color:#94a3b8}.login-error{background:var(--color-primary-light);color:#991b1b;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin:0 0 18px;padding:10px 12px;font-size:.82rem;display:flex}.login-button{justify-content:center;width:100%;margin-top:4px;font-weight:600}.btn:hover{transform:translateY(-1px)}.app-container{background:#f8fafc;min-height:100vh;display:flex}.sidebar{color:#e2e8f0;background:#0f172a;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;padding:18px 14px 16px;display:flex}.sidebar-top{flex-direction:column;gap:20px;display:flex}.brand-block{border-bottom:1px solid #94a3b833;align-items:center;gap:10px;padding:8px 6px 18px;display:flex}.brand-mark{background:var(--color-primary);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.brand-name{letter-spacing:-.03em;color:#f8fafc;font-size:1rem;font-weight:700}.brand-subtitle{color:#94a3b8;letter-spacing:.11em;text-transform:uppercase;margin-top:3px;font-size:.62rem}.nav-list{flex-direction:column;gap:6px;display:flex}.nav-item{color:#cbd5e1;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#f8fafc;background:#94a3b814}.nav-item.active{background:var(--color-primary);color:#fff}.sidebar-footer{border-top:1px solid #94a3b833;padding-top:16px}.profile-box{padding:0 8px 12px}.profile-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.profile-role{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-top:3px;font-size:.69rem}.sidebar-logout{color:#e2e8f0;background:0 0;border-color:#94a3b84d;justify-content:center;width:100%}.topbar{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 24px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.68rem}.topbar-title{letter-spacing:-.04em;margin:2px 0 0;font-size:1.35rem;font-weight:700}.topbar-actions{align-items:center;gap:14px;display:flex}.global-search{border:1px solid var(--color-border);min-width:260px;height:38px;color:var(--color-text-muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.global-search input{width:100%;color:var(--color-text-main);background:0 0;border:0;outline:none;font-size:.88rem}.global-search input::placeholder{color:var(--color-text-muted)}.global-search:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.global-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #991b1b1a}.icon-button{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid}.user-pill{border:1px solid var(--color-border);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 8px;display:flex}.avatar-circle{background:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid}.user-meta{flex-direction:column;line-height:1.2;display:flex}.user-meta span{color:var(--color-text-main);font-size:.8rem;font-weight:600}.user-meta small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.65rem}.badge-closed,.badge-low{color:#475569;background:#f1f5f9}@media (width<=900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.page-title{letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:700}.page-subtitle,.section-subtitle{color:var(--color-text-muted);margin-top:5px;font-size:.82rem}.section-heading-row{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.section-title{margin:0;font-size:1rem;font-weight:700}.ticket-filters{grid-template-columns:minmax(0,1fr) 210px 210px;align-items:center;gap:14px;display:grid}.search-field{min-width:0;position:relative}.search-field>svg{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field .form-control{padding-left:38px}.analytics-card{min-height:300px}.analytics-card-header{color:var(--color-text-muted);justify-content:space-between;gap:16px;margin-bottom:24px;display:flex}.analytics-card-header h3{color:var(--color-text-main);margin:0 0 5px;font-size:.98rem}.analytics-card-header p{margin:0;font-size:.78rem}.metric-list{flex-direction:column;gap:16px;display:flex}.metric-row{flex-direction:column;gap:7px;display:flex}.metric-label-row{justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.metric-label-row strong{color:var(--color-text-main)}.metric-track{background:#eef2f7;border-radius:999px;width:100%;height:8px;overflow:hidden}.metric-fill{border-radius:inherit;background:var(--color-primary);min-width:0;height:100%;transition:width .2s}.empty-state{text-align:center;color:var(--color-text-muted);padding:36px 0;font-size:.82rem}.inline-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.field-hint{color:var(--color-text-muted);margin-left:6px;font-size:.7rem;font-weight:500}.settings-card{max-width:720px}.nav-item{color:#d5deea}.nav-item svg{color:#cbd5e1}.nav-item:hover svg,.nav-item.active svg{color:currentColor}.brand-subtitle,.profile-role{color:#a8b6c9}@media (width<=900px){.ticket-filters{grid-template-columns:1fr}}.landing-page{--landing-red:#c51f24;--landing-red-dark:#a9191e;--landing-red-soft:#fff1f1;--landing-ink:#111827;--landing-muted:#64748b;--landing-line:#e5e7eb;--landing-pale:#f7f8fa;--landing-white:#fff;color:var(--landing-ink);background:var(--landing-white);font-family:Inter,Segoe UI,Arial,sans-serif;overflow:clip}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box}.landing-page button,.landing-page a{font:inherit}.landing-page button{color:inherit}.landing-page button:focus-visible,.landing-page a:focus-visible{outline-offset:3px;outline:3px solid #c51f2466}.landing-header{z-index:20;background:#fffffff7;border-bottom:1px solid #e5e7ebe6;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;gap:30px;width:min(1240px,100% - 64px);min-height:76px;margin:0 auto;display:flex}.landing-brand-link{color:inherit;text-decoration:none;display:inline-flex}.landing-brand{align-items:center;gap:10px;display:inline-flex}.landing-brand-mark{background:var(--landing-red);width:39px;height:39px;color:var(--landing-white);letter-spacing:-.6px;border-radius:10px;place-items:center;font-size:15px;font-weight:800;display:grid}.landing-brand-name{letter-spacing:-.7px;font-size:19px;font-weight:750}.landing-nav-links,.landing-nav-actions{align-items:center;gap:28px;display:flex}.landing-nav-links button,.landing-footer-links button{color:#475569;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:550;transition:color .16s}.landing-nav-links button:hover,.landing-footer-links button:hover{color:var(--landing-red)}.landing-nav-actions{gap:10px}.landing-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 19px;font-size:13px;font-weight:650;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.landing-button svg{width:16px;height:16px}.landing-button:hover{transform:translateY(-1px)}.landing-button-primary{background:var(--landing-red);box-shadow:0 5px 12px #c51f2421;color:var(--landing-white)!important}.landing-button-primary:hover{border-color:var(--landing-red-dark);background:var(--landing-red-dark);box-shadow:0 8px 18px #c51f2433}.landing-button-outline{background:var(--landing-white);color:var(--landing-ink);border-color:#d7dce3}.landing-button-outline:hover{border-color:var(--landing-red);color:var(--landing-red)}.landing-menu-toggle{border:1px solid var(--landing-line);background:var(--landing-white);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.landing-menu-toggle svg{width:19px;height:19px}.landing-hero{background:radial-gradient(ellipse at 80% 12%, #c51f240b, transparent 34%), var(--landing-white);padding:78px 32px 74px}.landing-hero-inner{grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(34px,5vw,76px);width:min(1240px,100%);margin:0 auto;display:grid}.hero-copy{max-width:490px}.hero-badge{color:var(--landing-red);letter-spacing:.8px;background:snow;border:1px solid #f2c9cb;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:10px;font-weight:750;display:inline-flex}.hero-badge>span{background:var(--landing-red);border-radius:50%;width:7px;height:7px}.hero-copy h1{letter-spacing:-2.4px;margin:22px 0 17px;font-size:clamp(39px,4vw,57px);font-weight:760;line-height:1.08}.hero-copy h1 span{color:var(--landing-red)}.hero-copy>p{max-width:470px;color:var(--landing-muted);margin:0;font-size:15px;line-height:1.8}.hero-actions,.landing-cta-actions{flex-wrap:wrap;gap:11px;margin-top:27px;display:flex}.hero-trust{color:#536174;align-items:center;gap:9px;margin-top:27px;font-size:12px;font-weight:550;display:flex}.hero-trust svg{background:var(--landing-red-soft);width:17px;height:17px;color:var(--landing-red);border-radius:50%;padding:3px}.hero-preview{min-width:0}.preview-wrap{width:100%;max-width:760px;margin:0 auto}.preview-browser{background:var(--landing-white);border:1px solid #dfe3e9;border-radius:13px;overflow:hidden;box-shadow:0 24px 65px #1118271c,0 4px 12px #1118270a}.preview-browser-bar{background:#fbfcfd;border-bottom:1px solid #edf0f3;align-items:center;gap:6px;height:37px;padding:0 13px;display:flex}.preview-browser-bar>span{background:#d5d9df;border-radius:50%;width:7px;height:7px}.preview-browser-bar>span:first-child{background:#e9a3a5}.preview-address{color:#929baa;text-align:center;background:#fff;border:1px solid #edf0f3;border-radius:5px;width:37%;margin:0 auto;padding:4px 10px;font-size:8px}.preview-app{grid-template-columns:155px minmax(0,1fr);min-height:374px;display:grid}.preview-sidebar{background:#fff;border-right:1px solid #edf0f3;flex-direction:column;min-width:0;padding:17px 11px 12px;display:flex}.preview-sidebar .landing-brand{gap:7px;margin:0 0 25px 3px}.preview-sidebar .landing-brand-mark{border-radius:7px;width:26px;height:26px;font-size:10px}.preview-sidebar .landing-brand-name{font-size:12px}.preview-sidebar-label,.preview-eyebrow{color:#929baa;letter-spacing:.9px;font-size:8px;font-weight:750}.preview-sidebar-label{margin-bottom:8px;padding:0 8px}.preview-nav-item{color:#6b7584;border-radius:5px;align-items:center;gap:9px;min-height:32px;padding:0 8px;font-size:9px;display:flex}.preview-nav-item svg{width:13px;height:13px}.preview-nav-active{color:var(--landing-red);background:#fff1f1;font-weight:650}.preview-sidebar-profile{border-top:1px solid #edf0f3;align-items:center;gap:8px;margin-top:auto;padding:11px 2px 0;font-size:8px;display:flex}.preview-avatar,.preview-agent-avatar{color:#92383b;background:#f1e9e9;border-radius:50%;flex:none;place-items:center;font-size:7px;font-weight:700;display:inline-grid}.preview-avatar{width:24px;height:24px}.preview-sidebar-profile strong,.preview-sidebar-profile small{display:block}.preview-sidebar-profile strong{color:#374151;font-size:8px}.preview-sidebar-profile small{color:#929baa;margin-top:3px;font-size:7px}.preview-main{background:#fafbfc;min-width:0;padding:20px 19px 17px}.preview-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-heading h2{letter-spacing:-.4px;margin:4px 0 0;font-size:16px}.preview-date{color:#738092;white-space:nowrap;background:#fff;border:1px solid #e8ebef;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:inline-flex}.preview-date svg{width:11px;height:11px}.preview-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.preview-kpi{background:#fff;border:1px solid #eaedf1;border-radius:7px;min-width:0;padding:10px 11px}.preview-kpi>span{color:#707b8b;font-size:8px;display:block}.preview-kpi strong{letter-spacing:-.3px;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.preview-kpi strong svg{width:14px;height:14px;color:var(--landing-red)}.preview-kpi small{color:#9aa3b0;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;display:block;overflow:hidden}.preview-table-card{background:#fff;border:1px solid #eaedf1;border-radius:7px;margin-top:12px;overflow:hidden}.preview-table-heading{justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;display:flex}.preview-table-heading h3{margin:0;font-size:10px}.preview-table-heading p{color:#929baa;margin:3px 0 0;font-size:7px}.preview-table-heading>span{color:var(--landing-red);font-size:7px;font-weight:650}.preview-table-scroll{overflow-x:auto}.preview-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.preview-table th{color:#8490a0;background:#fbfcfd;border-top:1px solid #f0f2f5;padding:7px 9px;font-size:7px;font-weight:600}.preview-table td{color:#475569;border-top:1px solid #f0f2f5;padding:8px 9px;font-size:7px}.preview-table td:first-child,.preview-table td:last-child{display:table-cell}.preview-ticket-icon{background:var(--landing-red-soft);width:17px;height:17px;color:var(--landing-red);vertical-align:middle;border-radius:4px;place-items:center;margin-right:6px;display:inline-grid}.preview-ticket-icon svg{width:9px;height:9px}.preview-priority,.preview-status{border-radius:99px;align-items:center;gap:4px;padding:4px 6px;font-size:7px;display:inline-flex}.preview-priority-high{color:#b4232a;background:#fff1f1}.preview-priority-normal{color:#9b6b16;background:#fff7e9}.preview-priority-low{color:#64748b;background:#f1f5f9}.preview-status-open{color:#96681a;background:#fff7e9}.preview-status-in-progress{color:#38649b;background:#eff6ff}.preview-status-resolved{color:#36704b;background:#eef8f1}.preview-status i{background:currentColor;border-radius:50%;width:4px;height:4px}.preview-agent-avatar{vertical-align:middle;width:16px;height:16px;margin-right:5px}.preview-note{color:#8791a0;justify-content:flex-end;align-items:center;gap:6px;padding:9px 3px 0;font-size:9px;display:flex}.preview-note span{background:var(--landing-red);border-radius:50%;width:6px;height:6px}.benefits-strip{border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line);background:var(--landing-pale)}.benefits-inner{grid-template-columns:repeat(4,1fr);width:min(1180px,100% - 64px);margin:0 auto;display:grid}.benefits-inner>div{border-right:1px solid #e7e9ed;padding:24px 25px 24px 28px;position:relative}.benefits-inner>div:first-child{padding-left:0}.benefits-inner>div:last-child{border-right:0}.benefits-inner>div>span{color:#c8a0a1;font-size:9px;font-weight:700;position:absolute;top:26px;left:0}.benefits-inner>div:first-child>span{left:-22px}.benefits-inner strong{font-size:13px;display:block}.benefits-inner p{color:var(--landing-muted);margin:5px 0 0;font-size:11px;line-height:1.5}.landing-section{padding:94px 32px;scroll-margin-top:90px}.landing-section-heading{text-align:center;max-width:680px;margin:0 auto 44px}.landing-eyebrow{color:var(--landing-red);letter-spacing:1.05px;font-size:10px;font-weight:750}.landing-section-heading h2,.why-copy h2,.landing-cta-card h2{color:var(--landing-ink);letter-spacing:-1.4px;margin:12px 0;font-size:clamp(29px,3.1vw,40px);font-weight:730;line-height:1.18}.landing-section-heading>p{max-width:610px;color:var(--landing-muted);margin:0 auto;font-size:14px;line-height:1.75}.workflow-grid,.features-grid{gap:16px;width:min(1180px,100%);margin:0 auto;display:grid}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-card{border:1px solid var(--landing-line);background:var(--landing-white);border-radius:10px;min-height:205px;padding:24px 20px;transition:border-color .17s,box-shadow .17s,transform .17s;position:relative}.workflow-card:hover,.feature-card:hover{border-color:#edbfc1;transform:translateY(-3px);box-shadow:0 12px 28px #1118270e}.workflow-number{color:#b9c0cb;font-size:10px;font-weight:700;position:absolute;top:24px;right:20px}.landing-icon{background:var(--landing-red-soft);width:43px;height:43px;color:var(--landing-red);border-radius:50%;place-items:center;display:inline-grid}.landing-icon svg{width:19px;height:19px}.workflow-card h3,.feature-card h3{color:var(--landing-ink);letter-spacing:-.2px;margin:20px 0 8px;font-size:15px;font-weight:680}.workflow-card p,.feature-card p{color:var(--landing-muted);margin:0;font-size:12px;line-height:1.7}.features-section{background:var(--landing-pale)}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{background:var(--landing-white);border:1px solid #e6e9ee;border-radius:10px;min-height:190px;padding:22px 23px;transition:border-color .17s,box-shadow .17s,transform .17s}.feature-card .landing-icon{border-radius:9px;width:39px;height:39px}.feature-card .landing-icon svg{width:18px;height:18px}.feature-card h3{margin-top:17px}.why-section{background:var(--landing-pale);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(45px,8vw,110px);padding:92px max(32px,50vw - 580px);scroll-margin-top:90px;display:grid}.why-visual{background:radial-gradient(circle at 75% 18%, #c51f240f, transparent 32%), var(--landing-white);border:1px solid #ebeef2;border-radius:16px;place-items:center;min-height:340px;display:grid}.why-visual-card{background:#fff;border:1px solid #e6e9ee;border-radius:12px;width:min(350px,100% - 48px);padding:22px;box-shadow:0 16px 40px #11182714}.why-visual-mark{background:var(--landing-red);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.why-visual-title{flex-direction:column;gap:4px;margin:15px 0;display:flex}.why-visual-title strong{font-size:14px}.why-visual-title span{color:var(--landing-muted);font-size:10px}.why-visual-row{color:#566273;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:11px 0;font-size:10px;display:flex}.why-visual-row>span{align-items:center;gap:7px;display:flex}.why-visual-row b{color:#8490a0;font-size:9px;font-weight:550}.why-dot{background:#cbd5e1;border-radius:50%;width:7px;height:7px}.why-dot-red{background:var(--landing-red)}.why-dot-amber{background:#e9a63a}.why-dot-green{background:#4e9a69}.why-visual-footer{color:var(--landing-red);border-top:1px solid #edf0f3;align-items:center;gap:7px;margin-top:4px;padding-top:13px;font-size:9px;font-weight:600;display:flex}.why-visual-footer svg{width:13px;height:13px}.why-copy{max-width:500px}.why-copy h2{margin-top:13px}.why-intro{color:var(--landing-muted);margin:0;font-size:14px;line-height:1.75}.why-points{margin-top:22px}.why-points article{border-top:1px solid #e1e5ea;gap:13px;padding:15px 0;display:flex}.why-check{background:var(--landing-red-soft);width:25px;height:25px;color:var(--landing-red);border-radius:50%;flex:none;place-items:center;display:inline-grid}.why-check svg{width:14px;height:14px}.why-points h3{margin:0 0 4px;font-size:13px}.why-points p{color:var(--landing-muted);margin:0;font-size:11px;line-height:1.55}.journey-section{background:#fff}.journey-track{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px;width:min(1080px,100%);margin:0 auto;display:grid}.journey-stage{text-align:center;flex-direction:column;align-items:center;gap:11px;min-width:0;display:flex}.journey-stage>span{background:var(--landing-red-soft);width:52px;height:52px;color:var(--landing-red);border:1px solid #f0c6c8;border-radius:50%;place-items:center;display:grid}.journey-stage>span svg{width:21px;height:21px}.journey-stage-complete>span{border-color:var(--landing-red);background:var(--landing-red);color:#fff}.journey-stage strong{max-width:130px;font-size:11px;line-height:1.4}.journey-connector{color:#c9cfd8;align-items:center;padding-top:18px;display:flex}.journey-connector svg{width:17px;height:17px}.faq-section{background:var(--landing-pale);scroll-margin-top:90px}.faq-section .landing-section-heading{margin-bottom:32px}.faq-list{border-top:1px solid var(--landing-line);width:min(800px,100%);margin:0 auto}.faq-item{border-bottom:1px solid var(--landing-line)}.faq-item h3{margin:0}.faq-question{width:100%;min-height:62px;color:var(--landing-ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:13px 2px;font-size:13px;font-weight:640;display:flex}.faq-question svg{width:17px;height:17px;color:var(--landing-red);flex:none}.faq-answer{padding:0 32px 18px 2px}.faq-answer[hidden]{display:none}.faq-answer p{max-width:720px;color:var(--landing-muted);margin:0;font-size:12px;line-height:1.75}.landing-cta-section{background:#fff;padding:56px 32px 78px}.landing-cta-card{background:radial-gradient(ellipse at 90% 10%, #c51f240e, transparent 35%), var(--landing-pale);text-align:center;border:1px solid #ebeef2;border-radius:16px;width:min(1180px,100%);min-height:240px;margin:0 auto;padding:45px 28px}.landing-cta-card h2{margin:10px 0;font-size:clamp(27px,3vw,36px)}.landing-cta-card>p{max-width:590px;color:var(--landing-muted);margin:0 auto;font-size:13px;line-height:1.7}.landing-cta-actions{justify-content:center;margin-top:20px}.landing-footer{color:#fff;background:#111827;padding:45px 32px 18px}.landing-footer-main,.landing-footer-bottom{justify-content:space-between;align-items:flex-start;gap:36px;width:min(1180px,100%);margin:0 auto;display:flex}.landing-footer-brand{max-width:390px}.landing-brand-footer .landing-brand-name{color:#fff}.landing-footer-brand>p{color:#b6bfcc;max-width:360px;margin:14px 0 0;font-size:11px;line-height:1.7}.landing-footer-links{grid-template-columns:repeat(2,auto);align-items:start;column-gap:34px;display:grid}.landing-footer-links strong{color:#fff;grid-column:1/-1;margin-bottom:5px;font-size:11px}.landing-footer-links button{color:#bac2ce;text-align:left;font-size:10px}.landing-footer-bottom{color:#9ba6b5;border-top:1px solid #e2e8f026;align-items:center;margin-top:30px;padding-top:15px;font-size:9px}.landing-reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(12px)}.landing-reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=1050px){.landing-nav{gap:18px;width:min(100% - 40px,900px)}.landing-nav-links{gap:16px}.landing-nav-links button{font-size:12px}.landing-hero{padding:62px 24px}.landing-hero-inner{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:28px}.preview-app{grid-template-columns:125px minmax(0,1fr)}.preview-main{padding:16px 12px}.benefits-inner,.workflow-grid,.features-grid{width:min(900px,100%)}.why-section{gap:42px}}@media (width<=760px){.landing-nav{width:calc(100% - 36px);min-height:68px;position:relative}.landing-menu-toggle{order:3;display:inline-flex}.landing-nav-actions{margin-left:auto}.landing-nav-start{display:none}.landing-nav-links{z-index:2;border-bottom:1px solid var(--landing-line);background:#fff;align-items:stretch;gap:0;padding:8px 18px 15px;display:none;position:absolute;top:calc(100% + 1px);left:-18px;right:-18px;box-shadow:0 12px 18px #1118270f}.landing-nav-links-open{flex-direction:column;display:flex}.landing-nav-links button{text-align:left;border-bottom:1px solid #f0f2f5;padding:12px 0;font-size:13px}.landing-nav-links button:last-child{border-bottom:0}.landing-hero{padding:48px 19px 45px}.landing-hero-inner{grid-template-columns:1fr;gap:33px}.hero-copy{text-align:center;max-width:600px;margin:0 auto}.hero-copy h1{letter-spacing:-1.8px;font-size:clamp(37px,9vw,51px)}.hero-copy>p{margin:0 auto;font-size:14px}.hero-actions,.hero-trust{justify-content:center}.preview-wrap{max-width:600px}.preview-app{grid-template-columns:112px minmax(0,1fr)}.preview-main{padding:14px 11px}.benefits-inner{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 38px)}.benefits-inner>div{border-bottom:1px solid #e7e9ed;padding:17px 13px 17px 24px}.benefits-inner>div:nth-child(2){border-right:0}.benefits-inner>div:nth-child(3),.benefits-inner>div:nth-child(4){border-bottom:0}.benefits-inner>div:first-child{padding-left:24px}.benefits-inner>div>span,.benefits-inner>div:first-child>span{top:19px;left:2px}.landing-section{padding:72px 20px}.landing-section-heading{margin-bottom:32px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-card{min-height:185px;padding:20px 16px}.workflow-number{top:20px;right:15px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-card{min-height:190px;padding:18px 15px}.why-section{grid-template-columns:1fr;gap:32px;padding:70px 20px}.why-visual{min-height:290px}.why-copy{max-width:620px;margin:0 auto}.journey-track{grid-template-columns:1fr;gap:0;width:min(470px,100%)}.journey-stage{text-align:left;flex-direction:row;gap:13px}.journey-stage>span{width:42px;height:42px}.journey-stage>span svg{width:18px;height:18px}.journey-stage strong{max-width:none}.journey-connector{transform-origin:21px;height:27px;padding:0 0 0 13px;transform:rotate(90deg)}.landing-cta-section{padding:26px 19px 56px}.landing-cta-card{padding:35px 20px}.landing-footer{padding:36px 20px 16px}.landing-footer-main{flex-direction:column;gap:25px}}@media (width<=480px){.landing-brand-mark{width:35px;height:35px}.landing-brand-name{font-size:17px}.landing-nav{gap:8px;width:calc(100% - 28px)}.landing-nav-actions{gap:7px}.landing-nav-sign-in{min-height:38px;padding:0 10px;font-size:11px}.landing-menu-toggle{width:38px;height:38px}.hero-badge{letter-spacing:.55px;font-size:8px}.hero-copy h1{font-size:clamp(34px,9vw,43px)}.hero-actions .landing-button{min-height:42px;padding:0 13px;font-size:11px}.hero-trust{font-size:10px}.preview-browser{border-radius:9px}.preview-browser-bar{height:30px}.preview-app{grid-template-columns:1fr;min-height:0}.preview-sidebar{display:none}.preview-main{padding:12px 9px}.preview-heading h2{font-size:14px}.preview-date{font-size:7px}.preview-kpis{gap:6px;margin-top:11px}.preview-kpi{padding:8px}.preview-kpi strong{font-size:12px}.preview-table th,.preview-table td{padding:7px 6px;font-size:6px}.preview-status,.preview-priority{padding:3px 4px;font-size:6px}.benefits-inner{width:calc(100% - 28px)}.benefits-inner strong{font-size:11px}.benefits-inner p{font-size:9px}.landing-section-heading h2,.why-copy h2{letter-spacing:-1px;font-size:29px}.landing-section-heading>p{font-size:12px}.workflow-grid,.features-grid{grid-template-columns:1fr}.workflow-card,.feature-card{min-height:0}.workflow-card h3,.feature-card h3{margin-top:14px}.landing-cta-card h2{letter-spacing:-.9px;font-size:27px}.landing-cta-card>p{font-size:12px}.landing-footer-links{column-gap:24px}.landing-footer-bottom{flex-direction:column;align-items:flex-start;gap:7px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-reveal{opacity:1;transform:none}}:root{--color-primary:#991b1b;--color-primary-hover:#7f1d1d;--color-primary-light:#fef2f2;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text-main:#0f172a;--color-text-muted:#64748b;--sidebar-width:240px}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background-color:var(--color-bg);color:var(--color-text-main);min-height:100vh}.app-container{min-height:100vh;display:flex}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000a}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{border-color:var(--color-border);color:var(--color-text-main);background:#fff}.btn-outline:hover{background:#f1f5f9}.sign-out-btn:hover{color:#be123c;background:#fff1f2;border-color:#fda4af;transform:translateY(-1px)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--color-text-main);font-size:13px;font-weight:600}.form-control{border:1px solid var(--color-border);border-radius:6px;outline:none;padding:9px 12px;font-size:14px}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #991b1b26}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{color:#475569;border-bottom:1px solid var(--color-border);background:#f8fafc;padding:12px 16px;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);padding:14px 16px}.data-table tr:hover{cursor:pointer;background:#f1f5f9}.badge{text-transform:capitalize;border-radius:12px;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-open{color:#1d4ed8;background:#eff6ff}.badge-in_progress{color:#a16207;background:#fefce8}.badge-pending{color:#c2410c;background:#fff7ed}.badge-resolved{color:#15803d;background:#f0fdf4}.badge-closed,.badge-low{color:#475569;background:#f1f5f9}.badge-medium{color:#0369a1;background:#e0f2fe}.badge-high{color:#c2410c;background:#ffedd5}.badge-urgent{color:#be123c;background:#ffe4e6}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}html,body,#root{max-width:100%;overflow-x:hidden}.main-content,.main-wrapper,.card,.ticket-details-layout>*{min-width:0}.sidebar-backdrop,.menu-button,.sidebar-close{display:none}.table-responsive{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.data-table{min-width:620px}.form-control{width:100%;max-width:100%}.ticket-details-layout{min-width:0}@media (width<=1200px){.main-content{padding:20px}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=992px){.sidebar{z-index:30;height:100vh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:12px 0 28px #0f172a2e}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:20;background:#0f172a6b;border:0;display:block;position:fixed;inset:0}.menu-button{flex-shrink:0;display:grid}.sidebar-close{color:#e2e8f0;background:0 0;border-color:#94a3b84d;margin-left:auto;display:grid}.topbar{padding:0 20px}}@media (width<=768px){.topbar{height:auto;min-height:68px;padding:12px 16px}.topbar-title{font-size:1.15rem}.topbar-actions{gap:8px}.global-search{width:min(34vw,220px);min-width:0}.user-pill{padding-right:6px}.user-meta{display:none}.main-content,.card{padding:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr);gap:16px}.ticket-details-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.ticket-details-layout .card{overflow-wrap:anywhere}.ticket-details-layout .card>div:first-child{flex-wrap:wrap;gap:8px}.ticket-details-layout form .btn{justify-content:center;width:100%}.data-table th,.data-table td{padding:11px 12px}}@media (width<=480px){.eyebrow{font-size:.6rem}.topbar-actions .global-search{display:none}.main-content{padding:12px}.btn{min-height:42px}.login-shell{padding:16px}.login-card{padding:24px 18px 20px}.login-brand h1{font-size:1.75rem}.card[style*="justify-content: space-between"]{gap:12px;align-items:flex-start!important}}