*{box-sizing:border-box;margin:0}:root{--accent: #e8542f;--ink: #1c2733;--muted: #5b6b7b;--bg: #f4f6f9;--line: #e3e8ee}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;font-size:15px}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #1c273314;padding:40px 36px;max-width:480px;width:100%}.logo{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.card h1{font-size:24px;line-height:1.25;margin-bottom:14px}.note{color:var(--muted);font-size:15px;line-height:1.55;margin-bottom:18px}.or{text-align:center;color:var(--muted);margin:14px 0;font-size:13px}.tg-wait{background:#eef4ff;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.5}.api{display:inline-block;font-size:13px;padding:6px 12px;border-radius:999px;background:#eef1f5;color:var(--muted)}.api.ok{background:#e5f6ec;color:#147a3d}.api.wait{background:#fdeeea;color:#b3401f}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #cdd6e0;border-radius:8px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid #ffd9cd;border-color:var(--accent)}.btn{font:inherit;font-weight:600;cursor:pointer;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:10px 18px}.btn:hover{background:#d4491f}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#fff;color:var(--accent);border:1px solid var(--accent)}.btn.ghost:hover{background:#fff4f0}.btn.small{padding:6px 12px;font-size:14px}.lnk{background:none;border:0;color:#2563eb;cursor:pointer;font:inherit;padding:0}.lnk:hover{text-decoration:underline}.error{background:#fdeeea;color:#b3401f;border-radius:8px;padding:9px 12px;font-size:14px}.hint{background:#f0f4f9;border-radius:8px;padding:9px 12px;font-size:13px;color:var(--muted)}.ok-note{color:#147a3d;margin-left:10px}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-in{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{font-weight:700;color:var(--accent);letter-spacing:.02em}.brand:hover{text-decoration:none}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav-a{padding:6px 10px;border-radius:8px;color:var(--ink)}.nav-a:hover{background:var(--bg);text-decoration:none}.nav-a.on{background:#fff0eb;color:var(--accent);font-weight:600}.userbox{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:13px}.page{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.page-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.page-head h2{font-size:20px;margin-right:auto}.narrow{max-width:640px}h3{font-size:16px;margin:14px 0 8px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.chips,.days{display:flex;gap:6px;flex-wrap:wrap}.chip{font:inherit;font-size:13px;cursor:pointer;border:1px solid #cdd6e0;background:#fff;border-radius:999px;padding:5px 12px;color:var(--muted)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.search{flex:1;min-width:200px}.empty{color:var(--muted);padding:40px 0;text-align:center}.tbl-wrap{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid var(--line)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:9px 12px;border-bottom:1px solid #f0f3f7;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tr.hi td{background:#fff8f0}.tbl tr.inactive td{opacity:.5}.tbl .num{font-weight:600;white-space:nowrap}.tbl .subj a{color:var(--ink)}.num-r{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap}.sla-flag{background:#fdeeea;color:#b3401f;font-size:11px;font-weight:700;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:2px}.pri-flag{background:#b45309;color:#fff;font-size:11px;font-weight:700;border-radius:4px;padding:2px 6px;margin-left:6px}.t-meta{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:14px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:12px}.t-meta b{color:var(--ink);font-weight:600}.sla-panel{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.sla-ax{flex:1;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}.sla-ax.ok{border-color:#b7e0c6;background:#f4fbf6}.sla-ax.warn{border-color:#f2cf9d;background:#fffaf2}.sla-ax.bad{border-color:#efb5a6;background:#fdf1ed;color:#b3401f;font-weight:600}.sla-bar{height:5px;background:#eef1f5;border-radius:4px;margin-top:7px;overflow:hidden}.sla-bar i{display:block;height:100%;background:var(--accent);border-radius:4px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.assign{max-width:220px}.rate-box{background:#fff;border:1px solid #f2cf9d;border-radius:12px;padding:14px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.stars .star{background:none;border:0;cursor:pointer;color:#d5dbe2;padding:0 2px;font-size:inherit}.stars .star.on{color:#f5a623}.stars .star:disabled{cursor:default}.rate-box textarea{width:100%}.thread{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.msg{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}.msg.staff{border-left:3px solid var(--accent)}.msg.internal{background:#fbf7ef;border-style:dashed}.msg-head{font-size:13px;margin-bottom:6px}.int-flag{background:#f1e5c9;color:#8a6d1a;font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;margin-left:8px}.msg-body{white-space:pre-wrap;line-height:1.5}.msg-files{margin-top:8px;display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.reply{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.reply textarea{width:100%}.reply-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.reply-row .btn{margin-left:auto}.chk{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--muted)}.range{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.stat-v{font-size:24px;font-weight:700}.stat-t{font-size:13px;color:var(--muted);margin-top:2px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 700px){.two-col{grid-template-columns:1fr}}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tab{font:inherit;cursor:pointer;border:1px solid #cdd6e0;background:#fff;border-radius:8px;padding:7px 14px;color:var(--muted)}.tab.on{background:var(--ink);border-color:var(--ink);color:#fff}.row-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.row-form label{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.pwd-box{background:#e5f6ec;border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pwd-box code{background:#fff;border-radius:6px;padding:3px 8px;font-size:15px}