*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.ml{margin-left:1rem}.table{display:table}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}:root{font-family:Roboto,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#1f1f1f;background-color:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--md-color-primary: #1a73e8;--md-color-on-primary: #ffffff;--md-color-surface: #ffffff;--md-color-surface-variant: #eef1f6;--md-color-outline: #d3d6de;--md-color-outline-strong: #c0c4cc;--md-color-text-secondary: #5f6368;--md-shadow-elevated: 0 10px 30px -12px rgba(26, 115, 232, .28);--md-shadow-surface: 0 6px 16px rgba(15, 30, 60, .08)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--md-color-surface-variant);color:inherit}#root{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.material-card{background-color:var(--md-color-surface);border-radius:16px;box-shadow:var(--md-shadow-surface);padding:1.5rem}.material-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.6rem;border-radius:9999px;border:none;font-weight:600;font-size:.95rem;letter-spacing:.03em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;color:var(--md-color-on-primary);background:linear-gradient(135deg,var(--md-color-primary),#3f8efc);box-shadow:0 6px 16px #1a73e859}.material-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1a73e859}.material-button.secondary{color:var(--md-color-primary);background:transparent;box-shadow:none;border:1px solid var(--md-color-outline)}.material-chip{display:inline-flex;align-items:center;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;font-weight:500;color:var(--md-color-primary);background-color:#e8f0fe}.material-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--md-color-text-secondary);font-weight:600}.material-divider{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(95,99,104,.2),transparent);margin:1.5rem 0}.material-input-group{display:flex;flex-direction:column;gap:.35rem}.material-input{border:1px solid var(--md-color-outline);border-radius:12px;padding:.85rem 1rem;font-size:1rem;background:var(--md-color-surface);transition:border-color .2s ease,box-shadow .2s ease}.material-input:focus{outline:none;border-color:var(--md-color-primary);box-shadow:0 0 0 4px #1a73e829}.material-support-text{font-size:.8rem;color:var(--md-color-text-secondary)}.material-error{color:#d93025}.login-screen{min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem}.login-panel{width:min(480px,100%);padding:2.75rem 3rem;display:flex;flex-direction:column;gap:2.25rem}.login-header h1{margin:0;font-size:2rem;font-weight:600;color:#202124}.login-header p{margin:.35rem 0 0}.login-badge{align-self:flex-start}.login-form{display:flex;flex-direction:column;gap:1.5rem}button.material-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 640px){.login-panel{padding:2.25rem 1.75rem}.transactions-card{overflow-x:auto;padding:1.75rem}.dispense-card__actions{flex-direction:column}.dispense-card__actions .material-button{width:100%}}.card-panel{display:flex;flex-direction:column;gap:1.8rem}.card-panel__header h3{margin:0;font-size:1.25rem;font-weight:600;color:#202124}.card-panel__header p{margin:.35rem 0 0}.segmented-control{display:inline-flex;align-self:flex-start;padding:.25rem;border-radius:999px;background:var(--md-color-surface-variant);border:1px solid var(--md-color-outline)}.segmented-control__button{border:none;background:transparent;padding:.45rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--md-color-text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.segmented-control__button.active{background:var(--md-color-surface);color:#202124;box-shadow:0 1px 4px #0f1e3c24}.segmented-control__button:focus-visible{outline:none;box-shadow:0 0 0 4px #1a73e82e}.card-panel__client-grid{display:grid;gap:1.25rem}@media (min-width: 720px){.card-panel__client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.balance-panel{display:flex;flex-direction:column;gap:1.5rem;padding:2.2rem 2.4rem}.balance-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.balance-panel__header h3{margin:0;font-size:1.35rem;font-weight:600;color:#202124}.balance-panel__value{display:flex;flex-direction:column;gap:.75rem}.balance-amount{font-size:clamp(2.75rem,4vw,3.5rem);font-weight:700;color:#0b8043}.balance-panel.skeleton{position:relative;overflow:hidden}.balance-panel__skeleton{height:120px;border-radius:12px;background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0,#f0f2f7 75%);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%{background-position:-200px 0}to{background-position:200px 0}}.topup-quick{display:flex;flex-direction:column;gap:1.1rem}.topup-quick__header{display:flex;flex-direction:column;gap:.35rem}.topup-quick__header h4{margin:0;font-size:1.05rem;font-weight:600;color:#202124}.topup-quick__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.8rem}.topup-chip{border:none;border-radius:14px;background:#e8f0fe;color:#1a73e8;font-weight:600;font-size:1rem;padding:.75rem 1rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;box-shadow:inset 0 0 0 1px #1a73e814}.topup-chip:hover{transform:translateY(-1px);background:#d2e3fc;box-shadow:inset 0 0 0 1px #1a73e82e}.topup-custom{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.topup-custom__header h4{margin:0;font-size:1.05rem;font-weight:600;color:#202124}.topup-custom__header span{margin-top:.35rem}.topup-custom__form{display:grid;gap:1.4rem}.topup-custom__actions{display:flex;justify-content:flex-end}@media (max-width: 640px){.topup-custom__actions{justify-content:stretch}.topup-custom__actions .material-button{width:100%}}.modal-backdrop{position:fixed;inset:0;background:#202124a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.modal-card{width:min(480px,100%);background:var(--md-color-surface);border-radius:20px;box-shadow:0 24px 60px #0f1e3c47;padding:2rem 2.25rem;display:flex;flex-direction:column;gap:1.75rem}.modal-card__header h3{margin:0;font-size:1.35rem;font-weight:600;color:#202124}.modal-card__body dl{margin:0;display:grid;gap:1rem}.modal-card__body dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--md-color-text-secondary);font-weight:600}.modal-card__body dd{margin:.25rem 0 0;color:#202124;font-weight:600}.modal-card__body dd.amount{font-size:1.4rem;color:#0b8043}.modal-card__footer{display:flex;justify-content:flex-end;gap:.75rem}@media (max-width: 640px){.modal-card{padding:1.75rem 1.5rem}.modal-card__footer{flex-direction:column-reverse}.modal-card__footer .material-button{width:100%}}.dashboard{display:flex;flex-direction:column;gap:2.5rem}.dashboard-appbar{background:linear-gradient(135deg,#1a73e81f,#1a73e800);border-radius:24px;padding:1.75rem 2.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:var(--md-shadow-elevated)}.appbar-title h1{margin:.35rem 0 0;font-size:clamp(1.6rem,2.5vw,2rem);font-weight:600;color:#174ea6}.appbar-actions{display:flex;align-items:center;gap:1.25rem}.appbar-user{display:flex;flex-direction:column;gap:.25rem;color:#202124}.status-card{display:flex;flex-direction:column;gap:2rem;padding:2.4rem}.status-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.status-card__header h2,.data-card__header h2{margin:0;font-size:1.4rem;font-weight:600;color:#202124}.status-card__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.status-card__grid p,.data-card__header p{margin:.35rem 0 0}.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .9rem;border-radius:999px;font-weight:600;font-size:.85rem;color:#202124;background:#f1f3f4}.status-chip.success{color:#0b8043;background:#e6f4ea}.status-chip.warning{color:#ea8600;background:#fef7e0}.status-chip.error{color:#d93025;background:#fce8e6}.data-card{display:flex;flex-direction:column;gap:1.8rem;padding:2.2rem}.data-card__actions{display:flex;flex-wrap:wrap;gap:1rem}.file-button{position:relative;overflow:hidden}.file-button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dashboard-section,.dashboard-columns{display:flex;flex-direction:column;gap:2rem}.dashboard-columns__primary{flex:1}.topup-panel{display:flex;flex-direction:column;gap:1.5rem;padding:2.4rem}.transactions-card{margin-top:1.75rem;padding:2rem;display:flex;flex-direction:column;gap:1rem}.transactions-card__header{display:flex;flex-direction:column;gap:.35rem}.transactions-card__empty{margin:.5rem 0 0}.transactions-card.skeleton{min-height:200px;justify-content:center;align-items:center}.transactions-card__skeleton{height:140px;width:100%;border-radius:12px;background:linear-gradient(90deg,#e0e5eeb3,#e0e5eee6)}.transactions-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:.75rem;font-size:.95rem;min-width:560px}.transactions-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--md-color-text-secondary);padding:0 0 .75rem}.transactions-table td{padding:.95rem 0;border-top:1px solid var(--md-color-outline)}.transactions-table tbody tr:first-of-type td{border-top:none}.transactions-table__label{font-weight:600;color:#202124;display:block}.transactions-table__description{display:block;margin-top:.3rem;color:var(--md-color-text-secondary);font-size:.85rem}.transactions-table__description.placeholder{font-style:italic}.transactions-table__amount{font-weight:600;color:#d93025}.transactions-table__amount[data-positive=true]{color:#188038}.transactions-table__actor{font-weight:600;color:#334155}.transactions-table__balance{font-weight:600;color:#202124}.dispense-card{margin-top:1.75rem;padding:2rem;display:grid;gap:1.75rem}.dispense-card__header{display:flex;flex-direction:column;gap:.35rem}.dispense-card__status{display:grid;gap:1rem}.dispense-card__status>div{display:flex;flex-direction:column;gap:.25rem}.dispense-glass{position:relative;height:200px;max-width:220px;margin:0 auto;background:linear-gradient(180deg,#fff9,#fff3);border-radius:0 0 60px 60px;border:4px solid rgba(255,255,255,.9);overflow:hidden;box-shadow:inset 0 0 0 1px #33415514}.dispense-glass__beer{position:absolute;inset:auto 0 0;transform-origin:bottom;background:linear-gradient(180deg,#f6c342,#f08a24);transition:transform .12s linear;filter:drop-shadow(0 -4px 10px rgba(240,138,36,.35));min-height:8px}.dispense-glass__overlay{position:absolute;inset:8px 12px;border-radius:0 0 48px 48px;border:2px solid rgba(255,255,255,.35);pointer-events:none}.dispense-glass__metrics{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:.3rem .75rem;border-radius:999px;background:#0f172abf;color:#fff;font-size:.85rem;font-weight:600}.dispense-beer-types{display:flex;flex-direction:column;gap:.65rem;align-items:flex-start}.dispense-beer-types__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.material-chip{border:1px solid rgba(26,115,232,.25);background-color:#e8f0fee6;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.material-chip:hover{background-color:#e8f0fe;border-color:#1a73e873;box-shadow:0 4px 14px #0f76ff29}.material-chip--active{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:transparent;box-shadow:0 8px 18px #2563eb47}.dispense-card__actions{display:flex;gap:1rem;flex-wrap:wrap}.dispense-card__actions .material-button{min-width:180px}@media (min-width: 1180px){.dashboard-columns{flex-direction:row}.dashboard-columns__primary,.topup-panel{width:50%}}@media (max-width: 720px){.appbar-actions{width:100%;justify-content:space-between}.dashboard-appbar{padding:1.5rem}.status-card,.data-card,.topup-panel,.dispense-card,.transactions-card{padding:1.75rem}}.ruc-results{display:grid;gap:1rem}.ruc-results__item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--md-color-outline);background:var(--md-color-surface);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.ruc-results__item:hover{transform:translateY(-1px);border-color:#1a73e859;box-shadow:0 8px 18px #1a73e81f}.ruc-results__item>div{display:flex;flex-direction:column;gap:.35rem}.ruc-results__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--md-color-text-secondary);font-weight:600}.advanced-panel{margin-top:2rem}.advanced-panel__details{border-radius:20px;background:var(--md-color-surface);box-shadow:var(--md-shadow-surface);padding:0;border:none;overflow:hidden}.advanced-panel__summary{list-style:none;padding:1.5rem 2rem;font-weight:600;font-size:1.05rem;color:#202124;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.advanced-panel__summary::marker,.advanced-panel__summary::-webkit-details-marker{display:none}.advanced-panel__summary:after{content:"▾";font-size:1.2rem;color:var(--md-color-text-secondary);transition:transform .2s ease}.advanced-panel__details[open] .advanced-panel__summary:after{transform:rotate(-180deg)}.advanced-grid{display:grid;gap:1.75rem;padding:0 2rem 2rem}@media (min-width: 960px){.advanced-grid{grid-template-columns:2fr 1.4fr}}.advanced-panel__summary:hover{background:linear-gradient(135deg,#1a73e814,#1a73e800)}.advanced-panel__details[open]{box-shadow:0 22px 50px #0f1e3c29}.dispenser-page{display:flex;flex-direction:column;gap:2rem}.dispenser-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.dispenser-card-input{display:flex;flex-direction:column;gap:1.25rem}.dispenser-page__content{display:grid;gap:2rem}@media (min-width: 1180px){.dispenser-page__content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width: 720px){.dispenser-page__header{flex-direction:column;align-items:stretch}}#root{min-height:100vh;background:var(--md-color-surface-variant)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding:2rem 1.5rem 3rem;background:var(--md-color-surface-variant)}@media (min-width: 1024px){.app-main{padding:3rem 3.25rem 4rem}}