:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f5ec;font-synthesis:none;background:#080808;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% -10%,#342408 0,#0000 32%),#080808;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:linear-gradient(145deg,#1e1e1ef7,#0a0a0afa);border:1px solid #5e481c;border-radius:22px;width:min(100%,460px);padding:34px;box-shadow:0 32px 90px #0000008c}.brand{align-items:center;gap:14px;display:flex}.brand>span{color:#080808;background:linear-gradient(135deg,#ffe485,#c69216);border-radius:16px;place-items:center;width:52px;height:52px;font-size:30px;font-weight:900;display:grid}.brand div{gap:2px;display:grid}.brand strong{font-size:20px}.brand small{color:#a9a49a}.login-copy{margin:42px 0 28px}.login-copy>span,.welcome>div>span,.panel header span{color:#e7bd4f;letter-spacing:.14em;font-size:11px;font-weight:800}.login-copy h1{margin:10px 0;font-size:clamp(28px,5vw,42px);line-height:1.05}.login-copy p,.welcome p{color:#a9a49a}form{gap:17px;display:grid}label{color:#d8d3c7;gap:8px;font-size:13px;font-weight:700;display:grid}input,select{color:#fff;background:#090909;border:1px solid #41391f;border-radius:11px;outline:none;padding:13px 14px}input:focus,select:focus{border-color:#d5a82e;box-shadow:0 0 0 3px #d5a82e1f}form button{color:#090909;background:linear-gradient(135deg,#f8d66c,#bd8611);border:0;border-radius:11px;padding:15px;font-weight:900}button:disabled{cursor:wait;opacity:.65}.security-note{color:#77736a;text-align:center;margin-top:22px;display:block}.error-banner{color:#ffd8dc;background:#3c1419;border:1px solid #8e303a;border-radius:10px;padding:12px 14px;font-size:13px}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#080808e6;border-bottom:1px solid #302817;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand.compact>span{border-radius:13px;width:44px;height:44px;font-size:26px}.brand.compact strong{font-size:17px}.top-actions{align-items:center;gap:9px;display:flex}.top-actions select{max-width:220px}.ghost{color:#e7dfcd;background:#171717;border:1px solid #4b4126;border-radius:10px;padding:11px 14px}.content{width:min(1440px,100%);margin:0 auto;padding:42px clamp(18px,4vw,56px) 70px}.welcome{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.welcome h1{margin:6px 0 0;font-size:clamp(30px,5vw,48px)}.welcome p{margin:8px 0 0}.role-pill{color:#f1c955;text-transform:uppercase;background:#261e0c;border:1px solid #66501d;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;display:grid}.metric{background:linear-gradient(145deg,#171717,#101010);border:1px solid #332d20;border-radius:16px;align-content:space-between;min-height:128px;padding:22px;display:grid}.metric.accent{background:linear-gradient(145deg,#33250b,#171307);border-color:#80631e}.metric span{color:#aaa398;text-transform:uppercase;font-size:12px;font-weight:700}.metric strong{font-size:clamp(23px,3vw,34px)}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;display:grid}.panel{background:#111;border:1px solid #332d20;border-radius:16px;overflow:hidden}.panel>header{border-bottom:1px solid #2c281f;justify-content:space-between;align-items:center;gap:12px;padding:22px;display:flex}.panel h2{margin:4px 0 0;font-size:20px}.panel header small,.muted{color:#918b7f}.sale-list{display:grid}.sale-row{border-bottom:1px solid #23211b;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 22px;display:grid}.sale-row:last-child{border:0}.sale-icon{background:#252013;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.sale-row div:nth-child(2){gap:4px;display:grid}.sale-row small{color:#8f8a80}.sale-row b{color:#f1cb5d}.payment-list{gap:19px;padding:22px;display:grid}.payment-list>div{grid-template-columns:1fr auto;gap:8px;display:grid}.payment-list>div>div{background:#29251b;border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.payment-list i{border-radius:inherit;background:linear-gradient(90deg,#a8750b,#f3d36f);height:100%;display:block}.muted{padding:22px}.empty{text-align:center;color:#b6b0a4;align-content:center;place-items:center;gap:9px;min-height:300px;padding:30px;display:grid}.empty div{color:#d4a72d;font-size:34px}.empty p{color:#817c72;max-width:420px;margin:0}@media (max-width:920px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:620px){.topbar,.welcome{flex-direction:column;align-items:flex-start}.top-actions{flex-wrap:wrap;width:100%}.top-actions select{flex:1}.content{padding-top:25px}.metrics{grid-template-columns:1fr}.login-card{padding:24px}.sale-row{padding-inline:15px}.sale-row b{grid-column:2}}