:root{font-family:Inter,Manrope,'Segoe UI',system-ui,-apple-system,sans-serif;color:#1b2832;background:#f5f7f9;font-synthesis:none;line-height:1.5;--ink:#16242e;--muted:#7e8b98;--accent:#d6a129;--gold:#f5c041;--line:#e7ecf0;--surface:#fff;--slate:#111e27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus{border-color:#a88426!important;box-shadow:0 0 0 3px #f6ce5a2b}button:focus-visible,a:focus-visible,tr:focus-visible{outline:2px solid #bb8f27;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h2{font-size:26px}h3{font-size:17px}p{line-height:1.7}.splash{min-height:100vh;display:grid;place-content:center;background:#141f28;color:#fff;font-weight:900;font-size:27px;letter-spacing:.15em}.splash span{color:var(--gold)}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:19px;font-weight:850;letter-spacing:.03em}.brand small{display:block;font-size:9px;letter-spacing:.22em;color:#a9b6bf;font-weight:650;margin-top:-3px}.mark{background:var(--gold);color:#17232a;border-radius:10px;font-size:25px;display:grid;place-items:center;width:42px;height:42px;font-weight:900}.auth-layout{min-height:100vh;display:grid;grid-template-columns: minmax(350px,.95fr) minmax(350px,1.05fr)}.auth-feature{display:flex;flex-direction:column;padding:48px clamp(32px,5vw,88px);background:radial-gradient(ellipse at 72% 95%,#2b3a35 0%,transparent 48%),linear-gradient(145deg,#192832,#111e27 70%);color:white;min-height:100vh}.auth-display{margin:auto 0;max-width:560px;padding:70px 0}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:800}.eyebrow.dark{color:#967022}.auth-display h1{font-size:clamp(43px,5vw,76px);line-height:1.04;margin:24px 0 25px;font-weight:800;letter-spacing:-.075em}.auth-display h1 em{font-style:normal;color:var(--gold)}.auth-display p{color:#c0cbd2;font-size:15px;max-width:495px}.auth-feature-lines{display:flex;flex-direction:column;gap:18px;margin-top:40px;color:#dce5e7;font-size:13px}.auth-feature-lines span:first-letter{color:var(--gold)}.auth-footer{font-size:10px;color:#86939d;letter-spacing:.12em}.auth-pane{display:flex;align-items:center;justify-content:center;padding:50px 28px;background:#fafbfc}.auth-box{width:min(100%,425px)}.auth-mini{color:#a27b29;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}.auth-box h2{font-size:34px;margin-bottom:12px}.auth-box>p{color:#7c8893;font-size:14px;margin-bottom:28px}.auth-box form{display:grid;gap:18px}.auth-box label,.form label,.message-form label,.dispute-panel form label{display:grid;gap:8px;font-size:12px;font-weight:750;color:#40505c}.auth-box label small{font-weight:400;color:#89959b}.auth-box input,.form input,.form select,.form textarea,.message-form textarea,.dispute-panel textarea{border:1px solid #d9e1e6;background:white;padding:13px 15px;border-radius:10px;width:100%;color:#182631;font-size:14px;resize:vertical}.auth-box input{padding:15px}.auth-other{margin-top:25px;color:#74828e;font-size:12px;text-align:center;line-height:1.8}.auth-other button{background:none;border:none;color:#8f671c;font-weight:800;padding:3px}.btn{border:1px solid transparent;border-radius:10px;padding:13px 17px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:750;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--gold);border-color:#e4af30;color:#19242b}.btn.primary:hover:not(:disabled){background:#e7b130}.btn.secondary{background:#fff;color:#344450;border-color:#dce4e9}.btn.secondary:hover{background:#f7fafc}.btn.danger{color:#a73335;background:#fff3f2;border-color:#f4dddd}.btn.small{padding:9px 13px}.btn.wide{width:100%}.auth-box .btn.primary{margin-top:5px;font-size:13px;padding:16px 20px;justify-content:space-between}.auth-box .info{margin-top:14px}.info{background:#ecf7ee;border:1px solid #cae6cf;color:#2b6541;padding:12px 14px;font-size:12px;border-radius:9px;overflow-wrap:anywhere}.secret{font-family:monospace;letter-spacing:.12em;background:#fff5cd;border:1px solid #e8d393;border-radius:9px;padding:14px;word-break:break-all;font-weight:800;margin-bottom:16px}.muted{color:#71818a;font-size:12px}.shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:#14222c;color:#e6eef2;padding:28px 19px 17px;display:flex;flex-direction:column;min-width:0}.sidebar .brand{padding:4px 13px}.nav-group{margin-top:62px;display:flex;flex-direction:column;gap:5px}.nav-caption{color:#6d7c87;font-size:10px;font-weight:750;letter-spacing:.14em;padding:0 16px 16px}.nav-item{border:none;color:#a5b4be;background:transparent;display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px 14px;border-radius:9px;font-size:13px;font-weight:600}.nav-item:hover{color:white;background:#20323f}.nav-item.active{background:#2c3c45;color:#f5cc59}.nav-item b{font-size:18px;width:21px;text-align:center;font-weight:500}.side-foot{margin-top:auto;border-top:1px solid #2d3a44;display:flex;align-items:center;gap:10px;padding:22px 6px 6px}.user-avatar,.avatar{width:37px;height:37px;border-radius:11px;background:#3e535d;color:#f5ca61;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.identity{flex:1;min-width:0}.identity b,.identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity b{font-size:12px}.identity small{font-size:10px;color:#90a0ab}.logout{border:0;background:none;color:#aab8c1;font-size:20px;padding:6px}.logout:hover{color:white}.workspace{min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:112px;padding:29px clamp(20px,3vw,47px) 20px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{font-size:10px;letter-spacing:.13em;color:#7f909c;font-weight:700}.breadcrumb span{padding:0 5px;color:#c0c9cf}.topbar h1{margin:5px 0 0;font-size:23px}.role-chip{display:block;background:#f6f7f8;border:1px solid #e4e8eb;color:#60717b;font-size:11px;border-radius:30px;padding:9px 13px;font-weight:650}.mobile-exit{display:none}.page{padding:clamp(20px,3vw,44px);width:100%;max-width:1600px;margin:0 auto;flex:1}.workspace footer{text-align:center;color:#94a1ab;font-size:10px;padding:20px}.greeting{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:30px}.greeting h2{font-size:30px;margin:10px 0 4px}.greeting p{font-size:13px;color:#83909b;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{background:#fff;padding:24px;border:1px solid var(--line);border-radius:14px;min-height:155px}.metric-label{font-size:12px;color:#697987;font-weight:650}.metric-value{font-size:42px;color:#17252f;line-height:1.2;font-weight:850;margin:16px 0 4px;letter-spacing:-.06em}.metric-value.accent{color:#b68a1c}.metric-sub{color:#9ba5ae;font-size:10px}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:18px;margin-top:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-head h3{margin:0}.panel-head p{margin:5px 0 0;color:#8c98a2;font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-item{background:#f8fafb;border:1px solid #e7edef;border-radius:10px;display:flex;align-items:center;text-align:left;gap:11px;padding:16px 12px;font-size:12px;font-weight:700;color:#384956}.quick-item:hover{background:#fff6df;border-color:#ead5a0}.quick-item span{background:#e8edf0;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;font-size:16px}.quick-item b{margin-left:auto;font-weight:500}.tips{background:#182b36;color:white;border-color:#182b36}.tips h3{font-size:25px;margin:22px 0 8px}.tips p{font-size:12px;color:#beccd2}.tips .eyebrow{color:#e0b444}.text-link{background:none;border:0;color:#9a7429;font-size:12px;font-weight:750;padding:5px 0}.tips .text-link{color:#f5cc59}.banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff4d5;border:1px solid #f0dfb5;border-radius:13px;padding:22px 24px;margin-top:23px}.banner b{font-size:14px}.banner p{color:#817249;font-size:12px;margin:5px 0 0}.filters{display:flex;gap:12px;align-items:center;margin-bottom:22px}.filters .search{flex:1;display:flex;gap:10px;align-items:center;background:#f9fbfc;border:1px solid #dfe6ea;padding:0 12px;border-radius:9px}.filters .search span{font-size:21px;color:#9daab3}.filters .search input{width:100%;border:0;outline:0;background:transparent;font-size:12px;padding:12px 0}.filters select{border:1px solid #dfe6ea;border-radius:9px;padding:11px 13px;font-size:12px;background:#fff;color:#51616d}.table-scroller{width:100%;overflow:auto}.ticket-table{border-collapse:collapse;width:100%;font-size:12px}.ticket-table thead{background:#f9fafb}.ticket-table th{text-align:left;color:#8996a2;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:14px}.ticket-table td{padding:17px 14px;border-bottom:1px solid #edf0f2}.ticket-table tbody tr{cursor:pointer}.ticket-table tbody tr:hover{background:#f9fafb}.ticket-table td strong{display:block;font-weight:750;color:#233340;margin:3px 0}.ticket-table td small{display:block;color:#9aa6ae;font-size:10px}.ticket-code{font-size:10px;color:#a17a27;font-weight:800}.ticket-table .time{color:#89959e}.ticket-table .arrow{color:#b2bec5;font-size:17px}.status{display:inline-flex;font-size:10px;font-weight:750;border-radius:20px;padding:6px 9px;background:#eef1f3;color:#60717c;white-space:nowrap}.status-NEW{background:#fef3d1;color:#956b1d}.status-IN_PROGRESS{background:#e7f0ff;color:#3865a2}.status-WAITING_CUSTOMER,.status-WAITING_STAFF{background:#fff0df;color:#a86f35}.status-RESOLVED{background:#e6f7ed;color:#328359}.status-CLOSED{background:#eef0f2;color:#89959f}.priority{font-size:11px;font-weight:700}.priority.URGENT{color:#bd4148}.priority.HIGH{color:#d48a32}.priority.LOW{color:#82909c}.empty{text-align:center;padding:30px;color:#8997a2;font-size:13px}.form-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:20px;align-items:start}.form{display:grid;gap:19px}.form label small,.upload-form small{font-weight:400;color:#92a0aa}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:23px;margin-top:5px}.form-panel .panel-head{padding-bottom:17px;border-bottom:1px solid var(--line)}.form-side .hint{position:sticky;top:22px}.hint-ico{font-size:25px;color:#a47a2a}.hint h3{margin:15px 0 25px}.steps{display:grid;gap:20px}.steps>div{display:flex;gap:12px}.steps i{font-style:normal;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;background:#f8e9b8;font-size:11px;color:#9b7323;font-weight:800;flex:none}.steps b,.steps small{display:block}.steps b{font-size:12px}.steps small{color:#8795a0;font-size:11px;margin-top:4px}.detail-back{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8b97a0;font-size:12px;margin-bottom:20px}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.detail-header h2{font-size:27px;margin:10px 0}.detail-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#9ca7af;font-size:11px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:19px;align-items:start}.main-column,.detail-side{display:grid;gap:18px;min-width:0}.story .prose{white-space:pre-wrap;line-height:1.8;color:#4e606b;font-size:13px}.reference{margin-top:16px;padding:12px 14px;background:#f8fafb;border-radius:8px;font-size:12px}.resolution{margin-top:18px;background:#eaf8ef;border:1px solid #d2eadc;padding:16px;border-radius:10px;color:#245b3f;white-space:pre-wrap;font-size:13px}.resolution p{margin:7px 0 0}.notice-warning{padding:14px;margin-top:13px;background:#fff5db;color:#8a652b;border-radius:8px;font-size:12px}.messages{display:grid;gap:15px}.message{padding:15px 17px;border:1px solid #e5ebee;border-radius:10px;background:#f9fbfc}.message.customer{background:#fbfcfd}.message.private{background:#fff8e8;border-color:#f1deb4}.message-top{display:flex;align-items:center;gap:12px}.message-top b{font-size:12px}.message-top time{margin-left:auto;color:#9da8b0;font-size:10px}.message p{white-space:pre-wrap;margin:10px 0 0;color:#52636e;font-size:12px}.internal{border-radius:20px;background:#f5e7b8;font-size:9px;padding:4px 8px;color:#8b681c}.message-form{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:23px}.message-form .btn{justify-self:start}.check{display:flex!important;align-items:center;gap:8px;color:#8c712e!important}.check input{accent-color:#a47f29}.case-info>div{display:flex;flex-direction:column;padding:15px 0;border-bottom:1px solid var(--line);gap:5px}.case-info span{font-size:11px;color:#92a0aa}.case-info b{font-size:12px}.case-info .btn{margin-top:13px}.history-event{padding:11px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;justify-content:space-between}.history-event b{font-size:10px}.history-event small{font-size:10px;color:#98a5ad}.small-muted{font-size:12px;color:#8b9aa5}.attachment-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:12px 0}.attachment-row>span:first-child{font-size:22px;color:#a98a3a}.attachment-row>div{flex:1;min-width:0}.attachment-row b,.attachment-row small{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.attachment-row small{font-size:10px;color:#96a3ad}.mini-lock{font-size:12px}.upload-form{margin-top:15px;display:grid;gap:9px}.upload-form input{font-size:12px;max-width:100%}.upload-form .btn{justify-self:start}.dispute-panel textarea{margin:9px 0}.dispute-panel button{margin-top:12px}.two-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);gap:20px;align-items:start}.staff-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:13px 0}.staff-row>div:nth-child(2){flex:1;min-width:0}.staff-row b,.staff-row small{display:block;overflow:hidden;text-overflow:ellipsis}.staff-row b{font-size:12px}.staff-row small{font-size:10px;color:#96a3ac}.staff-row>span{font-size:10px;color:#738579}.toast{position:fixed;bottom:20px;right:20px;background:#253b31;color:#fff;padding:14px 19px;max-width:min(500px,calc(100vw - 40px));border-radius:12px;font-size:12px;line-height:1.6;box-shadow:0 15px 40px #111a2730;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}.toast.error{background:#a83737}.fatal{max-width:460px;margin:20vh auto;text-align:center;padding:25px}.fatal button{border:0;background:var(--gold);padding:12px 20px;border-radius:8px}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:225px}.shell{grid-template-columns:225px 1fr}.page{padding:25px}}
@media(max-width:980px){.dashboard-bottom,.form-layout,.detail-grid,.two-panels{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr 1fr}.auth-feature{padding:34px}.auth-display h1{font-size:48px}.form-side .hint{position:static}.detail-header{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.auth-layout{display:block}.auth-feature{min-height:0;padding:23px 25px;background:#15252f}.auth-display{display:none}.auth-footer{display:none}.auth-pane{min-height:calc(100vh - 90px);align-items:flex-start;padding-top:46px}.sidebar{position:static;height:auto;width:auto;min-height:0;padding:15px}.shell{display:block}.sidebar .brand{padding:3px}.nav-group{margin:15px -3px 0;display:flex;flex-direction:row;gap:5px;overflow-x:auto}.nav-caption{display:none}.nav-item{width:auto;white-space:nowrap;padding:8px 10px;font-size:11px}.nav-item b{font-size:16px;width:auto}.side-foot{display:none}.topbar{padding:18px 20px;min-height:80px}.topbar h1{font-size:19px}.mobile-exit{display:block;border:0;background:#f4f6f7;padding:7px 11px;border-radius:8px}.role-chip{display:none}.page{padding:17px}.panel{padding:19px}.greeting{flex-direction:column;align-items:flex-start}.greeting h2{font-size:25px}.metrics{gap:10px}.metric{min-height:120px;padding:17px}.metric-value{font-size:34px}.filters{flex-wrap:wrap}.filters .search{flex:1 1 100%}.filters select{flex:1}.dashboard-bottom{gap:12px}.banner{flex-wrap:wrap}.detail-actions{width:100%}.detail-actions .btn{flex:1}.form-actions{flex-wrap:wrap}}
@media(max-width:420px){.quick-grid{grid-template-columns:1fr}.metric-sub{font-size:9px}.metric-label{font-size:11px}.panel-head{align-items:flex-start}.panel-head .btn{padding:8px}.auth-box h2{font-size:29px}.topbar{gap:8px}.detail-meta{gap:8px}}

/* DUTIFY-style secure conversation / own vs. other participant. */
.discussion .messages{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-height:160px;max-height:520px;overflow-y:auto;overscroll-behavior:contain;padding:10px 4px 18px}
.discussion .message{box-sizing:border-box;max-width:min(78%,650px);min-width:100px;border-radius:17px;padding:11px 14px;overflow-wrap:anywhere;box-shadow:0 1px 3px rgba(20,30,40,.035)}
.discussion .message.mine{align-self:flex-end;margin-left:auto;background:#fff1b6;color:#232a32;border-color:#f0d779;border-bottom-right-radius:5px}
.discussion .message.theirs{align-self:flex-start;margin-right:auto;background:#f2f5f7;color:#25323e;border-color:#e2e7eb;border-bottom-left-radius:5px}
.discussion .message.private{background:#fff8e4;border:1px dashed #d0a34d}
.discussion .message.private.mine{background:#fceab0;border-color:#c89739}
.discussion .message .message-top{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center}
.discussion .message .message-top b{font-size:11px;font-weight:750}
.discussion .message .message-top time{font-size:10px;color:#78848c;margin-left:auto}
.discussion .message p{line-height:1.55;font-size:13px;margin-top:6px;color:inherit;white-space:pre-wrap}
.discussion .message-form{position:relative;background:#fff;border-radius:14px}
.discussion .message-form textarea{resize:vertical;min-height:72px}
@media(max-width:640px){.discussion{padding:14px}.discussion .messages{min-height:110px;max-height:56dvh}.discussion .message{max-width:90%;padding:10px 12px}.discussion .message-form .btn{width:100%}}