:root{--blue:#2f6aad;--blue-dark:#24538a;--blue-deep:#1b3f6b;--blue-soft:#e8f0fa;--ink:#1f2933;--muted:#5f6b7a;--line:#d4dae1;--band:#e6e9ee;--bg:#f4f6f9;--white:#fff;--red:#c0392b;--red-soft:#fdecea;--green:#1e7e4a;--green-soft:#e5f5ec;--amber:#a15c07;--amber-soft:#fff4e0;--radius:4px;--font:"Segoe UI", "Open Sans", system-ui, -apple-system, Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600}.topbar{background:var(--white);border-bottom:1px solid var(--line)}.topbar-inner{align-items:center;gap:28px;max-width:1280px;height:60px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--ink);letter-spacing:.2px;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--blue);color:#fff;border-radius:6px;place-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:grid}.brand small{color:var(--muted);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.nav{flex:1;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:var(--radius);padding:8px 12px;font-size:14px;font-weight:500}.nav a:hover{background:var(--bg);color:var(--ink);text-decoration:none}.nav a.active{color:var(--blue);background:var(--blue-soft)}.who{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.who strong{color:var(--ink);font-size:14px;display:block}.banner{background:var(--blue);color:#fff}.banner-inner{max-width:1280px;margin:0 auto;padding:26px 24px 30px}.banner h1{letter-spacing:.5px;text-transform:uppercase;font-size:22px;font-weight:500}.banner p{color:#c9dbf0;margin:10px 0 0;font-size:15px}.banner-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page{max-width:1280px;margin:0 auto;padding:28px 24px 60px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.card-pad{padding:24px 28px}.band{background:var(--band);margin:0 0 22px;padding:8px 16px;font-size:15px;font-weight:600}.section{margin-bottom:34px}.row{grid-template-columns:150px 1fr;align-items:start;gap:16px;margin-bottom:22px;display:grid}.row>label,.row>.label{padding-top:10px;font-size:15px}.req{color:var(--red);margin-left:3px}.field{flex-direction:column;gap:6px;display:flex}.field>label{font-size:14px}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=date],input[type=number],select,textarea{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);outline:none;width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f6aad26}input::placeholder{color:#8a95a3;font-style:italic}input:disabled,select:disabled{color:var(--muted);background:#f6f7f9}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#8a95a3 50%),linear-gradient(135deg,#8a95a3 50%,#0000 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}.w-sm{max-width:180px}.w-md{max-width:360px}.w-lg{max-width:760px}.hint{color:var(--muted);font-size:13px}.radio-row{flex-wrap:wrap;gap:48px;padding:4px 16px 18px;display:flex}.radio{cursor:pointer;align-items:center;gap:10px;font-size:15px;display:flex}.radio input{width:20px;height:20px;accent-color:var(--blue);margin:0}.grid-3{grid-template-columns:minmax(260px,1.3fr) 1.2fr .8fr;align-items:end;gap:28px;padding:0 16px;display:grid}.inline{align-items:center;gap:14px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:60px;display:grid}.btn{font:inherit;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);background:var(--blue);color:#fff;box-shadow:inset 0 -3px 0 var(--blue-deep);white-space:nowrap;border:0;padding:11px 26px;font-size:14px;font-weight:600;transition:background .15s}.btn:hover{background:var(--blue-dark);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-light{background:var(--white);color:var(--blue);border:1px solid var(--line);box-shadow:none}.btn-light:hover{background:var(--blue-soft)}.btn-sm{letter-spacing:.6px;box-shadow:none;padding:6px 12px;font-size:12px}.btn-danger{background:var(--red);box-shadow:none}.link-btn{color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}a.btn{display:inline-block}.editor{border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.editor:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2f6aad26}.toolbar{background:#f7f7f8;border-bottom:1px solid #eceef1;flex-wrap:wrap;gap:2px;padding:8px 12px;display:flex}.toolbar button{cursor:pointer;color:#444;background:0 0;border:0;border-radius:3px;place-items:center;width:38px;height:34px;display:grid}.toolbar button:hover{background:#e7e9ec}.toolbar .sep{width:10px}.editable{overflow-wrap:anywhere;outline:none;min-height:190px;padding:14px 16px}.editable:empty:before{content:attr(data-placeholder);color:#8a95a3}.rich blockquote,.editable blockquote{border-left:3px solid var(--line);color:var(--muted);margin:6px 0;padding-left:12px}.rich code,.editable code{background:#f1f3f5;border-radius:3px;padding:1px 5px;font-family:Consolas,monospace;font-size:13px}.rich pre{background:#f1f3f5;border-radius:3px;padding:10px;overflow:auto}.rich p,.editable p{margin:0 0 8px}.rich ul,.rich ol{margin:4px 0 8px;padding-left:24px}.drop{text-align:center;color:var(--ink);cursor:pointer;border:1.5px dashed #b9c1cc;border-radius:2px;padding:46px 20px;transition:background .15s,border-color .15s}.drop.over{background:var(--blue-soft);border-color:var(--blue)}.drop svg{color:#a9b7cc}.files{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.files li{border-radius:var(--radius);background:#f7f8fa;border:1px solid #eceef1;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex}.files li .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.files li .size{color:var(--muted);font-size:13px}.alert{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:14px}.alert-error{background:var(--red-soft);color:#8c2318;border:1px solid #f5c6c1}.alert-ok{background:var(--green-soft);color:#145a35;border:1px solid #bfe3cd}.alert-warn{background:var(--amber-soft);color:#7a4605;border:1px solid #f3d9a8}.validated{align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.validated.ok{color:var(--green)}.validated.err{color:var(--red)}.tip{background:var(--blue);color:#fff;cursor:help;vertical-align:-3px;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:4px;font-family:Georgia,serif;font-size:12px;font-style:italic;font-weight:700;display:inline-grid;position:relative}.tip-body{z-index:20;background:var(--ink);color:#fff;width:340px;font-family:var(--font);text-align:left;border-radius:6px;padding:12px 14px;font-size:13px;font-style:normal;font-weight:400;line-height:1.5;display:none;position:absolute;top:-8px;left:26px;box-shadow:0 6px 20px #0003}.tip:hover .tip-body,.tip:focus .tip-body{display:block}.tip-body b{color:#9ec5f2}.table-wrap{overflow-x:auto}table.list{border-collapse:collapse;width:100%;font-size:14px}table.list th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfc;padding:12px 14px;font-size:12px;font-weight:600}table.list td{vertical-align:middle;border-bottom:1px solid #eceef1;padding:13px 14px}table.list tr:hover td{background:#fafcff}table.list td.mono,.mono{font-family:Consolas,SFMono-Regular,monospace;font-size:13px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.s-Open{color:#1d4f8c;background:#e3effd}.s-In-Progress{background:var(--amber-soft);color:var(--amber)}.s-Awaiting-Customer{color:#6b2fb3;background:#f2e8fd}.s-Resolved{background:var(--green-soft);color:var(--green)}.s-Closed{color:#4a5562;background:#eceef1}.p-P1{background:var(--red);color:#fff}.p-P2{color:#3d2600;background:#f5a524}.p-P3{color:#1d4f8c;background:#e3effd}.p-P4{color:#4a5562;background:#eceef1}.oc{background:var(--red-soft);color:#8c2318}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.chip:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}.chip .n{opacity:.75;margin-left:4px}.ticket-layout{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.thread{flex-direction:column;gap:16px;display:flex}.msg{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.msg-head{color:var(--muted);border-bottom:1px solid #eceef1;justify-content:space-between;gap:12px;padding:10px 18px;font-size:13px;display:flex}.msg-head strong{color:var(--ink);font-size:14px}.msg-body{padding:16px 18px}.msg.staff{border-left:4px solid var(--blue)}.msg.customer{border-left:4px solid #b9c1cc}.tag{text-transform:uppercase;letter-spacing:.6px;border-radius:3px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:700}.tag-staff{background:var(--blue-soft);color:var(--blue)}.att-list{flex-wrap:wrap;gap:8px;padding:0 18px 14px;display:flex}.att{border:1px solid var(--line);border-radius:var(--radius);background:#fafbfc;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.side dl{grid-template-columns:1fr;margin:0;display:grid}.side dt{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-top:14px;font-size:12px}.side dt:first-child{margin-top:0}.side dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:14px}.side .card+.card{margin-top:16px}.side h3{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:14px;font-size:14px}.login-wrap{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-art{background:var(--blue);color:#fff;background-image:radial-gradient(circle at 85% 15%,#ffffff1f 0,#0000 40%),radial-gradient(circle at 10% 90%,#0000002e 0,#0000 45%);flex-direction:column;justify-content:space-between;padding:56px;display:flex}.login-art h2{max-width:460px;font-size:34px;font-weight:600;line-height:1.25}.login-art p{color:#c9dbf0;max-width:440px;font-size:16px}.login-art ul{color:#e3eefa;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.login-art li:before{content:"✓";color:#9ec5f2;margin-right:10px;font-weight:700}.login-form{background:var(--white);place-items:center;padding:40px 24px;display:grid}.login-box{width:100%;max-width:380px}.login-box h1{margin-bottom:6px;font-size:24px}.login-box .field{margin-bottom:18px}.stack{flex-direction:column;gap:16px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.right{text-align:right}.mt{margin-top:16px}.mb{margin-bottom:16px}.submit-bar{border-top:1px solid var(--line);background:#eeeff1;align-items:center;gap:16px;margin:0 -28px -24px;padding:18px 28px;display:flex}.success-box{text-align:center;padding:56px 24px}.success-box .check{background:var(--green-soft);width:64px;height:64px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:32px;display:grid}.ticket-no{color:var(--blue);margin:8px 0 14px;font-family:Consolas,monospace;font-size:26px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat .v{font-size:26px;font-weight:700}.stat .l{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:12px}.modal-back{z-index:50;background:#0f172073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--white);border-radius:6px;width:100%;max-width:520px;max-height:90vh;overflow:auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.modal-body{padding:20px 22px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.contact-list{flex-direction:column;gap:6px;margin:4px 0 14px;font-size:14px;display:flex}@media (max-width:900px){.row{grid-template-columns:1fr;gap:6px}.row>label,.row>.label{padding-top:0}.grid-3,.two-col,.ticket-layout{grid-template-columns:1fr;gap:20px}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.stats{grid-template-columns:repeat(2,1fr)}.topbar-inner{gap:12px;padding:0 16px}.nav a{padding:6px 8px}.who span{display:none}.page,.banner-inner{padding-left:16px;padding-right:16px}.card-pad{padding:20px 16px}.submit-bar{margin:0 -16px -20px;padding:16px}}.s-Awaiting-OEM{color:#9b1c5a;background:#fde8f1}.sla{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.sla-ok{background:var(--green-soft);color:var(--green)}.sla-warn{background:var(--amber-soft);color:var(--amber)}.sla-bad{background:var(--red);color:#fff}.sla-muted{color:#4a5562;background:#eceef1}.msg.internal{background:#fffbea;border-left:4px solid #e0a800}.tag-internal{color:#6b4e00;background:#f9e7a8}.asset-card{background:var(--blue-soft);border-radius:var(--radius);border:1px solid #c9dbf0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px;margin:16px 16px 0;padding:14px 18px;display:grid}.asset-card .k{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:11px}.asset-card .v{overflow-wrap:anywhere;font-size:14px;font-weight:500}.grid-2{grid-template-columns:1fr 1fr;gap:20px 28px;padding:0 16px;display:grid}.grid-2 .full{grid-column:1/-1}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.toggle input{accent-color:#c99700;width:18px;height:18px}.reply-internal .editor{background:#fffdf3;border-color:#e0a800}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:0 16px;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:14px;font-weight:500}.tabs a.on{color:var(--blue);border-color:var(--blue)}.tabs a:hover{color:var(--ink);text-decoration:none}.sla-table input{width:90px}@media (max-width:900px){.asset-card{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}tr.unread td{background:#eef5ff}tr.unread td a{font-weight:700}.dot{vertical-align:middle;background:#2f6aad;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #2f6aad2e}.badge.new{color:#fff;background:#2f6aad}mark,.rich mark,.editable mark{color:inherit;background:#fff176;border-radius:2px;padding:0 2px}.badge.due-30{color:#b42318;background:#fde8e7}.badge.due-60{color:#93370d;background:#fef0c7}.badge.due-later{color:#4a5562;background:#eceef1}.pager{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.pager a,.pager span{text-align:center;border-radius:4px;min-width:32px;padding:5px 9px;font-size:13px}.pager a{border:1px solid var(--line);text-decoration:none}.pager a:hover{background:var(--bg,#f2f4f7)}.pager .on{background:var(--blue);color:#fff;font-weight:600}.pager .off{color:var(--muted)}.pager .gap{color:var(--muted);min-width:0;padding:5px 2px}button.chip,button.stat{font:inherit;cursor:pointer}button.stat{text-align:left;width:100%;color:inherit}.modal.wide{max-width:860px}.ch{font-size:12.5px;line-height:1.5}.ch .f{color:var(--muted)}.ch del{color:#b42318;background:#fde8e7;border-radius:2px;padding:0 3px;text-decoration:line-through}.ch ins{color:#0f6b3c;background:#e3f6ec;border-radius:2px;padding:0 3px;text-decoration:none}.badge.a-added{color:#0f6b3c;background:#e3f6ec}.badge.a-edited{color:#1d4f8c;background:#e3effd}.badge.a-renewed{color:#6b2fb3;background:#f2e8fd}.badge.a-deleted{color:#b42318;background:#fde8e7}.badge.r-pending{color:#93370d;background:#fef0c7}.badge.r-approved{color:#0f6b3c;background:#e3f6ec}.badge.r-rejected{color:#4a5562;background:#eceef1}.selbar{border-bottom:1px solid var(--line);background:#eef4fb;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}table.list tr.sel td{background:#f3f8fe}table.list td.pick,table.list th.pick{width:34px;padding-right:0}tr.click{cursor:pointer}.filters input[type=date]{width:auto;padding:7px 10px}input[readonly]{background:#f6f7f9}@media (max-width:760px){.topbar-inner{flex-wrap:wrap;row-gap:6px;height:auto;padding:10px 16px 0}.topbar-inner .nav{white-space:nowrap;scrollbar-width:none;flex:1 0 100%;order:3;padding-bottom:8px;overflow-x:auto}.topbar-inner .nav a{white-space:nowrap}.who{margin-left:auto}.who .right{display:none}}