*{box-sizing:border-box}body{margin:0;font:16px/1.5 Inter,system-ui,sans-serif;color:#0a0a0a;background:#fff}
header{background:#0a0a0a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 20px;gap:8px;position:sticky;top:0;z-index:5}
.logo{color:#fff;font-weight:800;font-size:24px;text-decoration:none}.logo b{background:#ff6a00;color:#0a0a0a;padding:0 8px;border-radius:8px;margin-right:4px}
nav{display:flex;gap:4px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:0 12px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center}nav a:hover{background:#ff6a00;color:#0a0a0a}
.burger{display:none;background:#ff6a00;color:#0a0a0a;border:0;border-radius:8px;min-height:44px;padding:0 16px;font-weight:700}
@media(max-width:860px){.burger{display:block}nav{display:none;width:100%;flex-direction:column}body.nav nav{display:flex}}
main{max-width:1100px;margin:0 auto;padding:24px 16px;min-height:70vh}footer{background:#0a0a0a;color:#fff;text-align:center;padding:20px;font-size:14px}
h1{font-size:clamp(28px,5vw,44px);line-height:1.1;margin:0 0 16px}mark{background:#ff6a00;padding:0 10px}
.hero{padding:40px 0}.hero p{font-size:19px;max-width:560px}
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;background:#ff6a00;color:#0a0a0a;border:2px solid #ff6a00;border-radius:10px;min-height:44px;padding:0 20px;font-weight:700;text-decoration:none;cursor:pointer;font-size:15px}
.btn.alt{background:#fff;border-color:#0a0a0a}.btn.dark{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.btn.sm{min-height:36px;padding:0 12px;font-size:13px}
.grid3,.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:16px 0}
.card{border:2px solid #0a0a0a;border-radius:14px;padding:18px;margin:12px 0}.kpi{background:#0a0a0a;color:#fff;border-radius:14px;padding:16px}.kpi.o{background:#ff6a00;color:#0a0a0a}.kpi.g{background:#f4f4f4;color:#0a0a0a}
.kpi small{display:block;font-weight:600;opacity:.85}.kpi b{font-size:26px}
form.card{max-width:640px}label{display:block;font-weight:600;font-size:14px;margin:10px 0}
input,select,textarea{display:block;width:100%;min-height:46px;margin-top:6px;border:2px solid #0a0a0a;border-radius:10px;padding:8px 12px;font:inherit;background:#fff}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{background:#0a0a0a;color:#fff;text-align:left}th,td{padding:10px;border-bottom:1px solid #ddd;white-space:nowrap}td.w{white-space:normal;min-width:180px}
.flash{background:#ff6a00;padding:12px 16px;border-radius:10px;font-weight:600;margin-bottom:16px}.err{background:#0a0a0a;color:#ff6a00;padding:12px 16px;border-radius:10px;font-weight:600}.note{color:#444;font-size:14px}
.b{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#f4f4f4;border:1px solid #0a0a0a;text-transform:capitalize}.b.open,.b.assigned,.b.delivered{background:#ff6a00}.b.completed{background:#0a0a0a;color:#fff}
.bars{display:flex;gap:8px;align-items:flex-end;height:150px}.bars div{flex:1;text-align:center;font-size:12px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bars i{display:block;background:#ff6a00;border-radius:6px 6px 0 0;min-height:2px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row form{margin:0}.row input,.row select{width:auto;margin:0}img.av{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #0a0a0a}
.hero2{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding:32px 0}.hero2 svg{width:100%;max-width:380px;justify-self:center}@media(max-width:800px){.hero2{grid-template-columns:1fr}}
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}.sg select,.sg input{margin:0}.live{background:#ff6a00!important}