:root{--ink:#172426;--muted:#687675;--line:#e3e9e6;--mint:#d9f5e5;--green:#146f51;--deep:#0a3e36;--paper:#f7f9f6;--white:#fff}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.shell{flex-direction:column;max-width:1600px;min-height:100vh;margin:auto;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(24px,5vw,72px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brandMark{background:var(--deep);color:#fff;letter-spacing:-3px;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;padding-right:3px;font-weight:800;display:flex}.brandMark span{color:#8cdaa9}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.5px;font-size:17px}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;margin-top:3px;font-size:11px}.topRight{align-items:center;gap:20px;display:flex}.testBadge{color:#217552;letter-spacing:1.3px;background:#e9f8ed;border:1px solid #a7d9b9;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800}.textButton{color:var(--deep);background:0 0;border:0;font-weight:700}.loginLayout{flex:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,7vw,100px);padding:60px clamp(24px,8vw,130px);display:grid}.eyebrow{letter-spacing:2px;color:var(--green);font-size:11px;font-weight:800}.intro h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(40px,5vw,76px);line-height:1.04}.intro h1 em{color:var(--green);font-style:normal}.intro>p{color:var(--muted);max-width:530px;font-size:18px;line-height:1.65}.introLine{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:55px;font-size:13px;display:flex}.introLine span:first-child,.introLine span:nth-child(3),.introLine span:nth-child(5){color:var(--green);font-size:11px;font-weight:800}.loginCard,.centerCard,.ticketPanel,.newPanel{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 35px #173c2408}.loginCard{width:100%;max-width:440px;padding:40px}.cardIcon{background:var(--mint);width:50px;height:50px;color:var(--deep);border-radius:14px;justify-content:center;align-items:center;font-size:25px;display:flex}.loginCard h2,.newPanel h2{letter-spacing:-1px;margin:24px 0 8px;font-size:28px}.loginCard p,.newPanel>p{color:var(--muted);line-height:1.55}.loginCard form,.newPanel form{flex-direction:column;margin-top:26px;display:flex}.loginCard label,.newPanel label,.ticketControls label{margin:0 0 8px;font-size:12px;font-weight:800}.loginCard input,.newPanel input,.newPanel textarea,.newPanel select,.ticketControls select,.panelHead select{color:var(--ink);background:#fff;border:1px solid #d9e2dc;border-radius:10px;outline:none}.loginCard input,.newPanel input,.newPanel textarea,.newPanel select{margin-bottom:20px;padding:13px 14px}.loginCard input:focus,.newPanel input:focus,.newPanel textarea:focus,.newPanel select:focus,.ticketControls select:focus{border-color:var(--green);box-shadow:0 0 0 3px #d9f5e5}.newPanel textarea{resize:vertical}.primaryButton{background:var(--deep);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 18px;font-weight:800;display:flex}.primaryButton:hover:not(:disabled){background:#145e4e}.success,.error{border-radius:10px;margin-top:16px;padding:11px 13px;font-size:13px!important}.success{background:#e7f7ec;color:#246d45!important}.error{background:#fff0ef;color:#9b3931!important}.centerCard{margin:80px auto;padding:40px}.heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:54px clamp(24px,5vw,72px) 28px;display:flex}.heading h1{letter-spacing:-2px;margin:10px 0 5px;font-size:50px}.heading p{color:var(--muted);margin:0}.userPill{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:99px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.userDot{background:#36b17a;border-radius:50%;width:8px;height:8px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 clamp(24px,5vw,72px) 28px;display:grid}.stats>div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 22px}.stats span{color:var(--muted);font-size:12px;font-weight:700;display:block}.stats strong{letter-spacing:-1px;margin-top:10px;font-size:30px;display:block}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;padding:0 clamp(24px,5vw,72px) 50px;display:grid}.ticketPanel{min-height:460px;overflow:hidden}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:25px 28px;display:flex}.panelHead h2{margin:0;font-size:19px}.panelHead p{color:var(--muted);margin:5px 0 0;font-size:12px}.panelHead select{padding:10px 12px;font-size:12px}.ticketFilters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ticket{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:25px 28px;display:flex}.ticket:last-child{border-bottom:0}.ticketMain{min-width:0}.ticketMeta{color:#87918c;align-items:center;gap:11px;font-size:11px;display:flex}.priority{text-transform:uppercase;letter-spacing:.7px;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:800}.priority.low{color:#557363;background:#eaf2ec}.priority.normal{color:#4e689c;background:#e9f0ff}.priority.high{color:#b76840;background:#fff0e7}.ticket h3{margin:11px 0 7px;font-size:17px}.ticket p{color:var(--muted);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.ticketControls{flex-direction:column;align-items:stretch;min-width:128px;display:flex}.ticketControls label{color:var(--muted);font-size:10px}.ticketControls select{padding:9px 10px;font-size:12px}.readonlyStatus{border:1px solid var(--line);color:var(--muted);background:#f7f9f6;border-radius:10px;padding:9px 10px;font-size:12px}.empty{text-align:center;color:var(--muted);padding:70px 20px}.emptyIcon{width:58px;height:58px;color:var(--green);background:#eff5ef;border-radius:16px;justify-content:center;align-items:center;margin:0 auto;font-size:30px;display:flex}.empty h3{color:var(--ink);margin:18px 0 5px}.empty p{font-size:13px}.newPanel{padding:28px}.newPanel h2{margin:10px 0 6px;font-size:24px}.newPanel>p{font-size:13px}.newPanel label{margin-top:2px}.newPanel .primaryButton{justify-content:space-between}.newPanel .primaryButton span{font-size:19px;font-weight:400}footer{border-top:1px solid var(--line);color:#8b9690;padding:20px clamp(24px,5vw,72px);font-size:11px}@media (max-width:900px){.loginLayout,.workspace{grid-template-columns:1fr}.loginLayout{padding-top:50px}.loginCard{max-width:none}.introLine{margin-top:30px}.workspace{gap:22px}.newPanel{order:-1}}@media (max-width:600px){.topbar{height:72px}.heading{flex-direction:column;align-items:start;padding-top:35px}.heading h1{font-size:40px}.stats{grid-template-columns:repeat(2,1fr)}.ticket{flex-direction:column}.ticketControls{min-width:0}.userPill{max-width:100%;overflow:hidden}.loginLayout{padding-bottom:50px}.intro h1{letter-spacing:-2px}.loginCard{padding:28px}.topRight{gap:8px}.panelHead{flex-direction:column;align-items:flex-start}.ticketFilters{justify-content:flex-start;width:100%}.panelHead select{max-width:100%}}.smallButton{color:var(--deep);background:#fff;border:1px solid #d9e2dc;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:700}.smallButton:hover:not(:disabled){background:#f1f8f3}.ticketControls>.smallButton{margin-bottom:12px}.editTicketForm{flex-direction:column;gap:7px;max-width:650px;margin-top:15px;display:flex}.editTicketForm label{color:var(--muted);font-size:11px;font-weight:800}.editTicketForm input,.editTicketForm textarea,.editTicketForm select{color:var(--ink);background:#fff;border:1px solid #d9e2dc;border-radius:9px;outline:none;padding:10px 12px}.editTicketForm textarea{resize:vertical;font-family:inherit;line-height:1.5}.editTicketForm input:focus,.editTicketForm textarea:focus,.editTicketForm select:focus{border-color:var(--green);box-shadow:0 0 0 3px #d9f5e5}.editActions{gap:8px;margin-top:5px;display:flex}.primarySmall{border-color:var(--deep);background:var(--deep);color:#fff}.primarySmall:hover:not(:disabled){color:#fff;background:#145e4e}