:root{--ink:#07182f;--muted:#68809a;--line:#d7e9f6;--ice:#eef9ff;--glass:rgba(255,255,255,.76);--blue:#1769e0;--navy:#071b3a;--green:#087c59;--red:#c7354d;--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0,#d8f3ff 0,transparent 32%),radial-gradient(circle at 90% 10%,#dbe8ff 0,transparent 35%),#f5fbff;min-height:100vh}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:24px 18px;background:rgba(5,27,59,.94);backdrop-filter:blur(24px);color:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px;margin:2px 6px 24px}.brand img{width:42px;height:42px}.nav a{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;color:#cde5ff;text-decoration:none;margin:4px 0;font-weight:650}.nav a:hover,.nav a.active{background:rgba(255,255,255,.12);color:#fff;transform:translateX(2px)}.main{padding:28px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:28px}.glass{background:var(--glass);border:1px solid rgba(181,218,240,.9);box-shadow:0 18px 55px rgba(40,98,140,.10);backdrop-filter:blur(20px);border-radius:var(--radius)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px}.stat b{font-size:28px;display:block;margin-top:8px}.stat span{color:var(--muted);font-size:13px}.card{padding:20px;margin-top:16px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:800;color:#4d6680;text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #c9deec;background:rgba(255,255,255,.9);border-radius:13px;color:var(--ink);outline:none}.field textarea{min-height:120px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:0;border-radius:13px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.btn.secondary{background:#e8f3fb;color:#143b60}.btn.danger{background:#ffe8ed;color:#a61f38}.btn.good{background:#dff9ed;color:#08704f}.actions{display:flex;gap:8px;flex-wrap:wrap}.tablewrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.66);min-width:780px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5f0f7;vertical-align:middle;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#617a93;background:#eff8fe}.thumb{width:52px;height:52px;object-fit:cover;border-radius:12px;background:#edf5fa}.pill{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#e8f3fb;color:#2d5674}.pill.active,.pill.approved,.pill.paid,.pill.delivered{background:#dcf8eb;color:#08704f}.pill.pending,.pill.placed,.pill.processing{background:#fff3d8;color:#8a5c00}.pill.rejected,.pill.blocked,.pill.failed,.pill.cancelled{background:#ffe4e9;color:#a61f38}.alert{padding:13px 15px;border-radius:14px;margin-bottom:15px;background:#e2f8ed;color:#096746}.alert.err{background:#ffe9ee;color:#9d2138}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:22px}.login{width:min(460px,100%);padding:32px}.login .logo{width:70px;height:70px;margin-bottom:18px}.muted{color:var(--muted)}.mobileHead{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:86px 1fr}.side{padding:22px 12px}.brand span,.nav a span{display:none}.brand{justify-content:center}.nav a{justify-content:center}.main{padding:20px}.grid3{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell{display:block}.side{position:fixed;z-index:20;left:12px;right:12px;bottom:10px;top:auto;height:auto;border-radius:22px;padding:8px;box-shadow:0 15px 45px #0b244a55}.brand{display:none}.nav{display:flex;overflow:auto}.nav a{min-width:54px;margin:0;padding:12px}.main{padding:18px 14px 94px}.stats,.grid,.grid3{grid-template-columns:1fr}.topbar h1{font-size:22px}.topbar{align-items:flex-start}.hideMobile{display:none}}