
:root{--blue:#235bff;--ink:#172444;--muted:#748099;--line:#e5eaf3}*{box-sizing:border-box}body{margin:0;font:14px 'Segoe UI',Arial,sans-serif;background:#f5f7fb;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:12px 18px;font-weight:600;background:var(--blue);color:white}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible{outline:3px solid #91acff;outline-offset:3px}button.secondary{background:white;border:1px solid var(--line);color:var(--ink)}header{height:80px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-size:23px;font-weight:750;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.brand b{color:var(--blue)}.bars{display:flex;gap:4px;align-items:end;height:27px}.bars i{width:7px;background:var(--blue);border-radius:3px;height:14px}.bars i:nth-child(2){height:21px}.bars i:nth-child(3){height:27px}.label{color:var(--muted);font-size:12px}main{max-width:1200px;margin:40px auto;padding:0 24px}.intro{max-width:1050px;margin:64px auto;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue)}h1{font-size:38px;letter-spacing:-1.4px;line-height:1.18;margin:17px 0}p{color:var(--muted);line-height:1.7}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 35px #20346505}h2{font-size:21px;margin:0 0 10px;letter-spacing:-.5px}label{display:block;font-size:12px;font-weight:650;margin:18px 0 8px}input,textarea,select{width:100%;border:1px solid #dce3f0;background:white;border-radius:8px;padding:12px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #235bff10}input[readonly]{background:#f5f7fb;color:#77839b}textarea{resize:vertical;min-height:130px}.wide{width:100%;margin-top:18px}.demo{font-size:12px;background:#edf3ff;border:1px solid #dce7ff;color:#516b9e;padding:13px 16px;border-radius:9px;margin-top:20px}.benefit{margin:24px 0;display:flex;gap:14px;align-items:center}.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf0ff;color:var(--blue);font-size:19px}.benefit strong{display:block;margin-bottom:4px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.top h1{font-size:29px;margin:8px 0}.company{margin:25px 0;display:flex;align-items:center;gap:14px}.avatar{background:#eaf0ff;color:var(--blue);padding:14px;border-radius:11px;font-weight:700}.company p{margin:5px 0 0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.stat{padding:21px;background:white;border:1px solid var(--line);border-radius:12px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:30px;margin-top:9px}.toolbar{display:flex;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.toolbar input{max-width:340px}.toolbar select{max-width:210px;margin-left:auto}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#fafbfe;color:var(--muted);padding:16px 22px}td{padding:21px 22px;border-top:1px solid #eef1f6;font-size:12px}td small{display:block;color:var(--muted);margin-top:6px}tr.row{cursor:pointer}tr.row:hover{background:#f8faff}.pill{padding:6px 10px;border-radius:6px;font-size:11px;background:#edf2ff;color:#3464d8;display:inline-block}.pill.green{color:#168969;background:#e7f7f0}.pill.orange{color:#b57a16;background:#fff4de}.empty{text-align:center;padding:50px;color:var(--muted)}.footer{font-size:11px;color:#919bb0;text-align:center;padding:30px}.mode{font-size:11px;background:#fff5dd;color:#957028;padding:7px 11px;border-radius:6px}.hidden{display:none!important}dialog{border:0;padding:0;border-radius:17px;width:min(720px,94vw);max-height:90vh;box-shadow:0 25px 100px #132b4930;color:var(--ink)}dialog::backdrop{background:#14223e70;backdrop-filter:blur(4px)}.modalhead{padding:25px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:white;z-index:2}.close{padding:7px 12px;background:#f2f5fa;color:#64718c;font-size:19px}.modalbody{padding:8px 28px 28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.value{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.full{grid-column:1/-1}.attach{border:1px dashed #b8c9ec;background:#f8faff;border-radius:9px;padding:15px}.notice{padding:12px;background:#f3f6fd;color:#71809b;border-radius:8px;font-size:12px;margin-top:20px}.error{color:#c64444;font-size:12px}.internal{background:#fff8e9;padding:16px;border-radius:9px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183457;color:white;padding:15px 24px;border-radius:10px;z-index:10}.textbtn{background:none;color:var(--blue);padding:0;font-size:12px}.link{color:var(--blue);text-decoration:none}.subtle{font-size:12px;color:var(--muted)}@media(max-width:760px){header{padding:0 22px}.intro{grid-template-columns:1fr;gap:24px;margin:25px 0}h1{font-size:31px}.stats{grid-template-columns:1fr 1fr}.top{align-items:start}.top h1{font-size:24px}.top button{padding:12px}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{max-width:none;margin:0}.grid{grid-template-columns:1fr}.full{grid-column:auto}.label{display:none}.card{padding:22px}main{padding:0 16px;margin:25px auto}}

button:disabled{opacity:.55;cursor:wait} .error{white-space:pre-wrap}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.detail-banner{font-size:12px;padding:12px;background:#edf3ff;border-radius:8px;margin-top:20px} .company{flex-wrap:wrap} .company p{overflow-wrap:anywhere}.top{flex-wrap:wrap}input[type=password]{font-size:16px} dialog{overscroll-behavior:contain}body:has(dialog[open]){overflow:hidden}

.ticket-tags{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.pill.complexity-low{background:#e6efff;color:#174bb5}.pill.complexity-medium{background:#fff3bf;color:#705400}.pill.complexity-high{background:#ffe5e5;color:#b42318}
