.app{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:100;background:#090c14eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;padding:0 20px;height:68px}.header__logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.header__wappen{height:48px;width:auto;filter:drop-shadow(0 0 8px rgba(59,130,246,.4));opacity:.95}.header__titles{display:flex;flex-direction:column;gap:1px}.header__title{font-size:1.1rem;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.1}.header__subtitle{font-size:.7rem;font-weight:600;color:var(--accent-light);letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;gap:4px;overflow-x:auto;flex:1;justify-content:flex-end}.nav__btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:none;background:transparent;color:var(--muted);border-radius:8px;font-size:.875rem;font-weight:600;transition:all .15s;white-space:nowrap}.nav__btn:hover{background:var(--surface2);color:var(--text)}.nav__btn--active{background:var(--surface2);color:var(--accent-light)}.nav__icon{font-size:1rem}.main{flex:1;max-width:860px;width:100%;margin:0 auto;padding:24px 20px 80px}.page{display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.card__header h2{font-size:1rem;font-weight:700;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-light)}.btn--red{background:#ef44441f;border-color:#ef44444d;color:var(--red)}.btn--red:hover{background:#ef444438}.btn--green{background:#22c55e1f;border-color:#22c55e4d;color:var(--green)}.btn--green:hover{background:#22c55e38}.btn--ghost{background:var(--surface2);border-color:var(--border);color:var(--text)}.btn--ghost:hover{border-color:var(--muted)}.btn--sm{padding:5px 10px;font-size:.8rem}.btn--xs{padding:3px 8px;font-size:.75rem}.btn-group{display:flex;gap:6px;align-items:center}.input{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:9px 12px;font-size:.875rem;outline:none;transition:border-color .15s;width:100%}.input:focus{border-color:var(--accent)}.input--price{width:130px;min-width:100px}.input--sm{padding:5px 9px;font-size:.8rem;width:auto}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle{width:40px;height:22px;border-radius:11px;background:var(--border);border:1px solid var(--border);position:relative;transition:background .2s;flex-shrink:0}.toggle--on{background:var(--accent);border-color:var(--accent)}.toggle__knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px #0000004d}.toggle--on .toggle__knob{transform:translate(18px)}.toggle-label{font-size:.85rem;color:var(--muted)}.person-section{margin-bottom:16px}.person-section:last-child{margin-bottom:0}.person-section__header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.surcharge-hint{font-size:.75rem;color:var(--accent-light);font-weight:500;text-transform:none;letter-spacing:0}.person-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.person-chip{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1.5px solid var(--border);border-radius:40px;background:var(--surface2);color:var(--muted);font-size:.875rem;font-weight:600;transition:all .15s}.person-chip:hover{border-color:var(--accent);color:var(--text)}.person-chip--active{border-color:var(--accent);color:var(--text);background:var(--accent-dim)}.person-chip__avatar{width:24px;height:24px;border-radius:50%;background:var(--accent2);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.person-chip--active .person-chip__avatar{background:var(--accent)}.person-chip__check{margin-left:2px;color:var(--accent);font-size:.8rem}.person-chip--gast{border-color:#3b82f633}.person-chip--gast:hover{border-color:var(--accent-light)}.person-chip__avatar--gast{background:#1e3a6e}.person-chip--gast-active{border-color:var(--accent-light)!important;background:#60a5fa1a!important}.person-chip--gast-active .person-chip__check{color:var(--accent-light)}.selection-info{margin-top:10px;font-size:.8rem;color:var(--muted);font-family:var(--mono)}.selection-info__guest{color:var(--accent-light);margin-left:4px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.preset-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text);transition:all .15s}.preset-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.preset-btn:disabled{opacity:.5}.preset-btn__emoji{font-size:1.8rem}.preset-btn__name{font-size:.8rem;font-weight:700}.preset-btn__price{font-size:.75rem;color:var(--accent-light);font-family:var(--mono)}.preset-btn__guest-price{font-size:.68rem;color:var(--muted);font-family:var(--mono)}.custom-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.custom-row .input{flex:1;min-width:160px}.custom-hint{margin-top:8px;font-size:.8rem;color:var(--muted);font-family:var(--mono)}.summary-group{margin-bottom:16px}.summary-group:last-child{margin-bottom:0}.summary-group__label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.summary-list{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface2);border-radius:10px;border:1px solid var(--border)}.summary-row__avatar{width:36px;height:36px;border-radius:50%;background:var(--accent2);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-row__avatar--gast{background:#1e3a6e}.summary-row__info{flex:1;display:flex;flex-direction:column;gap:2px}.summary-row__name{font-weight:700;font-size:.95rem}.summary-row__count{font-size:.75rem;color:var(--muted);font-family:var(--mono)}.summary-row__total{font-family:var(--mono);font-size:1.1rem;font-weight:500;color:var(--accent-light);min-width:90px;text-align:right}.summary-row__total--zero{color:var(--green)!important}.summary-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-weight:700}.summary-footer__total{font-family:var(--mono);font-size:1.3rem;color:var(--accent-light)}.group-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.group-badge--stammtisch{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:var(--accent-light)}.group-badge--gast{background:#1d4ed826;border:1px solid rgba(29,78,216,.3);color:#93c5fd}.db-table-wrap{overflow-x:auto}.db-table{width:100%;border-collapse:collapse;font-size:.875rem}.db-table th{text-align:left;padding:8px 10px;color:var(--muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.db-table td{padding:10px;border-bottom:1px solid rgba(30,45,69,.5);vertical-align:middle}.db-table tr.editing td{background:#3b82f60d}.db-table tr:last-child td{border-bottom:none}.db-table tr:hover td{background:var(--surface2)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.chip{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:var(--accent-light);padding:2px 8px;border-radius:6px;font-size:.8rem;font-weight:600}.reversal-row td{opacity:.65}.reversal-label{font-style:italic;color:var(--muted)}.price-negative{color:var(--green)!important}.info-box{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius);font-size:.85rem;color:var(--muted);line-height:1.5}.info-box strong{color:var(--text)}.persons-group{margin-top:20px}.persons-group__label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.person-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface2);border-radius:10px;border:1px solid var(--border);margin-bottom:8px}.person-row__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent2);color:#fff;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.person-row__avatar--gast{background:#1e3a6e}.person-row__name{flex:1;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;max-width:380px;width:100%;box-shadow:var(--shadow)}.modal h3{font-size:1.1rem;font-weight:800;margin-bottom:8px}.modal p{color:var(--muted);font-size:.9rem;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:300}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;font-size:.875rem;font-weight:600;max-width:360px;animation:slideIn .2s ease;border:1px solid transparent}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{background:#22c55e1f;border-color:#22c55e4d;color:var(--green)}.toast--error{background:#ef44441f;border-color:#ef44444d;color:var(--red)}.toast--info{background:var(--surface);border-color:var(--border);color:var(--text)}.toast span{flex:1}.toast button{background:none;border:none;color:inherit;opacity:.6;font-size:.8rem;padding:2px}.toast button:hover{opacity:1}@media(max-width:600px){.header{height:56px;padding:0 14px;gap:10px;justify-content:center}.header__logo{justify-content:center}.header__wappen{height:34px}.header__subtitle{display:none}.header__title{font-size:1rem}.nav{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#090c14f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border:none;background:transparent;color:var(--muted);font-family:var(--font);font-size:.65rem;font-weight:600;letter-spacing:.02em;transition:all .15s;-webkit-tap-highlight-color:transparent}.bottom-nav__btn--active{color:var(--accent-light)}.bottom-nav__icon{font-size:1.4rem;line-height:1}.main{padding-bottom:90px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.summary-row{flex-wrap:wrap}.summary-row__info{min-width:50%}.summary-row__name{overflow-wrap:anywhere}.summary-row__total{margin-left:auto}.person-row{flex-wrap:wrap}.person-row__name{min-width:40%;overflow-wrap:anywhere}.person-row .btn-group{margin-left:auto}}@media(min-width:601px){.bottom-nav{display:none}}.login-backdrop{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);background-image:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.12) 0%,transparent 70%)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 32px;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 8px 40px #00000080,0 0 0 1px #3b82f61a}.login-card--shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.login-wappen{height:90px;width:auto;margin-bottom:8px;filter:drop-shadow(0 0 16px rgba(59,130,246,.5))}.login-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.login-subtitle{font-size:.8rem;font-weight:600;color:var(--accent-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.login-field{width:100%;margin-top:8px}.login-input{text-align:center;font-size:1rem;letter-spacing:.15em}.login-input--error{border-color:var(--red)!important}.login-error{text-align:center;color:var(--red);font-size:.8rem;margin-top:6px}.login-btn{width:100%;justify-content:center;padding:12px;font-size:1rem;margin-top:4px}.card__header--wrap{flex-wrap:wrap;gap:10px}.db-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.db-filter{min-width:120px;flex:1}.db-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:.85rem}.recent-row{align-items:flex-start}.recent-row__info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.recent-row__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.recent-items{display:flex;flex-wrap:wrap;gap:5px}.recent-item{font-size:.78rem;padding:3px 9px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap}.recent-item__count{font-family:var(--mono);color:var(--accent-light);font-weight:700}.summary-row__period{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.period-badge{font-size:.72rem;font-family:var(--mono);color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 6px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #090c14;--surface: #0f1520;--surface2: #161e2e;--border: #1e2d45;--accent: #3b82f6;--accent-light: #60a5fa;--accent-dim: rgba(59,130,246,.15);--accent2: #1d4ed8;--red: #ef4444;--green: #22c55e;--gold: #f59e0b;--text: #e8f0fe;--muted: #6b80a0;--font: "Syne", sans-serif;--mono: "DM Mono", monospace;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.5)}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}button{cursor:pointer;font-family:var(--font)}input,select{font-family:var(--mono)}