:root {
  --primary: #143c35;
  --primary-2: #1f564b;
  --accent: #ef7d45;
  --accent-soft: #fff0e7;
  --cream: #f6f4ee;
  --surface: #ffffff;
  --surface-2: #f8f9f7;
  --text: #17211e;
  --muted: #69746f;
  --line: #e5e8e4;
  --green: #2a9b6f;
  --green-soft: #e7f6ef;
  --red: #d95c55;
  --yellow: #e7a93d;
  --shadow: 0 14px 34px rgba(25, 49, 43, .08);
  --radius: 16px;
  --sidebar: 252px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 280px; color: var(--text); background: var(--cream); font-family: "DM Sans", sans-serif; font-size: 14px; overflow-wrap: anywhere; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.lucide { width: 1em; height: 1em; flex: 0 0 auto; stroke-width: 1.8; vertical-align: -0.15em; }
.hidden { display: none !important; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--primary); text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: white; background: var(--accent); font: 800 21px/1 Manrope, sans-serif; box-shadow: inset 0 -4px 8px rgba(0,0,0,.08); }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1; }
.brand strong { font: 800 19px/1 Manrope, sans-serif; letter-spacing: -.5px; }
.brand small { margin-top: 3px; font: 700 9px/1 Manrope, sans-serif; letter-spacing: 3px; }
.brand-light { color: white; }

/* Acesso */
.auth-screen { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: minmax(400px, 48%) 1fr; background: white; }
.auth-brand-panel { position: relative; overflow: hidden; min-height: 100vh; min-height: 100dvh; padding: 48px clamp(40px, 6vw, 96px); display: flex; flex-direction: column; color: white; background: var(--primary); }
.auth-brand-panel::before { content: ""; position: absolute; width: 520px; height: 520px; right: -220px; top: 23%; border: 80px solid rgba(255,255,255,.035); border-radius: 50%; }
.auth-brand-panel::after { content: ""; position: absolute; width: 210px; height: 210px; left: -120px; bottom: 10%; border: 50px solid rgba(239,125,69,.12); border-radius: 50%; }
.auth-copy { position: relative; z-index: 1; margin: auto 0 46px; max-width: 590px; }
.eyebrow, .welcome-kicker { color: var(--accent); font-weight: 800; font-size: 11px; letter-spacing: 1.8px; }
.auth-copy h1 { margin: 18px 0 20px; max-width: 560px; font: 800 clamp(40px, 4.2vw, 64px)/1.05 Manrope, sans-serif; letter-spacing: -2.5px; }
.auth-copy p { max-width: 520px; margin: 0; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.7; }
.auth-feature-list { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; border-top: 1px solid rgba(255,255,255,.12); padding-top: 26px; }
.auth-feature-list > div { display: flex; gap: 12px; }
.auth-feature-list > div > span { color: var(--accent); font: 700 12px Manrope, sans-serif; }
.auth-feature-list p { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.auth-feature-list strong { font-size: 13px; }
.auth-feature-list small { color: rgba(255,255,255,.48); font-size: 11px; line-height: 1.4; }
.auth-footer { margin-top: 38px; color: rgba(255,255,255,.35); }
.auth-form-panel { display: grid; place-items: center; padding: 50px clamp(28px, 7vw, 110px); }
.auth-form-wrap { width: min(440px, 100%); }
.mobile-brand { display: none; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 40px; padding: 4px; border-radius: 12px; background: var(--surface-2); }
.auth-tab { padding: 11px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font-weight: 700; }
.auth-tab.active { background: white; color: var(--primary); box-shadow: 0 2px 10px rgba(0,0,0,.07); }
.auth-form { display: none; }
.auth-form.active { display: block; animation: fadeUp .35s ease; }
.auth-form h2 { margin: 10px 0 7px; font: 800 30px/1.2 Manrope, sans-serif; letter-spacing: -1px; }
.auth-form > p { margin: 0 0 30px; color: var(--muted); }
label { display: block; margin-bottom: 17px; color: #35423e; font-weight: 700; font-size: 12px; }
input, select, textarea { width: 100%; margin-top: 8px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; outline: none; color: var(--text); background: white; transition: border .2s, box-shadow .2s; }
input:focus, select:focus, textarea:focus { border-color: var(--primary-2); box-shadow: 0 0 0 3px rgba(31,86,75,.10); }
.password-field { display: flex; position: relative; }
.password-field input { padding-right: 46px; }
.password-field button { position: absolute; right: 5px; bottom: 5px; }
.form-row { display: flex; justify-content: space-between; align-items: center; margin: 4px 0 22px; }
.check { display: flex; align-items: center; gap: 7px; margin: 0; font-weight: 500; color: var(--muted); }
.check input { width: 15px; height: 15px; margin: 0; accent-color: var(--primary); }
.link-btn { display:inline-flex;align-items:center;gap:5px;border: 0; padding: 0; color: var(--primary-2); background: none; font-weight: 700; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 16px; border: 1px solid transparent; border-radius: 10px; font-weight: 700; transition: transform .18s, box-shadow .18s, background .18s; }
.btn .lucide { width: 15px; height: 15px; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { color: white; background: var(--primary); box-shadow: 0 8px 18px rgba(20,60,53,.15); }
.btn-primary:hover { background: var(--primary-2); }
.btn-accent { color: white; background: var(--accent); }
.btn-outline { border-color: var(--line); color: var(--primary); background: white; }
.btn-soft { color: var(--primary); background: #edf3f1; }
.btn-danger { color: var(--red); background: #fff0ef; }
.btn-lg { width: 100%; padding: 14px 18px; }
.divider { display: flex; align-items: center; gap: 12px; margin: 24px 0; color: #a0a8a4; font-size: 9px; letter-spacing: 1px; }
.divider::before,.divider::after { content:""; flex:1; height:1px; background:var(--line); }
.privacy-note { display: block; margin-top: 18px; text-align: center; color: #89918e; line-height: 1.5; }

/* Estrutura principal */
.app-shell { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; width: var(--sidebar); display: flex; flex-direction: column; padding: 24px 16px 16px; background: #fff; border-right: 1px solid var(--line); overflow-y: auto; }
.sidebar > .brand { margin: 0 10px 24px; }
.establishment-mini { display: flex; align-items: center; gap: 9px; margin-bottom: 20px; padding: 11px; border-radius: 12px; background: var(--cream); }
.establishment-avatar { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: white; background: var(--primary); font-size: 11px; font-weight: 800; }
.establishment-mini > div:nth-child(2) { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.establishment-mini strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.establishment-mini small { margin-top: 4px; color: var(--green); font-size: 9px; }
.establishment-mini i { display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 50%; background: var(--green); }
.side-nav { display: flex; flex-direction: column; gap: 3px; }
.side-nav > small { margin: 16px 12px 7px; color: #a0a8a4; font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }
.nav-item { display: flex; align-items: center; gap: 11px; width: 100%; padding: 10px 12px; border: 0; border-radius: 9px; color: #5f6965; background: transparent; text-align: left; font-weight: 600; }
.nav-item > span { width: 20px; display:grid;place-items:center;color: #8d9692; text-align: center; font-size: 17px; }
.nav-item b { margin-left: auto; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; color: white; background: var(--accent); font-size: 9px; }
.nav-item:hover { color: var(--primary); background: #f3f6f5; }
.nav-item.active { color: var(--primary); background: #eaf1ef; }
.nav-item.active > span { color: var(--primary); }
.sidebar-help { margin-top: auto; display: flex; align-items: center; gap: 9px; padding: 12px; border-radius: 11px; color: white; background: var(--primary); }
.sidebar-help > span { flex: 0 0 28px; height: 28px; display:grid;place-items:center; border:1px solid rgba(255,255,255,.3); border-radius:50%; }
.sidebar-help div { flex:1; display:flex;flex-direction:column; }
.sidebar-help strong { font-size: 10px; }
.sidebar-help small { color:rgba(255,255,255,.55); font-size:8px; margin-top:3px; }
.logout-btn { display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border:0;background:transparent;color:#8a928f;font-size:11px;font-weight:600; }
.main-shell { grid-column: 2; min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 15; height: 72px; display:flex;align-items:center;gap:20px;padding:0 30px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line); }
.menu-toggle { display:none; }
.top-search { position:relative; width:min(430px,42vw); }
.top-search > span { position:absolute;left:13px;top:18px;color:#8a938f; }
.top-search input { margin:0;padding:10px 52px 10px 38px;background:#f6f7f5;border:0; }
.top-search kbd { position:absolute;right:9px;top:9px;padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:#969d99;background:white;font:10px sans-serif; }
.top-actions { margin-left:auto;display:flex;align-items:center;gap:12px; }
.status-pill { padding:7px 11px;border:1px solid #d9ebe3;border-radius:20px;color:var(--green);background:var(--green-soft);font-size:10px;font-weight:700; }
.status-pill i { display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green); }
.icon-btn { display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#69736f; }
.icon-btn:hover { background:#f0f3f1; }
.notification-btn { position:relative;border:1px solid var(--line); }
.notification-btn b { position:absolute;right:-3px;top:-4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;color:#fff;background:var(--accent);font-size:8px; }
.user-chip { display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;text-align:left; }
.user-chip > span { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:white;background:var(--primary);font-size:10px;font-weight:700; }
.user-chip div { display:flex;flex-direction:column; }
.user-chip strong { font-size:11px; }.user-chip small{margin-top:2px;color:#8b9390;font-size:9px;}
.main-content { padding:28px 30px 48px; }
.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:19;border:0;background:rgba(10,28,24,.46);backdrop-filter:blur(2px)}

/* Conteúdo */
.page-enter { animation: fadeUp .35s ease; }
.page-head { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px; }
.page-head h1 { margin:0 0 4px;font:800 26px Manrope,sans-serif;letter-spacing:-.8px; }
.page-head p { margin:0;color:var(--muted);font-size:12px; }
.page-actions { display:flex;gap:8px; }
.date-chip { display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:white;color:#5f6965;font-weight:600;font-size:11px; }
.stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px; }
.stat-card { position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 4px 14px rgba(26,45,40,.025); }
.stat-card .stat-top { display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:700; }
.stat-icon { display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf3f1;color:var(--primary);font-size:16px; }
.stat-card.accent .stat-icon{background:var(--accent-soft);color:var(--accent)}
.stat-card strong { display:block;margin:14px 0 7px;font:800 23px Manrope,sans-serif; }
.trend { display:inline-flex;align-items:center;gap:4px;color:var(--green);font-size:9px;font-weight:700; }.trend.down{color:var(--red)}.trend>.lucide{width:11px;height:11px}
.trend span { color:#98a09c;font-weight:500; }
.dashboard-grid { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);gap:16px; }
.card { border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 5px 16px rgba(30,50,45,.025); }
.card-header { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line); }
.card-header h2 { margin:0;font:800 15px Manrope,sans-serif; }.card-header p{margin:4px 0 0;color:var(--muted);font-size:10px}
.card-body { padding:18px 20px; }
.orders-list { display:flex;flex-direction:column; }
.order-row { display:grid;grid-template-columns:58px minmax(120px,1fr) 92px 100px 82px;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #eef0ed; }
.order-row:last-child{border-bottom:0}.order-id{font-weight:800;color:var(--primary)}
.customer-cell{display:flex;flex-direction:column;gap:3px}.customer-cell strong{font-size:11px}.customer-cell small,.order-time{color:var(--muted);font-size:9px}
.source-tag,.status-tag { display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 8px;border-radius:12px;font-size:9px;font-weight:700; }
.source-tag{background:#f2f3f1;color:#5d6763}.status-tag.preparing{background:#fff5df;color:#b47a18}.status-tag.ready{background:var(--green-soft);color:var(--green)}.status-tag.received{background:#eaf0f8;color:#51759b}.status-tag.delivered{background:#f0f1ef;color:#6e7873}
.order-total{text-align:right;font-weight:800;font-size:11px}
.quick-actions { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.quick-action { min-height:96px;padding:14px;border:1px solid var(--line);border-radius:12px;background:white;text-align:left; }
.quick-action:hover{border-color:#b7c9c3;box-shadow:var(--shadow)}
.quick-action span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:9px;color:var(--primary);background:#edf3f1;font-size:16px}.quick-action strong{display:block;font-size:10px}.quick-action small{color:var(--muted);font-size:8px}
.occupancy { margin-top:16px; }
.progress-head { display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px }.progress-head b{color:var(--primary)}
.progress{height:7px;border-radius:5px;background:#edf0ed;overflow:hidden}.progress i{display:block;height:100%;border-radius:5px;background:var(--accent)}
.mini-chart { height:130px;display:flex;align-items:flex-end;gap:8px;padding-top:15px; }
.mini-chart div{position:relative;flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:#dce8e4}.mini-chart div.active{background:var(--accent)}.mini-chart div span{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:#929a96;font-size:8px}
.table-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px}.filter-group{display:flex;gap:5px;padding:4px;border-radius:10px;background:#ecefeb}.filter-btn{padding:7px 11px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.filter-btn.active{background:white;color:var(--primary);box-shadow:0 2px 7px rgba(0,0,0,.07)}
.data-card{overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:11px 16px;color:#8b9490;background:#fafbf9;text-align:left;font-size:9px;letter-spacing:.5px}.data-table td{padding:13px 16px;border-top:1px solid var(--line);font-size:11px}.data-table tr:hover td{background:#fcfdfb}.table-actions{display:flex;gap:4px}.mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:white;color:#68726e;font-size:9px;font-weight:700}
.qr-action{border-color:#bfd8d0;color:var(--primary);background:#edf6f3}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:9px;font-weight:500}

/* Modal e utilitários */
.modal-backdrop { position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(10,28,24,.58);backdrop-filter:blur(4px); }
.modal { width:min(660px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:18px;background:white;box-shadow:0 28px 80px rgba(0,0,0,.25);animation:modalIn .25s ease; }
.modal-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);background:white}.modal-header h2{margin:0;font:800 18px Manrope,sans-serif}.modal-body{padding:22px}.modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid var(--line);background:white}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.field-grid .full{grid-column:1/-1}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:17px}.choice{padding:13px;border:1px solid var(--line);border-radius:10px;background:white;text-align:left}.choice.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(20,60,53,.08)}.choice strong{display:flex;align-items:center;gap:7px;font-size:11px}.choice strong .lucide{width:16px;height:16px}.choice small{color:var(--muted);font-size:9px}
.toast-region{position:fixed;right:20px;top:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;padding:13px 16px;border-radius:11px;color:white;background:var(--primary);box-shadow:var(--shadow);animation:toastIn .3s ease}.toast.error{background:var(--red)}
.empty-state{padding:50px 20px;text-align:center;color:var(--muted)}.empty-state span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:15px;background:#edf3f1;color:var(--primary);font-size:24px}.empty-state h3{margin:0 0 6px;color:var(--text)}
.section-tabs{display:flex;gap:20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.section-tab{padding:10px 2px 13px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-weight:700}.section-tab.active{border-color:var(--accent);color:var(--primary)}.section-tab b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;border-radius:10px;background:#e9efed;font-size:9px}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeUp .25s ease}.legend{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--muted);font-size:9px}.legend i{width:7px;height:7px;border-radius:50%}.free-dot{background:#b8c2be}.busy-dot{background:var(--accent)}
.tables-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.table-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:white;transition:transform .18s,box-shadow .18s}.table-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.table-card.busy{border-color:#f3cdb8;background:linear-gradient(145deg,#fff 68%,#fff5ef)}.table-card-top{display:flex;align-items:center;justify-content:space-between;color:#9aa19e;font-size:9px;font-weight:800}.table-card>strong{display:block;margin:5px 0 1px;font:800 28px Manrope,sans-serif;color:var(--primary)}.table-card>small{color:var(--muted);font-size:9px}.table-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:10px;border-top:1px solid var(--line)}.table-card-foot>span{font-size:10px;font-weight:800;color:var(--primary)}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{display:grid;grid-template-columns:104px 1fr;min-height:130px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:white}.product-visual{position:relative;display:grid;place-items:center;background:#f3eee3;font-size:47px}.product-visual .status-tag{position:absolute;left:7px;top:7px}.product-info{display:flex;flex-direction:column;padding:17px}.product-info>small{color:var(--accent);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.product-info h3{margin:6px 0;font:800 14px Manrope,sans-serif}.product-info>div{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.product-info strong{color:var(--primary);font-size:13px}.switch{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:12px;background:#ccd2cf;transition:background .2s}.switch i{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.switch.on{background:var(--green)}.switch.on i{transform:translateX(16px)}
.cash-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:24px 26px;border-radius:17px;color:white;background:linear-gradient(120deg,var(--primary),#286255);box-shadow:0 14px 30px rgba(20,60,53,.14)}.cash-banner h2{margin:12px 0 2px;font:800 28px Manrope,sans-serif}.cash-banner p{margin:0;color:rgba(255,255,255,.6);font-size:10px}.cash-banner .btn-outline{border-color:rgba(255,255,255,.3);color:white;background:rgba(255,255,255,.08)}.payment-tag{display:inline-flex;align-items:center;gap:6px}.delivery-toggle{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:white;font-size:11px}.zone-list{padding:5px 18px}.zone-list>div{display:flex;align-items:center;gap:11px;padding:15px 2px;border-bottom:1px solid var(--line)}.zone-list>div:last-child{border-bottom:0}.zone-list>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--primary);background:#edf3f1}.zone-list p{flex:1;display:flex;flex-direction:column;margin:0}.zone-list p strong{font-size:11px}.zone-list p small{margin-top:3px;color:var(--muted);font-size:9px}.zone-list>div>b{font-size:10px}.period-select{width:auto;margin:0;padding:10px 35px 10px 12px}
.report-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-bottom:16px}.report-grid.lower{grid-template-columns:1fr 1fr}.sales-chart{height:210px;display:flex;align-items:flex-end;gap:15px;padding:12px 5px 24px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 49px,#edf0ed 50px)}.sales-chart>div{position:relative;flex:1;height:100%;display:flex;align-items:flex-end}.sales-chart>div>span{width:100%;border-radius:7px 7px 2px 2px;background:linear-gradient(to top,var(--primary),#5d9788);transition:height .3s}.sales-chart>div:nth-child(6)>span{background:linear-gradient(to top,#d9642d,var(--accent))}.sales-chart small{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);color:#8b9490;font-size:8px}.donut-wrap{display:flex;align-items:center;gap:22px}.donut{display:grid;place-items:center;flex:0 0 128px;height:128px;border-radius:50%;background:conic-gradient(#173e36 0 38%,#ef7d45 38% 69%,#75a998 69% 90%,#e4b865 90%)}.donut>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:white}.donut strong{font:800 18px Manrope}.donut small{font-size:8px;color:var(--muted)}.donut-wrap ul{flex:1;margin:0;padding:0;list-style:none}.donut-wrap li{display:flex;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid var(--line);font-size:9px}.donut-wrap li i{width:8px;height:8px;border-radius:3px}.donut-wrap li b{margin-left:auto}.ranking-list{padding:6px 18px}.ranking-list>div{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--line)}.ranking-list>div:last-child{border:0}.ranking-list>div>b:first-child{width:15px;color:#9aa29e;font-size:9px}.rank-icon,.team-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f2ede3;font-size:18px}.team-avatar{color:white;background:var(--primary);font-size:9px;font-weight:800}.ranking-list p{min-width:120px;flex:1;display:flex;flex-direction:column;margin:0}.ranking-list p strong{font-size:10px}.ranking-list p small{margin-top:3px;color:var(--muted);font-size:8px}.rank-bar{width:100px;height:5px;overflow:hidden;border-radius:4px;background:#edf0ed}.rank-bar i{display:block;height:100%;border-radius:4px;background:var(--accent)}.ranking-list>div>strong:last-child{font-size:10px}
.promo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:16px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.promo-summary>div{display:flex;align-items:center;gap:13px;padding:16px 20px;background:white}.promo-summary>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--primary);background:#eaf1ef}.promo-summary p{display:flex;flex-direction:column;margin:0}.promo-summary small{color:var(--muted);font-size:8px;font-weight:700}.promo-summary strong{margin-top:4px;font:800 16px Manrope}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.promo-card{padding:19px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:15px;background:white}.promo-card.inactive{filter:grayscale(.4);opacity:.68}.promo-top{display:flex;align-items:center;justify-content:space-between}.coupon-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--accent);background:var(--accent-soft);font-size:20px}.promo-card>small{display:block;margin-top:20px;color:#929a96;font-size:8px;font-weight:800;letter-spacing:.8px}.promo-card h3{display:inline-block;margin:5px 0 10px;font:800 19px Manrope;letter-spacing:.4px}.copy-code{float:right;display:inline-flex;align-items:center;gap:4px;margin-top:7px;padding:4px;border:0;color:var(--primary);background:transparent;font-size:8px;font-weight:700}.promo-value{display:flex;align-items:baseline;gap:6px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promo-value strong{font:800 26px Manrope;color:var(--primary)}.promo-value span{color:var(--muted);font-size:9px}.usage{padding:15px 0}.usage>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--muted);font-size:8px}.promo-card footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.promo-card footer>span{display:inline-flex;align-items:center;gap:5px}.person-cell{display:flex;align-items:center;gap:9px}.modal-stats{grid-template-columns:1fr 1fr}
.settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:16px}.settings-nav{height:max-content;display:flex;flex-direction:column;padding:7px;border:1px solid var(--line);border-radius:14px;background:white}.settings-nav button{display:flex;align-items:center;gap:8px;padding:11px 12px;border:0;border-radius:8px;color:var(--muted);background:transparent;text-align:left;font-size:10px;font-weight:700}.settings-nav button .lucide{width:15px;height:15px}.settings-nav button.active{color:var(--primary);background:#eaf1ef}.settings-panel{display:none}.settings-panel.active{display:block;animation:fadeUp .25s ease}.logo-upload{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.logo-upload>div:first-child{width:74px;height:74px;display:grid;place-items:center;overflow:hidden;border-radius:16px;color:white;background:var(--primary);font:800 18px Manrope}.logo-upload img{width:100%;height:100%;object-fit:cover}.logo-upload>div:last-child{display:flex;align-items:flex-start;flex-direction:column}.logo-upload small{margin:4px 0 9px;color:var(--muted);font-size:9px}.color-options{display:flex;align-items:center;gap:10px;margin:10px 0 22px}.color-options button,.color-options>label{display:grid;place-items:center;width:34px;height:34px;padding:3px;border:2px solid transparent;border-radius:50%;background:transparent}.color-options button i{width:100%;height:100%;border-radius:50%;background:var(--swatch)}.color-options button.active{border-color:var(--accent)}.color-options>label{margin:0;border:1px dashed #a9b0ad;color:#69736f;cursor:pointer}.color-options input{position:absolute;opacity:0;pointer-events:none}.theme-preview{display:flex;align-items:center;gap:9px;padding:18px;border-radius:12px;background:#f2f4f1}.theme-preview>span{margin-right:auto;color:var(--muted);font-size:8px;font-weight:800}.hours-list>div{display:grid;grid-template-columns:1fr 115px 24px 115px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.hours-list>div:last-child{border:0}.hours-list label{margin:0}.hours-list input{margin:0}.hours-list>div>span{text-align:center;color:var(--muted);font-size:9px}.setting-list>div{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.setting-list>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--primary);background:#edf3f1}.setting-list p{flex:1;display:flex;flex-direction:column;margin:0}.setting-list p strong{font-size:11px}.setting-list p small{margin-top:4px;color:var(--muted);font-size:9px}.info-box{padding:13px 15px;border:1px solid #d9e7e2;border-radius:10px;color:#49645b;background:#eef6f3;font-size:10px;line-height:1.55}
.customer-mode{display:block;background:#f5f2ea}.customer-mode .sidebar,.customer-mode .topbar{display:none}.customer-mode .main-shell{width:100%;max-width:1240px;margin:auto}.customer-mode .main-content{padding:0 24px 60px}.customer-app{min-height:100vh;min-height:100dvh}.customer-header{height:82px;display:flex;align-items:center;justify-content:space-between}.customer-header>div:last-child{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px}.customer-hero{overflow:hidden;position:relative;padding:54px 60px;border-radius:22px;color:white;background:linear-gradient(120deg,var(--primary),#286255)}.customer-hero:after{content:'';position:absolute;right:-70px;top:-90px;width:310px;height:310px;border:55px solid rgba(255,255,255,.06);border-radius:50%;transform:rotate(-10deg)}.customer-hero>span{color:#ffc09e;font-size:9px;font-weight:800;letter-spacing:1px}.customer-hero h1{position:relative;z-index:1;margin:12px 0;font:800 clamp(32px,5vw,54px)/1.05 Manrope;letter-spacing:-2px}.customer-hero p{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.65)}.customer-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin-top:24px}.customer-layout>main,.customer-layout>.cart-card,.customer-layout>.customer-side{min-width:0}.customer-layout main>h2{font:800 20px Manrope}.customer-categories{display:flex;max-width:100%;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain}.customer-categories button{white-space:nowrap;padding:8px 13px;border:1px solid var(--line);border-radius:18px;color:var(--muted);background:white;font-size:10px;font-weight:700}.customer-categories button.active{color:white;background:var(--primary)}.customer-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-products article{position:relative;display:grid;grid-template-columns:85px minmax(0,1fr);gap:13px;min-height:125px;padding:12px;border:1px solid var(--line);border-radius:15px;background:white}.customer-products article>span{display:grid;place-items:center;border-radius:11px;color:var(--primary);background:#f3eee3;font-size:43px}.customer-products article>div{min-width:0;display:flex;flex-direction:column}.customer-products small,.customer-products h3,.customer-products p{overflow-wrap:anywhere}.customer-products small{color:var(--accent);font-size:8px;font-weight:800}.customer-products h3{margin:4px 0;font:800 12px Manrope}.customer-products p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.customer-products strong{margin-top:auto;color:var(--primary);font-size:11px}.customer-products article>button{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:8px;color:white;background:var(--primary)}.customer-side{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:14px}.cart-card{align-self:stretch;position:static;min-height:260px;padding:18px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}.cart-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.cart-card h2{margin:0;font:800 16px Manrope}.cart-card>div:first-child>span{color:var(--muted);font-size:9px}.cart-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;min-height:190px;text-align:center}.cart-empty>span{display:grid;place-items:center;color:var(--primary);font-size:34px}.cart-empty p{margin:10px 0 3px;font-weight:700}.cart-empty small{color:var(--muted);font-size:9px}.cart-items{margin:15px 0}.cart-items>div{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px}.cart-items p{flex:1;margin:0}.cart-total{display:flex;align-items:center;justify-content:space-between;margin:14px 0;padding-top:13px;border-top:1px solid var(--line)}.cart-total strong{font:800 18px Manrope}
.table-access-status{display:flex;align-items:flex-start;gap:11px;margin:0 0 18px;padding:13px 14px;border:1px solid #d9e7e2;border-radius:11px;color:var(--primary);background:#eef6f3;font-size:11px;line-height:1.45}.table-access-status>svg{width:20px;height:20px;margin-top:1px}.table-access-status>span{display:flex;flex-direction:column;gap:2px}.table-access-status b{font-size:11px}.table-access-status.waiting{border-color:#edd5ac;color:#775b26;background:#fff8e9}.table-access-status.loading .lucide{animation:spin 1s linear infinite}.customerSubmit:disabled,.btn:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}
.table-owner{display:flex;align-items:center;gap:5px;min-height:20px}.table-owner .lucide{color:var(--accent)}.table-card-actions{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}.table-card-foot{gap:7px}.table-card-foot>span{white-space:nowrap}
.table-account-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow)}.table-account-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.table-account-card h2{margin:0;font:800 16px Manrope}.table-account-card>header p{margin:3px 0 0;color:var(--muted);font-size:9px}.table-member-chip{display:flex;align-items:center;gap:10px;margin:14px 0;padding:11px;border-radius:10px;color:#4a625a;background:#eff4f2}.table-member-chip.responsible{color:#7a5128;background:#fff1e5}.table-member-chip>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:white}.table-member-chip p{display:flex;flex-direction:column;gap:2px;margin:0}.table-member-chip small{font-size:7px;font-weight:800;letter-spacing:.6px}.table-member-chip strong{font-size:10px}.table-account-card>footer{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:13px;border-top:1px solid var(--line);font-size:10px}.table-account-card>footer strong{font:800 18px Manrope;color:var(--primary)}
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:15px;border-radius:12px;color:white;background:var(--primary)}.account-summary>div{display:flex;align-items:center;gap:10px}.account-summary>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.12)}.account-summary p,.account-summary>div:last-child{display:flex;flex-direction:column;margin:0}.account-summary small{color:rgba(255,255,255,.63);font-size:7px;font-weight:800;letter-spacing:.6px}.account-summary strong{font:800 14px Manrope}.account-summary>div:last-child{align-items:flex-end}.account-summary>div:last-child strong{font-size:20px}.account-groups{display:flex;flex-direction:column;gap:10px}.account-person{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:white}.account-person>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;background:#f8faf8}.account-person>header>div{display:flex;align-items:center;gap:9px}.account-person>header>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:white;background:var(--primary);font-size:10px;font-weight:800}.account-person header p{display:flex;flex-direction:column;margin:0}.account-person header p strong{font-size:10px}.account-person header p small{margin-top:2px;color:var(--muted);font-size:8px}.account-person>header>b{font-size:10px}.account-person-items{padding:4px 11px}.account-person-items>div{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #eef0ed;font-size:9px}.account-person-items>div:last-child{border:0}.account-person-items p{flex:1;margin:0}.account-empty{display:flex;flex-direction:column;align-items:center;padding:24px 14px;text-align:center;color:var(--muted)}.account-empty>.lucide{width:28px;height:28px;margin-bottom:9px;color:var(--primary)}.account-empty strong{color:var(--text);font-size:10px}.account-empty small{max-width:220px;margin-top:4px;font-size:8px;line-height:1.45}.account-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:45px;color:var(--muted)}.account-loading .lucide{animation:spin 1s linear infinite}
.qr-modal{text-align:center}.real-qr{width:244px;min-height:244px;display:grid;place-items:center;margin:2px auto 10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 8px 25px rgba(20,60,53,.08)}.real-qr img,.real-qr canvas{width:220px!important;height:220px!important}.qr-verified{display:inline-flex;align-items:center;gap:5px;margin:5px 0 16px;padding:5px 9px;border-radius:12px;color:var(--green);background:var(--green-soft);font-size:8px;font-weight:800;letter-spacing:.5px}.qr-modal h3{margin:0;font:800 18px Manrope}.qr-modal p{max-width:430px;margin:7px auto 14px;color:var(--muted)}.qr-modal code{display:block;padding:10px;border-radius:8px;background:#f3f5f2;font-size:9px;word-break:break-all}.qr-warning{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;border:1px solid #f0d7a6;border-radius:9px;color:#7d622c;background:#fff8e8;text-align:left;font-size:9px}.qr-warning b{white-space:nowrap}.qr-warning span{line-height:1.45}.qr-error{padding:20px;color:var(--red);font-size:10px;line-height:1.5}.cart-target{margin-top:14px!important;padding:9px 11px;border-radius:8px;color:var(--primary);background:#edf5f2;font-size:9px;font-weight:800}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}

.color-options input{width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)}

@media(min-width:1500px){
  .main-content{width:100%;max-width:1600px;margin-inline:auto}
  .customer-mode .main-content{max-width:none}
}

@media(max-width:1150px){
  .tables-grid{grid-template-columns:repeat(4,1fr)}
  .products-grid{grid-template-columns:1fr 1fr}
  .page-head{align-items:flex-start}
  .page-actions{flex-wrap:wrap;justify-content:flex-end}
}

@media(max-width:1050px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .dashboard-grid,.report-grid,.report-grid.lower{grid-template-columns:1fr}
  .auth-feature-list{grid-template-columns:1fr}
  .auth-feature-list>div:nth-child(n+2){display:none}
  .promo-grid{grid-template-columns:1fr 1fr}
  .customer-layout{grid-template-columns:minmax(0,1fr)}
  .customer-side{position:static}
  .cart-card{position:static}
  .customer-products{grid-template-columns:repeat(3,1fr)}
  .customer-products article{grid-template-columns:1fr}
  .customer-products article>span{height:80px}
}

@media(max-width:960px){
  :root{--sidebar:min(300px,86vw)}
  body.nav-open{overflow:hidden}
  .app-shell{grid-template-columns:1fr}
  .sidebar{z-index:30;transform:translateX(-105%);transition:transform .25s ease;box-shadow:16px 0 38px rgba(0,0,0,.18)}
  .sidebar.open{transform:none}
  .sidebar-backdrop.active{display:block}
  .main-shell{grid-column:1}
  .topbar{height:64px;padding:0 16px;gap:10px}
  .menu-toggle{display:grid}
  .top-search{flex:1;width:auto;max-width:430px}
  .top-search kbd,.status-pill,.user-chip div,.user-chip>b{display:none}
  .main-content{padding:22px 20px 40px}
  .page-actions .date-chip{display:none}
  .data-card{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .data-table{min-width:680px}
  .settings-layout{grid-template-columns:1fr}
  .settings-nav{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto;overscroll-behavior-inline:contain}
  .settings-nav button{white-space:nowrap}
  .products-grid{grid-template-columns:1fr 1fr}
  .promo-summary{grid-template-columns:1fr}
  .customer-header>div:last-child>span{display:none}
  .modal{max-height:calc(100dvh - 32px)}
}

@media(max-width:780px){
  .auth-screen{grid-template-columns:1fr}
  .auth-brand-panel{display:none}
  .auth-form-panel{min-height:100vh;min-height:100dvh;padding:30px 22px}
  .mobile-brand{display:flex;margin-bottom:36px}
  .page-head{align-items:flex-start}
  .order-row{grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:13px 16px}
  .order-row .source-tag,.order-row .order-time{display:none}
  .order-row .status-tag{grid-column:3;grid-row:1 / span 2}
  .order-row .order-total{grid-column:2;grid-row:2;text-align:left}
  .tables-grid{grid-template-columns:repeat(3,1fr)}
  .products-grid{grid-template-columns:1fr}
  .customer-products{grid-template-columns:1fr 1fr}
  .customer-hero{padding:40px 30px}
  .table-toolbar{align-items:flex-start;flex-wrap:wrap}
  .filter-group{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .filter-btn{white-space:nowrap}
  .section-tabs{max-width:100%;overflow-x:auto;white-space:nowrap}
  .card-header{align-items:flex-start;flex-wrap:wrap}
  .cash-banner{align-items:flex-start;gap:18px}
  .ranking-list p{min-width:0}
  .rank-bar{width:72px}
}

@media(max-width:600px){
  .stats-grid{grid-template-columns:1fr}
  .page-head{flex-direction:column;margin-bottom:20px}
  .page-actions{width:100%;justify-content:flex-start}
  .page-actions .btn,.page-actions .delivery-toggle,.page-actions .period-select{flex:1 1 calc(50% - 4px)}
  .field-grid{grid-template-columns:1fr}
  .field-grid .full{grid-column:auto}
  .choice-grid{grid-template-columns:1fr}
  .top-search{display:none}
  .top-actions{margin-left:auto}
  .main-content{padding:18px 14px 34px}
  .tables-grid{grid-template-columns:1fr 1fr}
  .promo-grid{grid-template-columns:1fr}
  .hours-list>div{grid-template-columns:1fr 1fr}
  .hours-list>div>span{display:none}
  .settings-nav{grid-template-columns:repeat(4,minmax(120px,1fr))}
  .donut-wrap{flex-direction:column}
  .customer-mode .main-content{padding:0 14px 35px}
  .customer-header{height:72px;gap:10px}
  .customer-header .brand{min-width:0}
  .customer-header .brand>span:last-child{min-width:0}
  .customer-header .brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}
  .customer-header .brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}
  .customer-products{grid-template-columns:1fr}
  .customer-products article{grid-template-columns:88px 1fr}
  .customer-products article>span{height:auto;min-height:94px}
  .customer-hero{padding:32px 22px}
  .theme-preview{flex-wrap:wrap}
  .modal-stats{grid-template-columns:1fr}
  .modal-backdrop{padding:8px;align-items:end}
  .modal{width:100%;max-height:calc(100dvh - 16px);border-radius:18px 18px 10px 10px}
  .modal-header{padding:16px}
  .modal-body{padding:18px 16px}
  .modal-footer{padding:12px 16px;flex-wrap:wrap}
  .modal-footer .btn{flex:1 1 130px;min-height:44px}
  .toast-region{inset:12px 12px auto}
  .toast{width:100%;min-width:0}
  .cash-banner{flex-direction:column;padding:20px}
  .cash-banner .btn{width:100%}
  .logo-upload{align-items:flex-start}
  .setting-list>div{align-items:flex-start}
  .quick-action,.nav-item,.logout-btn,.section-tab,.customer-categories button{min-height:44px}
  .icon-btn{min-width:40px;min-height:40px}
  .account-summary{align-items:flex-start;flex-direction:column}
  .account-summary>div:last-child{width:100%;align-items:flex-start;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}
}

@media(max-width:380px){
  .auth-form-panel{padding:22px 16px}
  .mobile-brand{margin-bottom:24px}
  .auth-tabs{margin-bottom:28px}
  .auth-form h2{font-size:26px}
  .form-row{align-items:flex-start;flex-direction:column;gap:14px}
  .page-actions .btn,.page-actions .delivery-toggle,.page-actions .period-select{flex-basis:100%}
  .tables-grid{grid-template-columns:1fr}
  .quick-actions{grid-template-columns:1fr}
  .customer-products article{grid-template-columns:76px 1fr;gap:10px}
  .customer-hero h1{font-size:29px;letter-spacing:-1px}
  .customer-header .btn{padding-inline:11px}
  .customer-header .brand-mark{width:36px;height:36px}
  .card-header,.card-body{padding-inline:15px}
  .ranking-list{padding-inline:12px}
  .rank-bar{display:none}
}
@media print{.sidebar,.topbar,.page-head,.modal-footer{display:none!important}.app-shell,.main-shell{display:block}.main-content{padding:0}.modal-backdrop{position:static;padding:0;background:white}.modal{box-shadow:none;width:100%}.modal-header .icon-btn{display:none}}