:root{--navy:#10244b;--navy2:#173564;--orange:#ff6b35;--orange2:#f97316;--bg:#f6f8fc;--card:#fff;--text:#14213d;--muted:#687896;--green:#17a673;--border:#e5eaf2;--shadow:0 12px 35px rgba(16,36,75,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.login-bg{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#f8fafc,#fff7f3)}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy);letter-spacing:.3px}.brand b{width:42px;height:42px;border-radius:12px;background:var(--orange);color:#fff;display:grid;place-items:center}.login-card h1{font-size:28px;margin:28px 0 8px}.login-card p{color:var(--muted);line-height:1.6}.login-card label{display:block;font-size:12px;font-weight:800;margin:16px 0 7px;color:#4e607e}.login-card input,.toolbar input,.toolbar select,.inline select{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.btn.orange{background:var(--orange);color:#fff}.btn.blue{background:var(--navy);color:#fff}.full{width:100%;margin-top:18px}.demo{background:#f7f9fc;border-radius:11px;padding:12px;margin-top:16px;font-size:12px;color:var(--muted)}.alert{padding:12px 14px;border-radius:10px;margin:0 0 16px}.alert.error{background:#fff0f0;color:#b42318}.alert.success{background:#e9f8f2;color:#087443}.side{position:fixed;left:0;top:0;bottom:0;width:250px;background:var(--navy);padding:23px 15px;color:#fff}.sidebrand{color:#fff;margin:0 10px 32px}.sidebrand b{background:var(--orange)}.nav{display:flex;gap:11px;align-items:center;padding:12px 14px;border-radius:10px;color:#c9d3e6;font-weight:700;margin:4px 0}.nav:hover,.nav.active{background:#fff;color:var(--navy)}.nav.logout{position:absolute;bottom:20px;left:15px;right:15px;background:#243d68;color:#fff}.main{margin-left:250px;padding:28px 34px;max-width:1500px}.top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--orange);font-weight:900}.top h1{font-size:28px;margin:5px 0}.top p{color:var(--muted);margin:0}.userpill{background:#fff;border:1px solid var(--border);padding:10px 14px;border-radius:11px;text-align:right}.userpill small{display:block;color:var(--muted);margin-top:3px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:19px;box-shadow:0 4px 15px #10244b08}.stat small{color:var(--muted);font-weight:700}.stat strong{display:block;font-size:24px;margin:7px 0}.stat span{color:var(--green);font-size:12px;font-weight:800}.panel{background:#fff;border:1px solid var(--border);border-radius:17px;padding:20px;box-shadow:0 4px 15px #10244b08}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel h2{font-size:18px;margin:0 0 16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 8px;border-bottom:1px solid #eef1f5;text-align:left;font-size:13px;white-space:nowrap}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#eef2f8;color:var(--navy);font-size:11px;font-weight:900}.badge.new{background:#fff3e8;color:#d35400}.badge.approved,.badge.packing{background:#eef3ff;color:#2456b8}.badge.dispatched{background:#fff0ea;color:#e85b29}.badge.delivered{background:#e9f8f2;color:#087443}.badge.cancelled{background:#fff0f0;color:#b42318}.empty{text-align:center;color:var(--muted);padding:30px}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{flex:1}.toolbar select{width:190px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:#fff;border:1px solid var(--border);border-radius:16px;padding:17px}.picon{height:105px;border-radius:12px;background:linear-gradient(135deg,#f3f6fb,#fff1eb);display:grid;place-items:center;font-size:43px;margin-bottom:13px}.product small{color:var(--muted)}.product h3{font-size:16px;margin:7px 0}.price{font-size:19px;font-weight:900;margin:12px 0;color:var(--navy)}.price s{font-size:12px;color:#9aa6b8;margin-left:5px}.price em{font-size:10px;color:var(--green);font-style:normal;margin-left:5px}.product form{display:flex;gap:8px}.qty{width:65px;padding:9px;border:1px solid var(--border);border-radius:9px}.inline{display:flex;gap:6px;align-items:center}.inline select{width:auto;padding:8px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-grid div{background:#f7f9fc;border:1px solid var(--border);padding:15px;border-radius:10px;font-weight:700;color:#4e607e}@media(max-width:1000px){.side{width:210px}.main{margin-left:210px;padding:22px}.cards{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.side{position:static;width:100%;padding:15px}.sidebrand{margin-bottom:12px}.nav{display:inline-flex}.nav.logout{position:static;display:flex;margin-top:8px}.main{margin:0;padding:18px}.cards,.product-grid,.module-grid{grid-template-columns:1fr}.top{flex-direction:column}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{width:100%}}