:root{--ink:#17221d;--muted:#708078;--line:#e4eae6;--green:#123c2c;--paper:#f6f8f6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;background:#174c36;color:#fff;padding:11px 16px;font-weight:700}.screen-center{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.shell aside{position:fixed;inset:0 auto 0 0;width:248px;background:var(--green);color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 8px 30px}.brand>span,.login-brand>span{width:42px;height:42px;border-radius:12px;background:#f4a261;color:#173e2e;display:grid;place-items:center;font-weight:900}.brand div,.login-brand div{display:flex;flex-direction:column}.brand b,.login-brand b{font-size:18px}.brand small,.login-brand small{color:#9fb7ac;margin-top:3px}nav{display:flex;flex-direction:column;gap:7px}nav button{background:transparent;color:#c6d8cf;text-align:left;display:flex;gap:10px}nav button.active,nav button:hover{background:#245541;color:#fff}nav i{font-style:normal;margin-left:auto}.stock-alert{margin-top:auto;background:#1d4b38;border:1px solid #376550;padding:15px;border-radius:12px}.stock-alert p{color:#b8ccc2;margin-bottom:0}.account{display:flex;align-items:center;gap:10px;background:transparent;border-top:1px solid #315745;border-radius:0;margin-top:18px;padding:18px 4px 0;text-align:left}.account>span{width:34px;height:34px;border-radius:50%;background:#e8a269;color:#173e2e;display:grid;place-items:center}.account div{display:flex;flex:1;flex-direction:column}.account small{color:#a8c0b4;margin-top:3px}.shell>main{margin-left:248px;padding:38px 42px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:28px;margin:0 0 7px}header p,.modal-head p{margin:0;color:var(--muted)}header>div:last-child{display:flex;gap:9px}.light{background:#fff;color:var(--ink);border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat,.panel{background:#fff;border:1px solid var(--line);box-shadow:0 3px 14px #193a2814;border-radius:13px}.stat{padding:20px;display:flex;gap:14px}.stat>span{width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.stat .blue{background:#e7f1fe;color:#3676b9}.stat .orange{background:#fff0df;color:#c66b1a}.stat .red{background:#fee9e7;color:#c24a40}.stat .green{background:#e6f3ec;color:#267151}.stat div{display:flex;flex-direction:column}.stat small{color:var(--muted)}.stat b{font-size:22px;margin:5px 0}.stat em{font-style:normal;color:#789088;font-size:12px}.grid{display:grid;grid-template-columns:1.65fr .75fr;gap:20px}.panel{overflow:hidden}.panel-head{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;font-size:17px}.panel-head span{color:var(--muted)}.panel-head input{width:min(440px,75%);padding:11px;border:1px solid var(--line);border-radius:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{background:#fafbfa;text-align:left;color:#7a8981;font-size:11px;text-transform:uppercase;padding:12px 17px}td{padding:14px 17px;border-top:1px solid #edf0ee}td small{display:block;color:var(--muted);margin-top:4px}.tag{background:#edf2ee;padding:6px 9px;border-radius:6px}.danger{color:#bd463e}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stepper button{width:31px;height:30px;padding:0;border-radius:0;background:#f4f6f4;color:var(--ink);font-size:18px}.stepper span{min-width:34px;text-align:center;font-weight:bold}.low-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px 18px;border-top:1px solid var(--line)}.low-row>span{width:36px;height:36px;border-radius:9px;background:#e7eee9;color:#285d46;display:grid;place-items:center;font-size:11px;font-weight:bold}.low-row div{display:flex;flex-direction:column}.low-row small{color:var(--muted);margin-top:4px}.low-row strong{color:#bd463e}.empty{padding:32px;text-align:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#32644f,transparent 28%),#123c2c;padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:32px;border-radius:18px;box-shadow:0 30px 80px #071a1255}.login-brand small{color:var(--muted)}.login-copy{margin:34px 0 22px}.login-copy em{font-style:normal;background:#e6f3ec;color:#267151;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:bold}.login-copy h1{margin-top:18px}.login-copy p{color:var(--muted)}form label{display:flex;flex-direction:column;gap:7px;font-weight:bold;margin-bottom:15px}form input{padding:11px;border:1px solid #d7e0da;border-radius:8px}.login-card form button{width:100%}.note{display:block;text-align:center;color:var(--muted);margin-top:18px}.error{background:#fbe9e7;color:#9a3d35;padding:11px;border-radius:8px;margin-bottom:15px}.backdrop{position:fixed;inset:0;background:#12251da8;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px}.modal-head{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:0 0 5px}.modal-head button{background:none;color:#68756f;font-size:27px;padding:0}.modal form{padding:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.picker{border:1px solid var(--line);border-radius:9px;max-height:260px;overflow:auto}.picker>div{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line)}.picker>div>span{display:flex;flex-direction:column}.picker small{color:var(--muted);margin-top:4px}.total{display:flex;justify-content:space-between;padding:18px 3px 0}.total b{font-size:20px;color:#174c36}#toast{position:fixed;right:24px;top:24px;background:#183e2f;color:#fff;padding:12px 17px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1}#toast.error-toast{background:#9a3d35}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:740px){.shell aside{position:static;width:100%;padding:16px}.brand{padding-bottom:14px}.shell nav{flex-direction:row;overflow:auto}.stock-alert,.account{display:none}.shell>main{margin:0;padding:22px 15px}header{align-items:flex-start;gap:15px}.stats{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}}