:root{--paper:#faf8f4;--paper-raised:#fff;--paper-sunken:#f1ede5;--ink:#1a1a17;--ink-soft:#4b4a44;--ink-faint:#8a887e;--line:#e4dfd4;--line-strong:#d3ccbd;--spruce:#0e7c66;--spruce-deep:#0a5b4b;--spruce-wash:#e3f0eb;--amber:#c98a1e;--amber-wash:#f7ecd6;--brand-red:#b4291d;--brand-red-deep:#8f1f15;--open:#0e7c66;--open-wash:#e3f0eb;--waiting:#b87514;--waiting-wash:#f7ecd6;--closed:#6b6a63;--closed-wash:#ebe8e0;--prio-low:#6b8f8a;--prio-medium:#2f7d8f;--prio-high:#c0741b;--prio-critical:#b23b3b;--danger:#b23b3b;--font-display:"Fraunces", Georgia, serif;--font-ui:"Hanken Grotesk", system-ui, sans-serif;--radius:10px;--radius-sm:7px;--shadow-sm:0 1px 2px #1a1a170f, 0 1px 3px #1a1a170a;--shadow-md:0 4px 16px #1a1a1714, 0 1px 3px #1a1a170d;--shadow-pop:0 12px 40px #1a1a1729}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(#1a1a1706 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:500}a{color:var(--spruce-deep);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-ui);cursor:pointer}input,select,textarea{font-family:var(--font-ui);color:var(--ink);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);outline:none;width:100%;padding:8px 11px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--spruce);box-shadow:0 0 0 3px var(--spruce-wash)}label{color:var(--ink-soft);letter-spacing:.01em;font-size:12px;font-weight:600}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--spruce);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--spruce);color:#fff;border-radius:var(--radius-sm);padding:8px 14px;transition:top .15s;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}main:focus{outline:none}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:13.5px;font-weight:600;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--spruce);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--spruce-deep)}.btn-ghost{color:var(--ink-soft);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:var(--paper-sunken);color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.muted{color:var(--ink-faint)}.mono-num{font-variant-numeric:tabular-nums}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rise{animation:.4s cubic-bezier(.2,.7,.2,1) both rise}.nav-link{color:var(--ink-faint);border-radius:var(--radius-sm);padding:6px 10px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--paper-sunken);color:var(--ink);text-decoration:none}.nav-link.active{color:var(--spruce-deep);background:var(--spruce-wash)}.login-page{z-index:1;justify-content:center;align-items:center;min-height:100%;padding:40px 20px;display:flex;position:relative}.login-card{background:var(--paper-raised);border-radius:14px;width:100%;max-width:372px;padding:38px 34px 34px;box-shadow:0 18px 50px #1a1a172e,0 4px 12px #1a1a1714}.et-mark{-webkit-user-select:none;user-select:none;background:#a61c00;border-radius:50%;box-shadow:0 8px 18px #8f1f1557,0 2px 5px #1a1a171f}.login-caption{text-align:center;color:var(--ink-soft);margin:12px 0 2px;font-size:13.5px;line-height:1.45}.seg{background:var(--paper-sunken);border-radius:100px;gap:3px;margin:18px 0 20px;padding:3px;display:flex}.seg button{color:var(--ink-faint);background:0 0;border:none;border-radius:100px;flex:1;padding:7px 0;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.seg button.active{background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.login-field{background:var(--paper-sunken);border-radius:var(--radius-sm);border:1px solid #0000;width:100%;margin-bottom:11px;padding:12px 13px}.login-field:focus{background:var(--paper-raised);border-color:var(--spruce);box-shadow:0 0 0 3px var(--spruce-wash)}.btn-login{letter-spacing:.04em;text-transform:uppercase;width:100%;margin-top:4px;padding:12px;font-size:14px}.login-links{justify-content:space-between;gap:12px;margin-top:14px;font-size:12.5px;font-weight:600;display:flex}.login-links a{color:var(--spruce-deep)}.login-or{color:var(--ink-faint);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.btn-social{background:var(--paper-raised);border:1px solid var(--line-strong);width:100%;color:var(--ink);margin-bottom:9px;padding:10px;font-weight:600}.btn-social:hover{background:var(--paper-sunken)}.login-demo{border-top:1px dashed var(--line-strong);text-align:center;margin-top:22px;padding-top:16px}.login-demo-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px;font-size:11px;font-weight:600}.login-demo-chips{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.login-demo-chips button{border:1px solid var(--line-strong);background:var(--paper-raised);color:var(--ink-soft);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600}.login-demo-chips button:hover{background:var(--spruce-wash);color:var(--spruce-deep);border-color:var(--spruce)}.login-error{color:var(--danger);text-align:center;margin:0 0 10px;font-size:12.5px}.rte{border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.rte-editor img{cursor:pointer}.rte-img-selected{outline:2px solid var(--spruce);outline-offset:1px}.rte-resize-handle{background:var(--spruce);cursor:nwse-resize;touch-action:none;z-index:5;border:2px solid #fff;border-radius:3px;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.rte:focus-within{border-color:var(--spruce);box-shadow:0 0 0 3px var(--spruce-wash)}.rte-toolbar{border-bottom:1px solid var(--line);background:var(--paper-sunken);flex-wrap:wrap;align-items:center;gap:2px;padding:5px 6px;display:flex}.rte-sep{background:var(--line-strong);width:1px;height:18px;margin:0 5px}.rte-btn{min-width:28px;height:26px;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:6px;padding:0 7px;font-size:13px;line-height:1}.rte-btn:hover{background:var(--paper-raised);color:var(--ink);border-color:var(--line)}.rte-editor{background:0 0;outline:none;max-height:420px;padding:11px 13px;font-size:14px;line-height:1.6;overflow-y:auto}.rte-editor:empty:before{content:attr(data-placeholder);color:var(--ink-faint);pointer-events:none}.mobile-menu{z-index:9;background:var(--paper-raised);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);flex-direction:column;gap:6px;padding:12px 16px;display:flex;position:sticky;top:58px}.mobile-menu .nav-link{padding:9px 10px;font-size:15px}.mobile-menu-sep{background:var(--line);height:1px;margin:6px 0}.collapse-summary{border-radius:var(--radius);width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-weight:600;display:flex}.collapse-summary:hover{background:var(--paper-sunken)}.page-wrap{max-width:1240px;margin:0 auto;padding:26px 22px 60px}.customer-page{margin:0 auto;padding:32px 22px 60px}.customer-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.filter-actions{align-items:center;gap:10px;margin-top:12px;display:flex}.ticket-list-head{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--line);align-items:center;padding:10px 16px;font-size:11.5px;font-weight:700;display:flex}.ticket-row{text-align:left;border:none;border-bottom:1px solid var(--line);background:0 0;align-items:center;width:100%;padding:13px 16px;transition:background .12s;display:flex}.ticket-row:hover{background:var(--paper-sunken)}.ti-ref{width:92px;color:var(--spruce-deep);font-weight:600}.ti-subject{flex:1;min-width:0;padding-right:14px}.ti-subject-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.ti-subject-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.ti-status{width:130px}.ti-priority{width:120px}.ti-assignee{width:150px;font-size:13px}.ti-date{text-align:right;width:150px;font-size:12.5px}.ticket-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:22px;max-width:1240px;margin:0 auto;padding:26px 22px 60px;display:grid}@media (width<=820px){.page-wrap{padding:18px 14px 48px}.customer-page{padding:22px 14px 48px}.customer-toolbar{flex-wrap:wrap}.filter-grid{grid-template-columns:repeat(2,1fr)}.filter-actions{flex-wrap:wrap}.ticket-list-head{display:none}.ticket-row{flex-wrap:wrap;gap:7px 10px;padding:14px}.ti-ref{width:auto}.ti-date{text-align:left;width:auto;margin-left:auto}.ti-subject{flex:100%;order:1;padding-right:0}.ti-status,.ti-priority,.ti-assignee{order:2;width:auto}.ti-assignee{margin-left:auto}}@media (width<=480px){.filter-grid{grid-template-columns:1fr 1fr}}.rich-content h1{font-family:var(--font-display);margin:6px 0;font-size:21px}.rich-content h2{font-family:var(--font-display);margin:6px 0;font-size:18px}.rich-content h3{font-family:var(--font-display);margin:6px 0;font-size:15.5px}.rich-content p{margin:0 0 8px}.rich-content p:last-child{margin-bottom:0}.rich-content ul,.rich-content ol{margin:6px 0;padding-left:22px}.rich-content li{margin:2px 0}.rich-content a{color:var(--spruce-deep);text-decoration:underline}.rich-content img{vertical-align:middle;border-radius:6px;max-width:100%;height:auto}.rich-content blockquote{border-left:3px solid var(--line-strong);color:var(--ink-soft);margin:8px 0;padding:4px 12px}