:root{--navy:#0f172a;--blue:#2563eb;--soft:#f5f7fb;--green:#16a34a;--purple:#7c3aed;}
*{box-sizing:border-box} body{background:linear-gradient(180deg,#eef4ff 0,#f8fafc 45%,#fff 100%);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033}.app-nav{background:linear-gradient(135deg,#0f172a,#1d4ed8)}
.hero{background:linear-gradient(135deg,#0f172a,#2563eb 55%,#22c55e);border-radius:28px;color:#fff;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(37,99,235,.22)}.hero:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;background:rgba(255,255,255,.14);border-radius:50%}.glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:14px}.app-card{border:0;border-radius:24px;box-shadow:0 14px 35px rgba(15,23,42,.08);background:#fff}.stat{border-radius:22px;padding:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08)}.stat .icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.money{font-size:1.35rem;font-weight:800}.muted{color:#64748b}.btn-rounded{border-radius:16px;padding:12px 16px;font-weight:700}.form-control,.form-select{border-radius:15px;padding:12px 14px;border-color:#e2e8f0}.counter-wrap{display:flex;align-items:center;gap:10px}.counter-wrap button{width:44px;height:44px;border-radius:15px}.counter-wrap input{text-align:center;font-weight:800;font-size:1.25rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;display:none;z-index:20}.bottom-nav a{flex:1;text-align:center;padding:8px 4px;color:#64748b;text-decoration:none;font-size:.78rem}.bottom-nav i{display:block;font-size:1.25rem}.badge{border-radius:999px}.receipt{max-width:760px;margin:auto;background:white;border-radius:22px;padding:24px;box-shadow:0 12px 35px rgba(0,0,0,.08)}
@media(max-width:768px){.container{padding-left:16px;padding-right:16px}.hero{padding:22px;border-radius:24px}.desktop-only{display:none!important}.bottom-nav{display:flex}body.with-bottom{padding-bottom:70px}.money{font-size:1.15rem}.stat{padding:15px}.table-responsive{font-size:.9rem}}
@media print{.no-print,.app-nav,.bottom-nav{display:none!important}body{background:#fff}.receipt{box-shadow:none;border-radius:0}.container{max-width:100%!important}}