:root{--bi-bg:#1e1e1e;--bi-surface:#2a2a2a;--bi-surface-2:#353535;--bi-border:#444;--bi-red:#f40009;--bi-red-dark:#c40007;--bi-text:#ffffff;--bi-muted:#b3b3b3;--bi-radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--bi-text);background:var(--bi-bg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.bi-app{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.bi-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--bi-border)}.bi-title{font-size:1.75rem;font-weight:800;margin:0 0 .35rem}.bi-title__mark{color:var(--bi-red)}.bi-subtitle{color:var(--bi-muted);font-size:.95rem;margin:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bi-dispenser{background:var(--bi-surface-2);border:1px solid var(--bi-border);color:var(--bi-text);font-weight:600;letter-spacing:.04em}.bi-header__side{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.bi-brandmark{color:var(--bi-muted);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding-top:.5rem}.bi-actions{display:flex;gap:.5rem}.bi-alert{margin-bottom:1.5rem}.bi-section{margin-bottom:2rem}.bi-section__heading{font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bi-muted);margin:0 0 .75rem}.bi-card{background:var(--bi-surface);border:1px solid var(--bi-border);border-radius:var(--bi-radius);overflow:hidden;height:100%;display:flex;flex-direction:column}.bi-card--dirty{border-color:var(--bi-red)}.bi-card__accent{height:6px}.bi-card__dirty-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bi-red);margin-left:.4rem;vertical-align:middle}.bi-card__was{color:var(--bi-muted);font-size:.75rem;margin-left:auto}.bi-card__name{font-weight:700;font-size:.95rem;padding:.65rem .75rem .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-card__count{background:none;border:none;color:var(--bi-text);cursor:pointer;text-align:left;padding:.25rem .75rem;display:flex;align-items:baseline;gap:.4rem;border-radius:8px}.bi-card__count:hover{background:var(--bi-surface-2)}.bi-card__count-value{font-size:2rem;font-weight:800;line-height:1}.bi-card__count-unit{color:var(--bi-muted);font-size:.75rem}.bi-time{padding:.35rem .75rem .5rem}.bi-time__bar{height:8px;background:var(--bi-surface-2)}.bi-time__label{display:block;color:var(--bi-muted);font-size:.75rem;margin-top:.3rem}.bi-card__stepper{display:flex;border-top:1px solid var(--bi-border);margin-top:auto}.bi-card__step{flex:1 1 50%;background:none;border:none;color:var(--bi-text);font-size:1.2rem;font-weight:700;padding:.4rem 0;cursor:pointer}.bi-card__step:first-child{border-right:1px solid var(--bi-border)}.bi-card__step:hover:not(:disabled){background:var(--bi-surface-2)}.bi-card__step:disabled{opacity:.35;cursor:not-allowed}.bi-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1050}.bi-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}.bi-modal__panel{position:relative;background:var(--bi-surface);border:1px solid var(--bi-border);border-radius:var(--bi-radius);padding:1.25rem;width:min(90vw,320px)}.bi-modal__title{font-size:1.15rem;font-weight:700;margin:0 0 .75rem}.bi-modal__label{color:var(--bi-muted);font-size:.85rem;margin-bottom:.35rem;display:block}.bi-modal__input{border-color:var(--bi-border)}.bi-modal__input,.bi-modal__input:focus{background:var(--bi-surface-2);color:var(--bi-text)}.bi-modal__input:focus{border-color:var(--bi-red);box-shadow:none}.bi-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.bi-btn-primary{background:var(--bi-red);border:none;color:#fff;font-weight:700}.bi-btn-primary:hover:not(:disabled){background:var(--bi-red-dark);color:#fff}.bi-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1rem}.bi-spinner{width:3rem;height:3rem;border:4px solid var(--bi-surface-2);border-top-color:var(--bi-red);border-radius:50%;animation:bi-spin .9s linear infinite}@keyframes bi-spin{to{transform:rotate(1turn)}}