:root { font-family: Arial,sans-serif; color-scheme: light; }
body { margin:0; background:#f4f5f7; color:#1f2937; }
header { background:#2f4f4f; color:white; padding:1rem; display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; }
.brand{display:flex;flex-direction:column;max-width:220px;flex:0 1 220px}.brand-logo{width:100%;max-width:220px}.brand-subtitle{font-size:1.05rem;max-width:220px;line-height:1.2}
.top-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto;justify-content:flex-end}.nav-link{background:#3f6767}.nav-link.active{background:#f59e0b;color:#1f2937}
.app-container{padding:1rem}.panel{background:white;border-radius:10px;padding:1rem;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-bottom:1rem}
.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin-bottom:.75rem}
input,select,button{padding:.8rem;border:1px solid #c6ccd3;border-radius:8px;font-size:16px} button{background:#2f4f4f;color:#fff;border:none;cursor:pointer}
.icon-btn{padding:.55rem .7rem;min-width:2.6rem}.table-tools{display:flex;gap:.5rem;margin-bottom:.5rem}.th-btn{background:transparent;color:#1f2937;padding:0;font-weight:700}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{border-bottom:1px solid #e5e7eb;padding:.45rem;text-align:left}.clickable-row{cursor:pointer}
.highlight-total{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:0 .25rem}.shop-totals{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.65rem;margin:.6rem 0}
.muted{color:#6b7280}.small{font-size:.85rem}.auth-status{display:flex;align-items:center;gap:.5rem}.hidden{display:none}
.pagination{margin-top:.5rem}dialog{border:none;border-radius:10px;padding:1rem;max-width:560px;width:min(95vw,560px)}#edit-form{display:flex;flex-direction:column;gap:.65rem}#edit-fields{display:flex;flex-direction:column;gap:.65rem}.form-field{display:flex;flex-direction:column;gap:.3rem;width:100%}.form-field input,.form-field select{width:100%;box-sizing:border-box}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}
.menu-toggle{display:none}
@media (max-width:760px){header{align-items:flex-start}.brand{max-width:170px;flex-basis:170px}.brand-logo,.brand-subtitle{max-width:170px}.brand-subtitle{font-size:.95rem}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.top-nav{display:none;width:100%;flex-direction:column;align-items:stretch}.top-nav.open{display:flex}.nav-link,.grid-form button{width:100%}.table-tools{flex-direction:column}.auth-status{width:100%;justify-content:space-between}}