*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,Segoe UI,sans-serif;color:#15283d;background:#f2f6fb}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:#fff}.brand span,.logo-big span{color:#4de0d1}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 460px;background:#f6f9fc}.login-hero{padding:12vh 10%;background:radial-gradient(circle at 80% 70%,#1d6077,#102b47 60%,#091b30);color:white}.logo-big{font-size:42px;font-weight:800}.login-hero h1{font-size:clamp(32px,4vw,62px);line-height:1.13;margin-top:13vh}.login-hero p{color:#b4cbd8;font-size:19px}.login-card{align-self:center;margin:35px;padding:38px;border-radius:20px;background:white;box-shadow:0 20px 65px #1a345019}.login-card .brand{color:#122d4b}.login-card h2{font-size:30px;margin:40px 0 5px}.login-card p,.muted,.panel-heading p{color:#758397}.login-card label{display:block;font-weight:600;margin-top:24px}.login-card input{display:block;width:100%;padding:14px;border:1px solid #d5e0eb;border-radius:9px;margin-top:8px}.login-card button,.searchbar button{background:#1163d5;color:white;border:0;border-radius:9px;padding:14px 24px;font-weight:700}.login-card button{width:100%;margin-top:22px}.login-card small{display:block;text-align:center;color:#8a98a7;margin-top:22px}.error{color:#bf3030;margin-top:10px}.shell{display:flex;min-height:100vh}.sidebar{background:#0d233c;color:white;width:255px;flex-shrink:0;padding:27px 15px;display:flex;flex-direction:column}.sidebar .brand{padding-left:14px}.tagline{font-size:10px;letter-spacing:2px;color:#7898b5;padding:6px 14px 35px}.nav{width:100%;border:0;background:transparent;color:#b5c8da;text-align:left;padding:13px 15px;border-radius:9px;margin-bottom:4px}.nav:hover,.nav.active{background:#1359ae;color:white}.sidefoot{margin-top:auto;color:#64819c;padding:20px}.main{flex:1;min-width:0;padding:0 30px 40px}.main header{height:90px;display:flex;justify-content:space-between;align-items:center}.main header strong{font-size:21px}.user{display:flex;gap:20px;align-items:center}.user button{border:1px solid #d4e1ed;border-radius:8px;background:white;padding:8px 14px}.welcome{background:linear-gradient(110deg,#123657,#087e91);color:white;border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center}.welcome h1{margin:10px 0}.welcome p{color:#c6e2ea}.eyebrow{font-size:11px;letter-spacing:2px}.glass-symbol{font-size:110px;color:#55dfd6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat,.panel{background:white;border:1px solid #e2eaf2;border-radius:15px;box-shadow:0 3px 12px #19395809}.stat{padding:22px;display:flex;flex-direction:column;gap:12px}.stat span,.stat small{color:#75869b}.stat b{font-size:28px}.panel{padding:23px;margin-top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0;font-size:22px}.pill{background:#d9f7ed;color:#008c65;padding:7px 12px;border-radius:50px;font-size:12px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 15px}.tab{background:#f1f5fa;border:1px solid #e2eaf3;border-radius:10px;padding:17px;color:#24405c;font-size:24px}.tab span{display:block;font-size:14px;font-weight:700;margin-top:5px}.tab.selected{background:#1163d5;color:white;border-color:#1163d5}.searchbar{display:flex;gap:10px;margin-bottom:20px}.searchbar input{flex:1;min-width:0;border:1px solid #d6e1ec;border-radius:9px;padding:14px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;background:#f5f8fc;color:#60758a;font-size:12px}th,td{padding:14px;border-bottom:1px solid #eaf0f6}td{font-size:14px}.stock-good{color:#007c57;background:#d9f7e9;padding:6px 10px;border-radius:6px;font-weight:700}.stock-low{color:#a46c00;background:#fff1cc;padding:6px 10px;border-radius:6px;font-weight:700}.hint{color:#8291a1;font-size:12px}.placeholder{text-align:center;padding:70px 15px;color:#7d8ca0}.placeholder span{font-size:60px}.placeholder h3{color:#213b54}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-hero{padding:35px}.login-hero h1{font-size:30px;margin:30px 0}.login-card{margin:20px auto;width:min(460px,calc(100% - 30px))}.shell{display:block}.sidebar{width:100%;padding:15px}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.nav{white-space:nowrap;width:auto}.tagline,.sidefoot{display:none}.main{padding:0 14px 30px}.stats{grid-template-columns:repeat(2,1fr)}.glass-symbol{display:none}}@media(max-width:520px){.tabs{gap:5px}.tab{padding:12px 4px;font-size:19px}.tab span{font-size:11px}.stat b{font-size:19px}.main header{height:75px}.login-card{padding:24px}}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.formgrid label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:13px}.formgrid input,.formgrid select{width:100%;padding:12px;border:1px solid #d6e1ec;border-radius:9px;background:#fff;color:#142a42}.formgrid .wide{grid-column:1/-1}.primary{border:0;border-radius:9px;padding:12px 20px;background:#1163d5;color:#fff;font-weight:700}.calc{background:#e8f8f6;border:1px solid #bdece5;padding:17px;border-radius:10px;font-weight:600}.formmsg{margin-left:12px;font-weight:600;color:#19765f}.supplierlist{display:grid;gap:8px}.supplierlist>div{border:1px solid #e2eaf2;border-radius:8px;padding:12px}@media(max-width:600px){.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:1}.formmsg{display:block;margin:10px 0}}