:root{--n:#031522;--n2:#082c49;--n3:#0b3554;--g:#c89a43;--g2:#e2bd70;--line:#1d4b67;--mut:#a8bdca;--ok:#35d39a;--bad:#ff8b8b;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}.auth-page{min-height:100vh;display:grid;grid-template-columns:56% 44%;background:#f4f7f8;color:#102f40}.auth-brand{position:relative;min-height:100vh;background:#061a2f url('https://albriam.com/albriam-building-clean.png') center/cover no-repeat}.auth-brand-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(3,18,36,.98),rgba(4,25,48,.56))}.auth-brand-content{position:relative;z-index:1;height:100%;min-height:100vh;padding:34px 6% 42px;display:flex;flex-direction:column;justify-content:space-between}.auth-logo{width:180px}.auth-brand-message{margin:auto 0;max-width:650px}.ey{color:var(--g);font-size:12px;font-weight:900;letter-spacing:.18em}.auth-brand-message h1{color:#fff;font-size:56px;line-height:1.05;margin:22px 0 16px}.auth-brand-message p{color:#fff;font-size:18px;line-height:1.6}.motto{color:var(--g2);font-size:11px;font-weight:900;letter-spacing:.18em}.auth-access{padding:36px 7%;display:flex;flex-direction:column;justify-content:center;background:#f4f7f8}.client{display:flex;align-items:center;gap:12px;max-width:480px;width:100%;margin:0 auto 22px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#0b2940;border:1px solid var(--g);color:var(--g2);font-weight:900}.client small{display:block;color:#64747c;margin-top:3px}.card{max-width:480px;width:100%;margin:auto;padding:42px 40px;background:#fff;border:1px solid #dce5e7;border-radius:20px;box-shadow:0 24px 70px rgba(11,41,64,.1)}.card h2{font-size:36px;margin:10px 0}.intro{color:#5e7078;line-height:1.55}.card label{display:block;font-size:12px;font-weight:800;margin:18px 0 7px}.card input{width:100%;height:52px;padding:0 14px;border:1px solid #c9d5d8;border-radius:9px}.submit{width:100%;height:52px;margin-top:18px;border:0;border-radius:9px;background:#0b2940;color:#fff;font-weight:800}.recovery{margin-top:20px;padding-top:18px;border-top:1px solid #e4eaec;font-size:12px}.auth-footer{max-width:480px;width:100%;margin:20px auto 0;display:flex;justify-content:space-between;color:#829097;font-size:10px}#app{display:none;min-height:100vh;background:var(--n);color:#fff}.apphead{height:82px;padding:12px 20px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(200,154,67,.55);background:linear-gradient(90deg,#031522,#08263d)}.apphead img{width:145px}.divider{width:1px;height:42px;background:var(--g)}.apphead h3{margin:0;font-size:22px}.apphead small{color:#b8c7d1}.who{margin-left:auto;text-align:right;font-size:12px;color:#d8e3e9}.shell{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 82px)}aside{padding:13px 9px;background:#041b2d;border-right:1px solid #163e57}.nav{width:100%;display:block;text-align:left;border:0;background:transparent;color:#dce6ec;border-radius:9px;padding:11px;margin:3px 0;cursor:pointer}.nav.active{background:linear-gradient(90deg,#efc66c,#d8a347);color:#071827;font-weight:900}main#main{padding:20px;overflow:auto}.panel,.box,.kpi{background:#08263d;border:1px solid var(--line);border-radius:13px;padding:16px}.panel h2{margin-top:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi small{color:var(--mut);text-transform:uppercase;font-size:11px}.kpi b{display:block;font-size:25px;margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.field{display:grid;gap:5px}.field span{font-size:11px;color:#b7c9d3}.inp{width:100%;padding:10px;border:1px solid #285570;border-radius:8px;background:#041b2e;color:#fff}.btn{padding:10px 14px;border:0;border-radius:8px;background:linear-gradient(90deg,#efc76d,#d9a548);color:#071827;font-weight:900;cursor:pointer}.btn2{padding:9px 12px;border:1px solid #315d76;border-radius:8px;background:#0a314e;color:#fff;cursor:pointer}.danger{background:#703341;color:#fff}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:9px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.badge{display:inline-block;padding:4px 7px;border-radius:12px;background:#153f58;font-size:10px}.ok{color:var(--ok)}.warn{color:#f2c56d}.muted{color:var(--mut)}.notice{padding:10px 12px;border-radius:8px;background:#0d3653;border:1px solid #285570;margin:10px 0;font-size:12px}.pricebox{background:#061f33;border:1px solid #315d76;border-radius:10px;padding:13px;margin-top:10px}.big{font-size:25px;font-weight:900}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bar{height:10px;border-radius:8px;background:#153c55;overflow:hidden}.bar i{display:block;height:100%;background:#d9a548}.photo{width:64px;height:64px;border-radius:10px;object-fit:cover;background:#12364c;border:1px solid #285570}.error{color:#ff9e9e;font-size:12px}.success{color:#42e4a8;font-size:12px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.7fr);gap:14px}.pos-search{display:flex;gap:8px;margin-bottom:12px}.pos-search input{flex:1}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.product-card{background:#0a2f4b;border:1px solid #285570;border-radius:12px;padding:10px;cursor:pointer;transition:.15s}.product-card:hover{transform:translateY(-2px);border-color:var(--g)}.product-card img{width:100%;height:105px;object-fit:cover;border-radius:8px;background:#0c2437}.product-card b{display:block;margin-top:8px}.product-card small{display:block;color:var(--mut);margin-top:4px}.cart-list{display:grid;gap:8px}.cart-item{display:grid;grid-template-columns:1fr 62px 86px 30px;gap:6px;align-items:center;padding:8px;border:1px solid #244f69;border-radius:9px;background:#061f33}.cart-item input{width:100%}.goal{background:linear-gradient(135deg,#0a314d,#0b263b);border:1px solid #3f6074}.goal strong{color:var(--g2)}.metricline{display:flex;justify-content:space-between;gap:10px;margin:7px 0}.shift-card{display:grid;grid-template-columns:1.3fr repeat(3,.8fr);gap:10px;align-items:center;padding:12px;border:1px solid #285570;border-radius:10px;background:#061f33}.upload-preview{display:flex;align-items:center;gap:12px}.upload-preview img{width:90px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #315d76;background:#061f33}.inventory-cycle{padding:12px;border:1px solid #2d5770;border-radius:10px;background:#061f33;margin-top:10px}@media(max-width:1000px){.pos-layout{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.grid,.two,.formgrid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:260px}.auth-brand-content{min-height:260px;padding:25px}.auth-brand-message h1{font-size:34px}.auth-brand-message p{display:none}.auth-access{padding:28px}.shell{grid-template-columns:75px 1fr}.nav{font-size:0}.nav:before{content:'•';font-size:18px}}@media(max-width:600px){.kpis,.grid,.two,.formgrid{grid-template-columns:1fr}.shell{grid-template-columns:1fr}aside{display:flex;overflow:auto}.nav{font-size:12px;white-space:nowrap}.nav:before{display:none}.shift-card{grid-template-columns:1fr 1fr}.auth-footer{padding:0 4px}}