:root{--navy:#082B5C;--blue:#0E66C2;--gold:#F4B400;--bg:#F4F7FB;--ink:#15243B;--muted:#718096;--line:#DCE5F0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink)}a{text-decoration:none}.top{position:sticky;top:0;z-index:20;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:10px 16px;display:flex;align-items:center;gap:12px}.top .logo{width:58px;height:58px;border-radius:14px}.top div{flex:1}.top b{display:block;font-size:21px}.top small{display:block;color:#dbeafe}.top a{color:#fff;font-weight:800}.wrap{max-width:1080px;margin:auto;padding:16px}.smallwrap{max-width:560px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:15px;box-shadow:0 8px 24px #082b5c0b}.hero{text-align:center;border-top:4px solid var(--gold)}.logo.big{width:220px;max-width:70%;border-radius:28px}label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;margin-bottom:11px}input,textarea{padding:12px;border:1px solid #c7d2e0;border-radius:11px;font:inherit}textarea{min-height:80px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:inline-block;border:0;border-radius:11px;padding:11px 14px;font-weight:800;cursor:pointer}.primary{background:var(--navy);color:#fff}.blue{background:var(--blue);color:#fff}.gold{background:var(--gold);color:#24354b}.ghost{background:#eef2f7;color:var(--ink)}.green{background:#dff6ea;color:#087149}.red{background:#fde4e4;color:#a22d2d}.alert{padding:12px;border-radius:12px;margin:10px 0}.good{background:#e4f7ed;color:#0c6b45}.bad{background:#fde6e6;color:#a62929}.space{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.opp{border:1px solid var(--line);border-radius:15px;padding:14px;margin:12px 0}.opp small{display:block;color:var(--muted)}.status{font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px}.s-pending{background:#fff3d3;color:#8f5b00}.s-approved{background:#dff6ea;color:#087149}.s-rejected{background:#fde4e4;color:#a22d2d}.s-purchased{background:#e8efff;color:#294fa3}.s-packed{background:#eee8ff;color:#6244aa}.s-shipped{background:#def3f6;color:#056b76}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.metrics>div,.stats>div{background:#f7f9fc;border-radius:12px;padding:10px}.metrics small,.stats small{display:block;color:var(--muted)}.metrics b,.stats b{font-size:18px;color:var(--navy)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.prod{max-width:180px;max-height:180px;object-fit:cover;border-radius:12px}.approve{display:flex;gap:8px;flex-wrap:wrap}.approve input{width:110px}@media(max-width:720px){.grid2,.metrics,.stats{grid-template-columns:1fr}.wrap{padding:12px}}