:root{--navy:#0B1F33;--navy2:#12263A;--navy3:#1A3348;--deep:#071522;--or:#F37021;--or2:#FF8A3D;--mut:#9fb3c8}
*{box-sizing:border-box}body{margin:0;background:var(--deep);color:#e8eef5;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--or2)}header.top{background:var(--navy);border-bottom:3px solid var(--or);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.brand{color:#fff;font-weight:800;font-size:20px;text-decoration:none}.brand em{color:var(--or);font-style:normal}
main{max-width:1100px;margin:0 auto;padding:22px 16px 60px}.card{background:var(--navy2);border:1px solid var(--navy3);border-radius:12px;padding:18px;margin:14px 0}
h1{font-size:24px;margin:6px 0 4px}h2{font-size:18px;margin:0 0 10px}.mut{color:var(--mut);font-size:13px}
input,select{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--navy3);background:var(--deep);color:#fff;font-size:15px}
.btn{display:inline-block;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;background:var(--or);color:#fff;text-decoration:none;font-size:14px}
.btn.sec{background:var(--navy3);color:#fff}.btn.sm{padding:6px 10px;font-size:12px}.btn:disabled{opacity:.5}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1 1 200px}.row>.btn{flex:0 0 auto}
.msg{margin-top:10px;font-size:14px}.err{color:#ff9b8a}.ok{color:#7ee2a8}
.tag{display:inline-block;border-radius:20px;padding:2px 9px;font-size:12px;font-weight:700;background:var(--navy3)}
.tag.paid,.tag.delivered{background:#14532d;color:#bbf7d0}.tag.prog{background:#7c2d12;color:#fed7aa}.tag.created{background:#334155;color:#cbd5e1}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 7px;border-bottom:1px solid var(--navy3);vertical-align:top}th{color:var(--mut);font-weight:600;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.stat{background:var(--navy3);border-radius:10px;padding:14px}.stat b{display:block;font-size:22px;color:var(--or2)}
.ord{border:1px solid var(--navy3);border-radius:10px;padding:14px;margin:10px 0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tabs .btn{background:var(--navy3)}.tabs .btn.on{background:var(--or)}
footer.ft{text-align:center;color:var(--mut);font-size:13px;padding:20px}
.steps{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.step{flex:1 1 110px;background:var(--navy3);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--mut);display:flex;gap:8px;align-items:center}
.step span{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:#24405a;font-weight:700;font-size:12px}
.step.done{color:#e8eef5}.step.done span{background:#14532d}.step.now{background:var(--or);color:#fff}.step.now span{background:#fff;color:var(--or)}
.pj h3{font-size:15px;margin:14px 0 6px}.fl{margin:4px 0}.tl{max-height:320px;overflow:auto}.ev{border-left:3px solid var(--or);padding:4px 10px;margin:6px 0;font-size:14px}.ev.customer{border-left-color:#3b82f6}
input[type=file]{padding:8px}