*{box-sizing:border-box}body{color:#18181b;background:#f5f5f4;margin:0;font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif}main{max-width:1280px;margin:0 auto;padding:24px}header{border-bottom:1px solid #d4d4d8;justify-content:space-between;align-items:end;gap:16px;padding-bottom:18px;display:flex}h1{margin:0;font-size:28px}h2{margin:0 0 12px;font-size:18px}p{color:#52525b;margin:0}.live,.notice{color:#047857;align-items:center;gap:8px;font-weight:700;display:flex}.notice{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:10px 12px}.login,aside form{background:#fff;border:1px solid #e4e4e7;border-radius:8px;gap:10px;margin-top:16px;padding:16px;display:grid;box-shadow:0 1px 2px #18181b0a}.auth-panel{max-width:420px}.userbar{background:#fff;border:1px solid #e4e4e7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.userbar button{width:auto;padding-inline:14px}.tabs{border-bottom:1px solid #d4d4d8;gap:8px;margin-top:18px;display:flex}.tabs button{color:#52525b;background:0 0;border:0;border-radius:6px 6px 0 0;width:auto;padding:10px 14px}.tabs button.active{color:#fff;background:#18181b}input,select,textarea,button{width:100%;font:inherit;border:1px solid #d4d4d8;border-radius:6px;min-height:42px;padding:10px}textarea{min-height:92px}button{color:#fff;cursor:pointer;background:#18181b;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.check-row{color:#3f3f46;align-items:center;gap:10px;font-weight:700;display:flex}.check-row input{width:18px;min-height:18px}.stats{grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0;display:grid}.stat{background:#fff;border:1px solid #e4e4e7;border-radius:8px;gap:10px;padding:16px;display:grid;box-shadow:0 1px 2px #18181b0a}.stat strong{font-size:32px}.layout{grid-template-columns:1fr 360px;align-items:start;gap:16px;display:grid}.board{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.truck{background:#fff;border:1px solid #e4e4e7;border-radius:8px;gap:10px;min-height:156px;padding:14px;display:grid;box-shadow:0 1px 2px #18181b0a}.truck small{color:#71717a;margin-top:2px;display:block}.badge{background:#fafafa;border:1px solid #d4d4d8;border-radius:6px;width:fit-content;padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex}.good{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.ready{color:#3f6212;background:#f7fee7;border-color:#d9f99d}.bad{color:#be123c;background:#fff1f2;border-color:#fecdd3}.warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.work{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.parts{color:#a21caf;background:#fdf4ff;border-color:#f5d0fe}dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px;display:grid}dt{color:#71717a}dd{text-align:right;margin:0}.tickets{background:#fff;border:1px solid #e4e4e7;border-radius:8px;margin-top:18px;overflow:hidden}.tickets h2{border-bottom:1px solid #e4e4e7;padding:16px}.tickets article{border-top:1px solid #f4f4f5;grid-template-columns:180px 180px 1fr 160px;align-items:center;gap:12px;padding:14px 16px;display:grid}.manager{grid-template-columns:360px 1fr;align-items:start;gap:16px;margin-top:18px;display:grid}.manager form,.detail{background:#fff;border:1px solid #e4e4e7;border-radius:8px;gap:10px;padding:16px;display:grid;box-shadow:0 1px 2px #18181b0a}.table{gap:8px;display:grid}.table article{background:#fff;border:1px solid #e4e4e7;border-radius:8px;grid-template-columns:1.2fr 1.2fr 1fr auto auto auto;align-items:center;gap:10px;padding:12px;display:grid}.table button{width:auto;min-height:34px;padding:7px 10px}.table b{align-items:center;gap:6px;display:inline-flex}.detail{margin-top:16px}.detail h3{margin:10px 0 0;font-size:16px}.timeline{border-top:1px solid #f4f4f5;padding-top:10px}.activity{gap:10px;margin-top:18px;display:grid}.activity-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-head button{width:auto}.notification,.audit{background:#fff;border:1px solid #e4e4e7;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.notification.unread{border-color:#93c5fd;box-shadow:0 0 0 2px #dbeafe}.notification.critical{border-color:#fda4af}.notification.warning{border-color:#fcd34d}.notification.success{border-color:#86efac}.notification button{width:auto;min-height:34px;padding:7px 10px}.notification small,.audit span{color:#71717a}.audit{grid-template-columns:180px 240px 1fr;align-items:start}.audit code{white-space:nowrap;text-overflow:ellipsis;background:#f4f4f5;border-radius:6px;padding:8px;overflow:hidden}.driver-view{grid-template-columns:1fr 360px 1fr;align-items:start;gap:16px;margin-top:18px;display:grid}.inline-form{margin-top:10px}.detail a{color:#1d4ed8;font-weight:700}@media (width<=980px){.stats,.board,.layout,.tickets article{grid-template-columns:1fr}header{flex-direction:column;align-items:start}.manager,.table article,.notification,.audit,.driver-view{grid-template-columns:1fr}}