@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101d35;--navy2:#192b49;--orange:#f07845;--ink:#18243a;--muted:#8792a4;--line:#e9edf2;--bg:#f5f7fa;--green:#23845c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:#fff;padding:27px 18px;display:flex;flex-direction:column;z-index:5}.side-brand{display:flex;align-items:center;gap:11px;padding:2px 8px 40px}.side-brand b{display:block;font:800 16px Manrope}.side-brand small{display:block;color:#9ba9bd;font-size:9px;letter-spacing:1.4px;margin-top:4px}.brand-mark{width:48px;height:48px;border-radius:15px;background:var(--orange);display:grid;place-items:center;color:white;font:800 17px Manrope;box-shadow:0 8px 18px #f0784533}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:14px}.side-label,.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800}.side-label{color:#74849e;padding:0 10px 12px;margin-top:6px}.nav{height:43px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:9px;color:#b7c2d2;margin-bottom:5px;font-weight:600}.nav.active{background:#ffffff16;color:#fff}.nav .dot{width:7px;height:7px;border-radius:50%;background:#65738a;margin-left:auto}.nav .dot.on{background:#4ec995}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff18;padding:18px 8px 0;color:#aab6c8;font-size:11px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.online-dot,.live i{width:7px;height:7px;border-radius:50%;background:#48c58f;display:inline-block}.sidebar-bottom a{margin-left:auto;color:#fff}.main{margin-left:245px;padding:34px 38px 24px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.muted{color:#8b96a8}.topbar h1{font:800 27px Manrope;margin:7px 0 4px;letter-spacing:-.8px}.topbar p,.sub{color:#8993a3;margin:0}.top-actions{display:flex;align-items:center;gap:20px}.live{font-size:10px;letter-spacing:1px;font-weight:800;color:#398c68;display:flex;align-items:center;gap:8px}.logout{font-size:12px;font-weight:700;color:#7d8796}.toolbar{background:white;border:1px solid var(--line);border-radius:12px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.toolbar>div span{color:#8993a3;font-size:12px}.date-form{display:flex;gap:8px}.date-form input,.login-form input{border:1px solid #e0e5ec;border-radius:8px;padding:10px 12px;font:500 13px 'DM Sans';color:var(--ink);background:#fff}.btn{border:0;border-radius:8px;padding:10px 16px;font:700 12px 'DM Sans';cursor:pointer}.btn.dark{background:var(--navy);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 18px;min-height:128px}.dark-stat{background:var(--navy);color:#fff;border-color:var(--navy)}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#8d98a9}.dark-stat .stat-top{color:#aebbd0}.stat-icon{font-size:19px;color:#7e8ba0}.stat-icon.orange{color:var(--orange)}.stat-icon.green{color:var(--green)}.stat-card>strong{display:block;font:800 27px Manrope;margin:11px 0 2px;letter-spacing:-.8px}.stat-card>strong small{font:700 11px 'DM Sans';color:#98a2b1;letter-spacing:0}.stat-card p{font-size:11px;color:#939dad;margin:0}.dark-stat p{color:#b4c0d1}.connected{font-size:22px!important;color:var(--green)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-head h2,.panel h2{font:800 17px Manrope;margin:5px 0 0;letter-spacing:-.3px}.date-chip,.pill{font-size:10px;font-weight:700;color:#69768a;background:#edf1f5;border-radius:30px;padding:7px 11px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.store-card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px}.store-card{padding:16px;scroll-margin-top:20px}.store-head{display:flex;align-items:center;gap:10px}.store-avatar{width:36px;height:36px;border-radius:11px;background:#fff0e9;color:#d96838;display:grid;place-items:center;font:800 15px Manrope}.store-title{min-width:0}.store-title b,.store-title small{display:block}.store-title b{font:800 13px Manrope}.store-title small{font-size:9px;color:#a0a9b6;letter-spacing:1px;margin-top:3px}.status{margin-left:auto;font-size:8px;letter-spacing:.7px;font-weight:800;border-radius:20px;padding:6px 8px;white-space:nowrap}.received{color:#21845c;background:#e8f6ef}.waiting{color:#9b7a3e;background:#fff5df}.store-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #edf0f4;margin:15px 0 11px;padding:12px 0}.store-metrics div+div{border-left:1px solid #edf0f4;padding-left:12px}.store-metrics strong,.store-metrics small{display:block}.store-metrics strong{font:800 19px Manrope}.store-metrics small{font-size:8px;color:#9aa4b1;letter-spacing:.7px;margin-top:2px}.mini-list>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;font-size:10px}.mini-list>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-list>div b{white-space:nowrap;font-size:9px}.mini-list>small{color:#8b96a5;font-size:9px}.empty-store{padding:12px 0;color:#9aa4b1;font-size:10px;min-height:55px}.store-foot{border-top:1px solid #edf0f4;padding-top:10px;margin-top:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;color:#9aa4b1}.store-foot a{color:#d96c3d;font-weight:800}.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel{padding:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h2{font-size:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#9aa4b1;font-size:8px;letter-spacing:1px;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:11px 8px;border-bottom:1px solid #f0f2f5;color:#768194}.product-name{font-weight:700;color:#26344a}.right{text-align:right}.qty{font-weight:800;color:var(--ink)}.empty-state{padding:25px 5px;color:#9aa4b1;font-size:11px}.activity{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2f5}.activity-mark{width:28px;height:28px;border-radius:9px;background:#edf7f2;color:#29956a;display:grid;place-items:center}.activity div:nth-child(2){min-width:0;flex:1}.activity b,.activity small{display:block}.activity b{font-size:10px}.activity small{font-size:9px;color:#9aa4b1;margin-top:4px}.activity>strong{font-size:10px;white-space:nowrap}footer{padding:24px 2px 0;color:#9aa4b1;font-size:10px}footer span{float:right}.mobile-nav{display:none}
.login-page{min-height:100vh;background:#f3f5f8;display:grid;place-items:center;padding:25px}.login-shell{width:min(900px,100%);min-height:520px;background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 25px 80px #1b2a4214}.login-brand{background:linear-gradient(145deg,#101d35,#1b3153);padding:48px;color:white;display:flex;flex-direction:column;align-items:flex-start}.login-brand .eyebrow{margin-top:38px;color:#f3a17f}.login-brand h1{font:800 34px/1.15 Manrope;letter-spacing:-1px;margin:17px 0}.login-brand p{color:#bdc8d8;line-height:1.7;font-size:13px;max-width:290px}.brand-foot{margin-top:auto;color:#8797ae;font-size:9px;letter-spacing:1.4px}.login-form{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font:800 24px Manrope;margin:12px 0 7px}.login-form .sub{font-size:12px;margin-bottom:28px}.login-form label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.login-form input{width:100%;height:45px;margin-bottom:13px}.primary{background:var(--orange);color:#fff;height:45px}.primary span{float:right}.full{width:100%}.login-note{font-size:10px;color:#a0a9b6;margin-top:25px}.alert{background:#fff1ed;color:#bd5532;padding:10px;border-radius:8px;font-size:11px;margin-bottom:14px}.mobile-brand{display:none}
.history-page{padding:35px 18px}.history-wrap{max-width:850px;margin:auto}.back{display:inline-block;color:#d96c3d;font-weight:700;font-size:12px;margin-bottom:35px}.history-wrap h1{font:800 26px Manrope;margin:8px 0}.history-wrap h1 span{color:#929cac;font-size:15px}.revision{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;margin-top:12px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.revision>div{flex:1}.revision b{font:800 13px Manrope}.revision small{display:block;color:#929cac;font-size:10px;margin-top:6px}.revision>strong{font:800 18px Manrope}.revision details{width:100%;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.revision summary{cursor:pointer;font-weight:700;color:#d96c3d}.revision pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8fa;padding:12px;border-radius:8px;font-size:10px;color:#536074}
@media(max-width:1100px){.main{padding:28px 22px;margin-left:220px}.sidebar{width:220px}.stats{grid-template-columns:repeat(2,1fr)}.store-grid{grid-template-columns:1fr}.store-card{max-width:none}.lower-grid{grid-template-columns:1fr}}
@media(max-width:680px){body{padding-bottom:68px}.sidebar{display:none}.main{margin:0;padding:22px 14px 20px}.topbar{align-items:flex-start;margin-bottom:20px}.topbar h1{font-size:22px}.topbar p{font-size:11px}.top-actions{gap:0}.live{font-size:8px}.logout{display:none}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.date-form{width:100%}.date-form input{flex:1;min-width:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:24px}.stat-card{padding:13px;min-height:112px}.stat-card>strong{font-size:23px}.stat-top{font-size:8px}.section-head h2{font-size:15px}.store-card{padding:14px}.store-grid{gap:10px}.lower-grid{gap:10px}.panel{padding:14px}.panel h2{font-size:14px}.history-panel{display:none}footer{font-size:9px}.mobile-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);justify-content:space-around;align-items:center}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8d98a8;font-size:17px}.mobile-nav a.selected{color:var(--orange)}.mobile-nav small{font-size:9px;font-weight:700}.login-page{padding:0;display:block;background:#fff}.login-shell{min-height:100vh;border-radius:0;display:block;box-shadow:none}.login-brand{display:none}.login-form{padding:65px 25px}.mobile-brand{display:block;font:800 14px Manrope;color:var(--navy);letter-spacing:1px;margin-bottom:55px}.mobile-brand span{color:var(--orange)}.login-form h2{font-size:23px}.login-note{margin-top:24px}.revision{gap:10px}.revision>strong{font-size:15px}}