:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#182233;background:#f5f7fb;--blue:#155eaa;--blue2:#0e4f92;--muted:#697386;--card:#fff;--border:#e4e9f0}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}.hidden{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#0f4f8d,#1f75c5)}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 70px #092b4e55}.brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.brand-mark{width:48px;height:48px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:800}.brand h1{font-size:24px;margin:0}.brand p{margin:2px 0 0;color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}input{width:100%;border:1px solid #cfd7e3;border-radius:10px;padding:13px 14px;font-size:15px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #155eaa22}button{border:0;border-radius:10px;padding:13px 16px;font-weight:700;cursor:pointer}.primary{width:100%;margin-top:20px;background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.error{color:#b42318;background:#fef3f2;padding:10px 12px;border-radius:9px;margin-top:14px;font-size:13px}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#10263d;color:#d8e5f2;padding:22px 16px;display:flex;flex-direction:column}.side-brand{font-size:21px;font-weight:800;color:#fff;padding:8px 10px 24px}.nav button{display:block;width:100%;text-align:left;background:transparent;color:#c9d7e5;margin:3px 0}.nav button.active,.nav button:hover{background:#ffffff15;color:#fff}.side-bottom{margin-top:auto}.content{padding:26px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h2{margin:0;font-size:25px}.userbox{text-align:right}.userbox b{display:block}.userbox span{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 5px 20px #2030400a}.card .label{color:var(--muted);font-size:13px}.card .value{font-size:29px;font-weight:800;margin-top:7px}.section{margin-top:20px}.section h3{margin:0 0 12px}.table-card{overflow:auto}.sales{width:100%;border-collapse:collapse}.sales th,.sales td{text-align:left;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}.sales th{color:var(--muted);font-size:12px;text-transform:uppercase}.empty{padding:24px;text-align:center;color:var(--muted)}.mobile-head{display:none}.install-btn{background:#eaf3fb;color:var(--blue);margin-top:10px;width:100%}@media(max-width:850px){.shell{display:block;padding-bottom:74px}.sidebar{display:none}.content{padding:18px 14px}.mobile-head{display:flex;background:#10263d;color:#fff;padding:14px 16px;justify-content:space-between;align-items:center}.mobile-head b{font-size:19px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:15px}.card .value{font-size:23px}.topbar{align-items:flex-start}.topbar h2{font-size:21px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--border);display:grid!important;grid-template-columns:repeat(4,1fr);z-index:9}.bottom-nav button{background:#fff;color:#526172;font-size:12px;padding:8px 3px}.bottom-nav button.active{color:var(--blue)}.userbox{display:none}}@media(max-width:440px){.cards{grid-template-columns:1fr 1fr}.card .label{font-size:12px}.card .value{font-size:20px}}