:root{--black: #121212;--white: #ffffff;--brand-blue: #00adee;--brand-blue-dark: #0093ed;--action-red: #ff002a;--action-red-hover: #e60026;--text-price: #ff002a;--success: #1f8a5b;--success-strong: #1f9e5a;--warning: #e88b24;--danger: #c01d40;--hairline: #e6e6ea;--muted: #8b8b9e;--surface-sunken: #f4f4f6;--status-available: #1f9e5a;--status-available-bg: #e7f6ee;--status-rented: #0093ed;--status-rented-bg: #e6f7fe;--status-maintenance: #e88b24;--status-maintenance-bg: #fbf0e0;--status-sold: #8b8b9e;--status-sold-bg: #eceef1;--text-default: #121212;--text-on-dark: #ffffff;--font-display: "Gotham Pro", "Roboto", system-ui, -apple-system, sans-serif;--font-body: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--font-numeric: "Roboto Condensed", "Roboto", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-card: 8px;--radius-button: 8px;--radius-pill: 999px;--shadow-overlay: 0 8px 28px rgba(18, 18, 18, .16);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .36s;--ease-out: cubic-bezier(.2, .8, .2, 1);--frame-max-width: 480px;--hit-target: 44px}@font-face{font-family:Gotham Pro;src:url(/fonts/GothamPro-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Gotham Pro;src:url(/fonts/GothamPro-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gotham Pro;src:url(/fonts/GothamPro-BlackItalic.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/RobotoCondensed-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/RobotoCondensed-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--text-default);background:var(--surface-sunken);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:900;letter-spacing:-.01em;margin:0 0 var(--space-3)}a{color:var(--brand-blue-dark);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.num{font-family:var(--font-numeric)}.price{font-family:var(--font-numeric);color:var(--text-price);font-weight:700}.app-frame{max-width:var(--frame-max-width);margin:0 auto;min-height:100%;background:var(--white);display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--hit-target);padding:0 var(--space-4);border-radius:var(--radius-button);border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:15px;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),opacity var(--motion-fast) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.btn--uppercase{text-transform:uppercase;letter-spacing:.02em;font-family:var(--font-display);font-style:italic;font-weight:900}.btn--primary{background:var(--action-red);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--action-red-hover)}.btn--secondary{background:var(--white);color:var(--brand-blue-dark);border-color:var(--brand-blue)}.btn--ghost{background:transparent;color:var(--text-default);border-color:var(--hairline)}.btn--dark{background:var(--black);color:var(--white)}.btn--sm{min-height:36px;padding:0 var(--space-3);font-size:14px}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field__label{font-size:13px;font-weight:500;color:var(--muted)}.input,.select{min-height:var(--hit-target);width:100%;padding:0 var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-button);background:var(--white);font-size:15px;color:var(--text-default);transition:border-color var(--motion-fast) var(--ease-out)}.input:focus,.select:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #00adee26}.input--search{border-radius:var(--radius-pill);padding-left:var(--space-4)}.input--invalid{border-color:var(--danger)}.field__error{font-size:13px;color:var(--danger)}.card{background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--surface-sunken);color:var(--muted);line-height:1.6}.badge--available{color:var(--status-available);background:var(--status-available-bg)}.badge--rented{color:var(--status-rented);background:var(--status-rented-bg)}.badge--maintenance{color:var(--status-maintenance);background:var(--status-maintenance-bg)}.badge--sold{color:var(--status-sold);background:var(--status-sold-bg)}.spinner{width:22px;height:22px;border:2px solid var(--hairline);border-top-color:var(--brand-blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-center{display:flex;justify-content:center;padding:var(--space-12) 0}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;color:var(--muted);padding:var(--space-12) var(--space-6)}.empty__title{font-family:var(--font-display);font-weight:900;color:var(--text-default)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12121273;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{width:100%;max-width:var(--frame-max-width);background:var(--white);border-radius:16px 16px 0 0;padding:var(--space-6) var(--space-4) var(--space-8);box-shadow:var(--shadow-overlay)}.customer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--hairline);background:var(--white);position:sticky;top:0;z-index:10}.staff-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--black);color:var(--text-on-dark);position:sticky;top:0;z-index:10}.brand-wordmark{font-family:var(--font-display);font-weight:900;font-style:italic;letter-spacing:.02em;text-transform:uppercase}.content{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.tabbar{position:sticky;bottom:0;display:flex;border-top:1px solid var(--hairline);background:var(--white)}.tabbar__item{flex:1;min-height:var(--hit-target);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--muted);background:none;border:none;cursor:pointer}.tabbar__item--active{color:var(--brand-blue)}.auth-screen{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-6);gap:var(--space-4)}.auth-symbol{width:56px;height:56px;align-self:center}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2)}.muted{color:var(--muted)}.center{text-align:center}.page-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.page-header__title{font-size:20px;margin:0;flex:1;text-transform:uppercase}.page-header__action{margin-left:auto}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--hit-target)}.switch{width:46px;height:28px;border-radius:var(--radius-pill);border:none;background:var(--hairline);position:relative;cursor:pointer;flex:none;transition:background var(--motion-fast) var(--ease-out)}.switch--on{background:var(--brand-blue)}.switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--white);transition:transform var(--motion-fast) var(--ease-out)}.switch--on .switch__thumb{transform:translate(18px)}.switch:disabled{opacity:.5;cursor:not-allowed}.chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--white);color:var(--text-default);font-size:14px;font-weight:500;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.chip--selected{border-color:var(--brand-blue);background:var(--status-rented-bg);color:var(--brand-blue-dark)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stepper{display:flex;align-items:center;gap:var(--space-2)}.stepper__btn{width:var(--hit-target);height:var(--hit-target);flex:none;border:1px solid var(--hairline);border-radius:var(--radius-button);background:var(--white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.stepper__btn:hover{border-color:var(--brand-blue)}.stepper__input{flex:1;min-width:0;min-height:var(--hit-target);text-align:center;border:1px solid var(--hairline);border-radius:var(--radius-button);font-size:16px;font-family:var(--font-numeric)}.stepper__input:focus{outline:none;border-color:var(--brand-blue)}.stepper__suffix{color:var(--muted);font-size:14px}.tile{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--white);cursor:pointer}.tile:hover{border-color:var(--brand-blue)}.tile__title{font-weight:600}.tile__note{font-size:13px;color:var(--muted)}.tile__chevron{margin-left:auto;color:var(--muted)}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--hairline)}.list-row:last-child{border-bottom:none}.list-row__grow{flex:1;min-width:0}.list-row__meta{font-size:13px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat{border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--space-3)}.stat__value{font-family:var(--font-numeric);font-size:24px;font-weight:700}.stat__label{font-size:13px;color:var(--muted)}.qr-img{width:160px;height:160px;image-rendering:pixelated;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--white)}.kv{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--hairline)}.kv:last-child{border-bottom:none}.kv__k{color:var(--muted);font-size:14px}.kv__v{font-weight:500;text-align:right}.banner{padding:var(--space-3);border-radius:var(--radius-card);font-size:14px}.banner--error{background:#fdecef;color:var(--danger)}.banner--info{background:var(--status-rented-bg);color:var(--brand-blue-dark)}.syncbar{border-bottom:1px solid var(--hairline);background:var(--white)}.syncbar__head{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;font-size:13px;color:var(--text-default)}.syncbar__dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--muted)}.sync--online .syncbar__dot{background:var(--success-strong)}.sync--offline .syncbar__dot{background:var(--muted)}.sync--syncing .syncbar__dot{background:var(--brand-blue)}.sync--attention .syncbar__dot{background:var(--warning)}.syncbar__label{font-weight:600}.syncbar__pending{color:var(--brand-blue-dark)}.syncbar__failed{display:inline-flex;align-items:center;gap:2px;color:var(--warning)}.syncbar__chev{margin-left:auto;color:var(--muted)}.syncbar__panel{padding:var(--space-3) var(--space-4);border-top:1px dashed var(--hairline)}.syncbar__meta{font-size:13px;color:var(--muted);margin-bottom:var(--space-2)}.syncbar__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--hairline);font-size:14px}.syncbar__status{font-size:12px;font-weight:600;padding:1px var(--space-2);border-radius:var(--radius-pill)}.syncbar__status--queued{color:var(--brand-blue-dark);background:var(--status-rented-bg)}.syncbar__status--failed{color:var(--danger);background:#fdecef}.syncbar__status--applied{color:var(--success);background:var(--status-available-bg)}.qr-reader{width:100%;max-width:320px;margin:0 auto;border-radius:var(--radius-card);overflow:hidden}.qr-reader video{width:100%!important;border-radius:var(--radius-card)}.print-label{position:fixed;left:-10000px;top:0;width:57mm;padding:2mm;background:#fff;color:#000;font-family:var(--font-body)}.print-label__head{font-family:var(--font-display);font-weight:900;font-size:7pt;letter-spacing:.02em;text-align:center;border-bottom:.4mm solid #000;padding-bottom:1mm;margin-bottom:1mm}.print-label__body{display:flex;gap:2mm;align-items:center}.print-label__qr{width:20mm;height:20mm;image-rendering:pixelated}.print-label__code{font-family:var(--font-numeric);font-weight:700;font-size:11pt}.print-label__line{font-size:7pt}@media print{body *{visibility:hidden}.print-label,.print-label *{visibility:visible}.print-label{left:0;top:0}}.cond--a{color:var(--success);background:var(--status-available-bg)}.cond--b{color:var(--warning);background:var(--status-maintenance-bg)}.cond--c{color:var(--danger);background:#fdecef}.cond-bar{height:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);overflow:hidden}.cond-bar__fill{height:100%;border-radius:var(--radius-pill)}.cond-bar__fill.cond--a{background:var(--success-strong)}.cond-bar__fill.cond--b{background:var(--warning)}.cond-bar__fill.cond--c{background:var(--danger)}.suit-card{display:block;width:100%;text-align:left;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--white);overflow:hidden;cursor:pointer;padding:0}.suit-card:hover{border-color:var(--brand-blue)}.suit-card__thumb{height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6f7fe,#f4f4f6);color:var(--brand-blue)}.suit-card__thumb img{width:100%;height:100%;object-fit:cover}.suit-card__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.suit-card__name{font-family:var(--font-display);font-weight:900;font-size:16px;text-transform:uppercase;margin-top:var(--space-1)}.tile--on{border-color:var(--brand-blue);background:var(--status-rented-bg)}.dmg-check{width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid var(--hairline);display:inline-flex;align-items:center;justify-content:center;color:var(--white)}.dmg-check--on{background:var(--brand-blue);border-color:var(--brand-blue)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}