:root{--ink:#1f302b;--muted:#718078;--paper:#f4f3ed;--panel:#fffefa;--line:#dfe3da;--green:#1d493b;--green2:#2f6b52;--gold:#c38b36;--red:#a5483f;--blue:#577d8a;--shadow:0 8px 24px #1930260f}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2f6b524d}.app{max-width:1440px;margin:auto;padding:28px 34px 38px}.topline{background:var(--green);height:7px;position:absolute;top:0;left:0;right:0}.head{justify-content:space-between;align-items:center;gap:20px;margin:8px 0 24px;display:flex}.brand{align-items:center;gap:13px;display:flex}.mark{background:var(--green);color:#fffefa;border-radius:10px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green2);margin-bottom:4px;font-size:11px;font-weight:750}.brand h1{letter-spacing:-.03em;margin:0;font:600 25px/1.1 Merriweather,Georgia,serif}.head-actions{align-items:center;gap:9px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;padding:10px 13px;font-weight:650;transition:all .15s}.btn:hover{background:#fff;border-color:#aab8aa}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#28614b}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.danger{color:var(--red)}.btn.small{padding:7px 10px;font-size:12px}.icon-btn{align-items:center;gap:7px;display:inline-flex}.status{color:#446c50;white-space:nowrap;background:#f3f8f1;border:1px solid #d8e3d9;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:flex}.dot{background:#5a9a63;border-radius:50%;width:7px;height:7px}.intro{justify-content:space-between;align-items:end;gap:20px;margin:0 0 17px;display:flex}.intro h2{margin:0 0 5px;font-size:16px}.intro p{color:var(--muted);margin:0;font-size:13px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:23px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;padding:16px 18px}.metric-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:11px;font-weight:700}.metric-value{margin-top:7px;font:600 25px/1.2 Merriweather,Georgia,serif}.metric-sub{color:var(--muted);margin-top:3px;font-size:11px}.section-head{justify-content:space-between;align-items:center;margin:25px 0 12px;display:flex}.section-head h2{margin:0;font:600 19px/1.2 Merriweather,Georgia,serif}.section-head .hint{color:var(--muted);font-size:12px}.group{border:1px solid var(--line);background:#fffefa80;border-radius:10px;margin-bottom:14px;padding:16px 17px 18px}.group-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.group-label{align-items:center;gap:10px;display:flex}.group-icon{width:29px;height:29px;color:var(--green);background:#eaf0e9;border-radius:7px;place-items:center;font-size:15px;display:grid}.group-title{font-size:14px;font-weight:750}.group-meta{color:var(--muted);margin-top:2px;font-size:11px}.tank-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.tank{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:155px;padding:13px 13px 12px;position:relative;overflow:hidden;box-shadow:0 3px 11px #19302609}.tank.inactive{opacity:.58;filter:grayscale(.35)}.tank-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tank-name{font-size:13px;font-weight:750}.tank-cap{color:var(--muted);white-space:nowrap;background:#f0f1ec;border-radius:99px;padding:4px 7px;font-size:10px}.tank-beer{min-height:17px;margin:12px 0 4px;font-size:14px;font-weight:700}.tank-empty{color:#99a39b;font-style:italic;font-weight:500}.tank-amount{color:var(--muted);align-items:baseline;gap:5px;font-size:11px;display:flex}.tank-amount strong{color:var(--ink);font:600 19px Merriweather,Georgia,serif}.bar-wrap{background:#e9ebe5;border-radius:20px;height:9px;margin:11px 0 10px;overflow:hidden}.bar{background:var(--green2);border-radius:20px;width:0;height:100%;transition:width .25s}.bar.warn{background:var(--gold)}.bar.full{background:var(--red)}.tank-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.fill-percent{color:var(--muted);font-size:10px;font-weight:700}.tank .btn{padding:6px 9px;font-size:11px}.transfer-note{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:2px 0 0;font-size:11px;display:flex}.transfer-note .line{background:#bdc8bd;width:38px;height:1px}.lower{grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:14px;margin-top:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.panel-head h2{margin:0;font:600 17px Merriweather,Georgia,serif}.panel-head span{color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#f8f8f3;padding:10px 13px;font-size:10px}td{vertical-align:top;border-top:1px solid #edf0e9;padding:11px 13px}tr:hover td{background:#fcfcf8}.kind{white-space:nowrap;border-radius:99px;align-items:center;padding:4px 7px;font-size:10px;font-weight:750;display:inline-flex}.kind.fill{color:#276344;background:#e8f2e8}.kind.withdraw{color:#87561d;background:#f7eedc}.kind.transfer{color:#426d7b;background:#e8f1f4}.muted{color:var(--muted)}.movement-purpose{color:var(--muted);max-width:220px}.empty-state{text-align:center;color:var(--muted);padding:32px 16px}.empty-state strong{color:var(--ink);margin-bottom:5px;display:block}.side-content{padding:15px 17px}.note-box{border-left:3px solid var(--green2);color:#4c5e53;background:#f4f6f0;border-radius:0 6px 6px 0;padding:12px 13px;font-size:12px;line-height:1.55}.note-box strong{color:var(--ink)}.side-content h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:19px 0 8px;font-size:12px}.side-content ul{color:#526158;margin:0;padding-left:18px;font-size:12px;line-height:1.8}.foot{color:#8a958c;justify-content:space-between;gap:20px;padding:17px 3px 0;font-size:10px;display:flex}.toast{opacity:0;pointer-events:none;color:#fff;z-index:30;background:#203d33;border-radius:7px;max-width:min(90vw,560px);padding:11px 16px;font-size:13px;transition:all .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);box-shadow:0 8px 25px #162b2340}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#913f36}.warning{color:#714c18;background:#fff2dc;border:1px solid #e8d1a7;border-radius:7px;margin:0 0 14px;padding:10px 12px;font-size:12px;display:none}.warning.show{display:block}dialog{background:var(--panel);width:min(590px,100% - 28px);max-height:90vh;color:var(--ink);border:1px solid #d5dcd3;border-radius:12px;padding:0;box-shadow:0 22px 80px #12281e44}dialog::backdrop{background:#16271f7a}.dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.dialog-head h2{margin:0;font:600 19px Merriweather,Georgia,serif}.dialog-body{max-height:calc(90vh - 125px);padding:18px 20px;overflow:auto}.dialog-foot{border-top:1px solid var(--line);background:#fbfbf7;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.close{color:var(--muted);background:0 0;border:0;font-size:23px;line-height:1}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{color:#56665c;font-size:11px;font-weight:750}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d8ded6;border-radius:6px;padding:10px 11px}.field textarea{resize:vertical;min-height:68px}.field small{color:var(--muted);font-size:10px}.form-info{color:#516257;background:#f3f6f1;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.45}.hidden{display:none!important}.settings-row{border-bottom:1px solid #edf0e9;grid-template-columns:1fr 1.1fr .75fr .9fr;align-items:center;gap:8px;padding:8px 0;display:grid}.settings-row.header{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:750}.settings-row input,.settings-row select{background:#fff;border:1px solid #d8ded6;border-radius:5px;width:100%;min-width:0;padding:7px 8px;font-size:12px}.settings-row input[type=checkbox]{width:auto}.tank-id{font-size:12px;font-weight:750}.settings-add{background:#f7f8f3;border-radius:7px;margin-top:15px;padding:12px}.settings-add h3{margin:0 0 10px;font-size:12px}.settings-add .form-grid{gap:8px}.settings-add .field input,.settings-add .field select{padding:8px}.settings-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.text-link{color:var(--green2);background:0 0;border:0;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.subtle-label{color:var(--muted);font-size:11px}.mobile-only{display:none}@media (max-width:950px){.app{padding:23px 20px 30px}.tank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lower{grid-template-columns:1fr}.side-content{grid-template-columns:1fr 1fr;gap:10px;display:grid}.side-content h3{margin:0 0 5px}.side-content ul{grid-column:2}.note-box{grid-row:1/3}}@media (max-width:650px){.app{padding:17px 13px 24px}.head{align-items:flex-start}.brand h1{font-size:21px}.head-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.head-actions .btn{padding:8px 9px;font-size:11px}.status{display:none}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:12px}.metric-value{font-size:21px}.intro{flex-direction:column;align-items:flex-start}.tank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tank{min-height:150px;padding:11px}.tank-name{font-size:12px}.section-head{flex-direction:column;align-items:flex-start;gap:8px}.group{padding:12px}.lower{margin-top:18px}.side-content{display:block}.side-content ul{margin-bottom:16px}.side-content h3{margin:15px 0 7px}.foot{flex-direction:column;gap:5px}.table-wrap table{min-width:650px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.settings-row{grid-template-columns:.6fr 1fr .7fr .8fr;gap:5px}.settings-row input,.settings-row select{padding:7px 4px;font-size:10px}.settings-row.header{font-size:8px}.tank-id,.transfer-note{font-size:10px}.mobile-only{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}a.btn{align-items:center;text-decoration:none;display:inline-flex}.user-chip{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.user-chip strong{color:var(--ink)}.kind.storno{color:#8a3a32;background:#f6e5e2}tr.cancelled td{color:#9aa39c}tr.cancelled td:not(:last-child){text-decoration:line-through}tr.cancelled .kind{opacity:.6}.row-action{white-space:nowrap;text-align:right}.storno-ref{color:var(--muted);margin-top:3px;font-size:11px}.confirm-box{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.confirm-box span{color:var(--red);font-size:12px;font-weight:650}.auth-wrap{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.auth-card .brand{padding:22px 22px 0}.auth-card form{flex-direction:column;gap:13px;padding:20px 22px 22px;display:flex}.auth-card .btn.primary{justify-content:center;width:100%;padding:11px}.form-error{color:#8a3a32;background:#f6e5e2;border-radius:6px;padding:9px 11px;font-size:12px}.form-ok{color:#276344;background:#e8f2e8;border-radius:6px;padding:9px 11px;font-size:12px}.users-table td{vertical-align:middle}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input{background:#fff;border:1px solid #d8ded6;border-radius:6px;min-width:0;padding:7px 9px;font-size:12px}.badge{color:var(--green);background:#eaf0e9;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:750;display:inline-block}.badge.warn{color:#87561d;background:#f7eedc}.head-actions .btn{white-space:nowrap;justify-content:center;align-items:center;gap:7px;height:40px;padding-top:0;padding-bottom:0;line-height:1;display:inline-flex}.burger-wrap{display:none;position:relative}.burger{justify-content:center;align-items:center;width:40px;height:38px;padding:0;font-size:18px;display:inline-flex}.mobile-menu{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:230px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #19302629}.mobile-menu a,.mobile-menu button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:7px;padding:11px 12px;font-size:14px;font-weight:650;text-decoration:none;display:block}.mobile-menu a:hover,.mobile-menu button:hover{background:#f0f3ee}.mobile-menu hr{border:0;border-top:1px solid var(--line);margin:5px 4px}.mobile-menu-user{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin-bottom:5px;padding:9px 12px 10px;font-size:13px;display:flex}.mobile-menu-user span{color:var(--muted);word-break:break-all;font-size:11px}@media (max-width:650px){.desktop-only{display:none!important}.burger-wrap{display:block}.head-actions{flex-wrap:nowrap}.head-actions .burger{padding:0;font-size:18px}.head{align-items:center;gap:12px;margin:4px 0 18px}.brand{gap:10px;min-width:0}.mark{border-radius:9px;flex:none;width:36px;height:36px;font-size:19px}.eyebrow{letter-spacing:.12em;margin-bottom:2px;font-size:10px}.brand h1{white-space:nowrap;font-size:22px}.head-actions{flex:none;gap:6px}.head-actions .btn{white-space:nowrap;align-items:center;height:38px;display:inline-flex}.head-actions .btn.primary{padding:0 12px;font-size:13px}.head-actions .burger{width:38px}}.mobile-menu-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px;display:flex}.mobile-menu-head .mobile-menu-user{border-bottom:0;margin-bottom:0}.mobile-menu .close{color:var(--muted);padding:6px 10px;font-size:28px}@media (max-width:650px){dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}dialog[open]{flex-direction:column;display:flex}dialog>form{flex-direction:column;flex:1;min-height:0;display:flex}.dialog-head{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top))}.dialog-body{flex:1;max-height:none;padding:16px}.dialog-foot{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-wrap:wrap}.dialog-foot .btn{flex:auto;justify-content:center;min-height:44px}.close{padding:4px 8px;font-size:30px}.mobile-menu{z-index:40;min-width:0;box-shadow:none;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));border:0;border-radius:0;position:fixed;inset:0;overflow-y:auto}.mobile-menu a,.mobile-menu button:not(.close){padding:14px 12px;font-size:16px}}.field input:disabled,.field input[readonly],.field select:disabled,.field textarea:disabled,.field textarea[readonly]{color:var(--muted);-webkit-text-fill-color:var(--muted);cursor:not-allowed;opacity:1;background:#f4f5f0}.field select,.settings-row select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23718078' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px;line-height:1.3}.field select{min-height:42px;padding:10px 36px 10px 11px}.settings-row select{background-position:right 8px center;background-size:10px 7px;padding-right:26px}.field select:hover,.settings-row select:hover{border-color:#aab8aa}.field input,.field select{min-height:42px}.history-tools{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 18px;display:flex}.history-search{min-width:0;color:var(--ink);background:#fff;border:1px solid #d8ded6;border-radius:6px;flex:1;padding:9px 11px;font-size:13px}.history-search:hover{border-color:#aab8aa}.pager{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.pager .btn:disabled{opacity:.45;cursor:default}@media (max-width:650px){.history-tools,.pager{padding:10px 12px}.pager .subtle-label{text-align:center;font-size:10px}}:root{--beer:#b07a1c;--beer-light:#d9a441;--foam:#f3e6c0;--steel:#8e9a92;--steel-light:#eef1ec}.tank{flex-direction:column;gap:10px;min-height:0;display:flex}.tank-body{align-items:center;gap:12px;display:flex}.vessel{flex:none;width:56px;height:96px;overflow:visible}.vessel-body{fill:var(--steel-light)}.vessel-outline{fill:none;stroke:var(--steel);stroke-width:1.5px}.vessel-legs{fill:none;stroke:var(--steel);stroke-width:1.5px;stroke-linecap:round}.vessel-liquid{fill:var(--beer-light)}.vessel-foam{fill:var(--foam)}.vessel-tick{stroke:#fff;stroke-width:1px;opacity:.9}.tank.is-empty .vessel-body{fill:#f6f7f3}.tank-info{flex-direction:column;gap:3px;min-width:0;display:flex}.tank-info .tank-beer{overflow-wrap:anywhere;margin:0;font-size:15px}.tank-info .tank-amount strong{font-size:18px}.tank-facts{color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin-top:3px;font-size:10px;display:flex}.tank-facts span{white-space:nowrap;background:#f0f1ec;border-radius:99px;padding:3px 7px}.tank-bottom{margin-top:auto}.tank-bottom .btn{justify-content:center;width:100%}.group-meta strong{color:var(--green2);font-weight:750}.transfer-note{margin-bottom:14px}.stock-panel{margin:0 0 6px}.stock-free{white-space:nowrap;background:#eaf0e9;border-radius:99px;padding:5px 10px;font-weight:700;color:var(--green2)!important;font-size:12px!important}.stock-list{margin:0;padding:10px 18px 14px;list-style:none}.stock-row{grid-template-columns:minmax(90px,150px) minmax(0,1fr) auto;grid-template-areas:"beer track value"".tanks tanks";align-items:center;gap:3px 14px;padding:7px 0;display:grid}.stock-row+.stock-row{border-top:1px solid #edf0e9}.stock-beer{overflow-wrap:anywhere;grid-area:beer;font-size:13px;font-weight:750}.stock-track{grid-area:track;height:14px;display:block}.stock-bar{background:var(--beer);border-radius:0 4px 4px 0;min-width:3px;height:100%;display:block}.stock-value{color:var(--muted);white-space:nowrap;text-align:right;grid-area:value;font-size:12px}.stock-value strong{color:var(--ink);font-size:13px}.stock-tanks{color:var(--muted);letter-spacing:.02em;grid-area:tanks;font-size:10px}@media (max-width:650px){.stock-list{padding:6px 12px 10px}.stock-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"beer value""track track""tanks tanks"}.tank-body{gap:9px}.vessel{width:44px;height:76px}.tank-info .tank-beer{font-size:13px}.tank-info .tank-amount strong{font-size:16px}}.badge.off{color:var(--muted);background:#eeefeb}tr.user-inactive td:not(:last-child){color:#9aa39c}.row-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.confirm-box{display:inline-flex}.vessel-wave{animation:.6s linear infinite vessel-wave}@keyframes vessel-wave{0%{transform:translate(0)}to{transform:translate(-12px)}}.tank{transition:box-shadow .4s,border-color .4s}.tank.flash-up{border-color:#9cc3a4;box-shadow:0 0 0 3px #2f6b522e}.tank.flash-down{border-color:#dcc08a;box-shadow:0 0 0 3px #c38b3633}.vessel-foam-line{fill:none;stroke:var(--foam);stroke-width:2.6px;stroke-linejoin:round}