:root{--navy:#102a43;--blue:#1479bb;--orange:#f28c28;--bg:#f4f7fb;--line:#d9e2ec;--ink:#243b53;--muted:#627d98;--green:#16803d;--red:#c53030}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:var(--navy);padding:24px 15px;color:#fff}.brand{font-weight:800;font-size:1.1rem;line-height:1.3;margin:0 10px 30px}.brand span{color:#ffae4a;font-size:.78rem;display:block;font-weight:600}.nav a{display:block;color:#d9e2ec;text-decoration:none;padding:11px 12px;border-radius:7px;font-size:.92rem}.nav a:hover,.nav a.active{background:#1d466b;color:#fff}.main{padding:28px;max-width:1440px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.top h1{font-size:1.45rem;margin:0}.user{font-size:.88rem;color:var(--muted)}.btn{background:var(--blue);color:#fff;border:0;border-radius:6px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650}.btn.orange{background:var(--orange)}.btn.light{background:#fff;color:var(--blue);border:1px solid var(--blue)}.grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 1px 2px #102a430a}.metric small{color:var(--muted);display:block}.metric strong{font-size:2rem;margin-top:5px;display:block}.metric.urgent strong{color:var(--red)}.metric.waiting strong{color:#b7791f}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #edf2f7;white-space:nowrap}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#f8fafc}.badge{border-radius:99px;padding:4px 9px;font-size:.74rem;font-weight:750}.new{background:#dbeafe;color:#1e40af}.working{background:#dbeafe;color:#075985}.waiting{background:#fef3c7;color:#92400e}.done{background:#dcfce7;color:#166534}.urgent{background:#fee2e2;color:#991b1b}.form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;max-width:1000px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form label{display:block;font-size:.84rem;font-weight:700;margin-bottom:5px}.form input,.form select,.form textarea{width:100%;padding:10px;border:1px solid #bcccdc;border-radius:6px;font:inherit}.form textarea{min-height:130px;resize:vertical}.form .wide{grid-column:span 2}.notice{padding:12px 15px;border-radius:7px;margin-bottom:16px}.notice.success{background:#dcfce7;color:#166534}.notice.error{background:#fee2e2;color:#991b1b}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102a43,#1479bb)}.login-box{width:min(420px,92vw);background:#fff;border-radius:13px;padding:36px;box-shadow:0 20px 50px #0004}.login h1{color:var(--navy);margin:0}.login form{margin-top:26px}.login input{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;margin:6px 0 16px}.login button{width:100%}.empty{color:var(--muted);padding:25px;text-align:center}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{padding:14px}.brand{margin-bottom:10px}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.main{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form .wide{grid-column:span 1}.top{align-items:flex-start;gap:8px;flex-direction:column}}