:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#211d1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#211d1a;--muted:#69625c;--line:#e4dfd6;--paper:#fffdfa;--soft:#f6f7f2;--coffee:#3a2419;--amber:#f5b84b;--teal:#0f766e;--mint:#dff4ea;--rose:#bd3b53;--blue:#315f9b;--cafe-primary:#fff8ec;--cafe-secondary:#3a2419;--cafe-accent:#3a2419;--cafe-text:#211d1a;--cafe-surface:#fffefa;--cafe-primary-contrast:#211d1a;--cafe-secondary-text:#3a2419;--cafe-accent-text:#3a2419;--cafe-accent-contrast:#fff;--shadow:0 16px 40px #241e1924;background:#f6f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit}h1,h2,h3,p{margin:0}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:92px;padding-block:12px}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0f766e1f}label{color:var(--muted);gap:8px;font-weight:700;display:grid}.stack{gap:18px;display:grid}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:900}.muted{color:var(--muted)}.center-shell,.auth-page,.customer-shell{background:linear-gradient(145deg,#f6f7f2 0%,#eef6f5 50%,#fff7f0 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.customer-panel{border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow);background:#fffdfaf0;border-radius:8px;gap:20px;padding:28px;display:grid}.auth-panel h1,.customer-panel h1{color:var(--coffee);font-size:2rem;line-height:1.08}.brand-mark{background:var(--coffee);color:#fff;border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.auth-page{background:#1a1f2e;min-height:100dvh;position:relative}.auth-page:after{content:"Powered by Taploy";text-align:center;color:#565d78;letter-spacing:.02em;pointer-events:none;font-size:.72rem;position:fixed;bottom:14px;left:0;right:0}.auth-page .auth-panel{background:#fff;border:none;border-radius:16px;width:min(100%,400px);padding:36px;box-shadow:0 24px 60px #0006}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.taploy-mark{display:block}.auth-page .auth-panel h1{color:#1a1f2e;font-size:1.6rem;font-weight:700;line-height:1.2}.auth-page .eyebrow{color:#8b92a9;letter-spacing:.08em;font-size:.75rem}.auth-page .auth-panel label{color:#374151;font-size:.85rem;font-weight:600}.auth-page .auth-panel input{border:1.5px solid #e2e8f0;border-radius:10px;min-height:48px}.auth-page .auth-panel input:focus{border-color:#4a6cf7;box-shadow:0 0 0 4px #4a6cf726}.auth-page .auth-panel .action-button{background:#4a6cf7;border-radius:10px;min-height:52px;font-weight:700}.auth-page .auth-panel .action-button:hover:not(:disabled){background:#3d5ce6}.cafe-logo{border:2px solid var(--cafe-accent);background:color-mix(in srgb, var(--cafe-primary) 55%, #fff);width:72px;height:72px;color:var(--cafe-secondary-text);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 8px 20px #241e191a}.cafe-logo.preview{width:64px;height:64px}.cafe-logo img{object-fit:cover;width:100%;height:100%;display:block}.form-error,.dashboard-error{color:#8c1730;background:#fff0f2;border-radius:8px;padding:12px 14px;font-weight:700}.form-success{background:var(--mint);color:var(--teal);border-radius:8px;padding:12px 14px;font-weight:800}.action-button,.wide-link{background:var(--coffee);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.action-button.secondary,.secondary-link{background:var(--teal)}.action-button.danger{background:var(--rose)}.action-button.ghost{color:var(--coffee);border:1px solid var(--line);background:#fff}.button-icon{flex:none;display:inline-flex}.input-with-icon{position:relative}.input-with-icon svg{color:var(--muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-with-icon input{padding-left:42px}.dashboard-page{background:var(--soft);min-height:100vh;color:var(--cafe-text);padding:20px}.dashboard-page .eyebrow,.customer-shell .eyebrow{color:var(--cafe-accent-text)}.dashboard-page .action-button.primary,.dashboard-page .action-button.secondary,.customer-shell .action-button.primary,.customer-shell .action-button.secondary,.customer-shell .wide-link{background:var(--cafe-accent);color:var(--cafe-accent-contrast)}.dashboard-page .icon-button:hover,.dashboard-page .icon-button:focus-visible{border-color:var(--cafe-accent);color:var(--cafe-accent-text)}.dashboard-page .action-button.ghost,.customer-shell .action-button.ghost,.dashboard-page .panel-title h2,.dashboard-page .side-panel-heading h2,.dashboard-page .row-progress strong,.dashboard-page .stat-tile strong,.dashboard-page .live-modal h2{color:var(--cafe-secondary-text)}.dashboard-page .avatar{background:var(--cafe-accent);color:var(--cafe-accent-contrast)}.dashboard-page input:focus,.dashboard-page textarea:focus,.customer-shell input:focus,.customer-shell textarea:focus{border-color:var(--cafe-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--cafe-accent) 18%, transparent)}.dashboard-page .amount-display{background:color-mix(in srgb, var(--cafe-accent) 14%, #fff);color:var(--cafe-secondary-text)}.customer-shell .customer-panel h1,.customer-shell .install-box h2{color:var(--cafe-secondary-text)}.customer-shell .brand-mark{background:var(--cafe-accent);color:var(--cafe-accent-contrast)}.settings-page{background:#f6f7f2;min-height:100vh;padding:24px}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto 20px;display:flex}.dashboard-page .dashboard-header{border-bottom:1px solid var(--line);flex-wrap:nowrap;align-items:center;max-width:1200px;padding-bottom:16px}.dashboard-header h1{color:var(--cafe-secondary-text);font-size:2.2rem;line-height:1.05}.dashboard-page .dashboard-header h1{text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;font-weight:800;line-height:1.2;overflow:hidden}.dashboard-subtitle{color:var(--muted);margin-top:4px;font-weight:700}.panel-subtitle{color:var(--muted);margin-top:4px;font-weight:500}.dashboard-page .dashboard-subtitle{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.dashboard-page .dashboard-brand-title{flex:auto;align-items:center;min-width:0}.dashboard-page .dashboard-brand-title>div{min-width:0}.dashboard-page .cafe-logo.preview{flex:none;width:44px;height:44px}.header-actions{align-items:center;gap:12px;display:flex}.dashboard-page .header-actions{flex:none;gap:8px}.live-indicator{background:var(--cafe-accent);min-height:36px;color:var(--cafe-accent-contrast);border-radius:999px;align-items:center;padding:0 14px;font-weight:900;display:inline-flex}.dashboard-page .live-indicator{color:#fff;background:#22c55e;min-height:32px;padding:0 12px;font-size:.8rem}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--coffee);background:#fff;border-radius:8px;place-items:center;display:inline-grid}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1200px;margin:0 auto 18px;display:grid}.stat-tile{background:#fff;border:none;border-radius:12px;align-content:center;gap:6px;min-height:auto;padding:20px;display:grid;box-shadow:0 2px 8px #0000000f}.stat-tile span,.stat-tile small{color:var(--muted);font-weight:800}.stat-tile span{text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.stat-tile strong{color:var(--coffee);font-size:2rem;font-weight:800;line-height:1}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;max-width:1200px;margin:0 auto;display:grid}.work-panel,.side-panel{border:1px solid var(--line);background:var(--cafe-surface);border-radius:12px}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:20px;display:flex}.panel-title h2{color:var(--coffee)}.customer-action-list{gap:12px;padding:14px;display:grid}.customer-action-card{background:#fff;border:none;border-radius:12px;gap:14px;padding:16px;display:grid;box-shadow:0 2px 8px #0000000f}.customer-action-card.compact{gap:12px;padding:14px}.customer-action-card.modal-card{box-shadow:none;background:0 0;border:0;padding:0}.customer-action-main{grid-template-columns:minmax(220px,1fr) 120px;align-items:center;gap:12px;display:grid}.customer-summary{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.customer-summary:disabled{cursor:default;opacity:1}.customer-summary strong{color:var(--ink);overflow-wrap:anywhere;display:block}.customer-summary small{color:var(--muted);overflow-wrap:anywhere;display:block}.avatar{width:46px;height:46px;color:var(--teal);background:#e7f3f1;border-radius:8px;flex:none;place-items:center;font-weight:900;display:inline-grid}.avatar.large{width:64px;height:64px;font-size:1.5rem}.dashboard-page .avatar{border-radius:50%;width:44px;height:44px}.row-progress{color:var(--muted);text-align:right;gap:2px;font-weight:800;display:grid}.row-progress strong{color:var(--coffee);font-size:1.25rem}.dashboard-page .customer-action-card .row-progress span{color:var(--cafe-accent)}.customer-action-buttons{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.customer-action-buttons .action-button{border-radius:8px;min-height:40px;padding-inline:12px;font-size:.85rem}.customer-action-buttons .profile-link-button{color:var(--cafe-accent-text);box-shadow:none;text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.side-panel{gap:16px;padding:16px;display:grid;position:sticky;top:20px}.side-panel-heading h2{color:var(--coffee);font-size:1.35rem}.search-box{position:relative}.search-box svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{padding-left:44px}.dashboard-page .search-box input{min-height:44px}.search-results{gap:12px;display:grid}.search-empty{border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:14px;font-weight:700}.dashboard-page .search-empty{border-radius:12px}.empty-state{min-height:240px;color:var(--muted);text-align:center;place-items:center;gap:10px;display:grid}.modal-backdrop{z-index:30;background:#1814126b;place-items:center;padding:clamp(12px,2.5vw,28px);display:grid;position:fixed;inset:0;overflow:hidden}.live-modal{width:min(92vw,480px);max-width:100%;min-height:0;max-height:90vh;color:var(--cafe-text);background:#fff;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;gap:0;display:grid;overflow:hidden;box-shadow:0 24px 60px #00000059}.live-modal h2{color:var(--coffee);font-size:1.4rem}.modal-header{background:#fff;border-bottom:none;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px 14px;display:flex}.modal-header .icon-button{flex:none}.modal-body{overscroll-behavior:contain;gap:16px;max-width:100%;min-height:0;padding:4px 24px 18px;display:grid;overflow:hidden auto}.modal-body *{min-width:0;max-width:100%}.close{position:absolute;top:14px;right:14px}.pending-customer-card,.pending-form{background:var(--soft);border:none;border-radius:12px;gap:14px;padding:16px;display:grid}.live-modal .customer-summary strong{font-size:1.25rem}.amount-display{color:#8a5b00;background:#fff4d8;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:900;display:flex}.amount-display strong{color:var(--coffee);font-size:2rem;line-height:1}.amount-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.modal-footer-actions{border-top:1px solid var(--line);background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;padding:14px 24px 20px;display:grid;position:sticky;bottom:0;box-shadow:0 -8px 20px #241e190f}.modal-footer-actions .popup-redeem-button{grid-column:1/-1}.modal-footer-actions .action-button{border-radius:10px;min-height:48px}.loyalty-card{border:1px solid var(--line);background:color-mix(in srgb, var(--cafe-primary) 12%, var(--cafe-surface));color:var(--cafe-text);border-radius:8px;gap:18px;padding:20px;display:grid}.loyalty-card.compact{padding:16px}.loyalty-card.dense{gap:14px}.loyalty-topline{justify-content:space-between;align-items:start;gap:14px;display:flex}.loyalty-topline h2{color:var(--cafe-secondary-text);font-size:2.6rem;line-height:1}.free-drinks-pill{background:var(--cafe-accent);min-width:62px;min-height:42px;color:var(--cafe-accent-contrast);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.reward-program{color:var(--cafe-secondary-text);font-weight:900}.stamp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.loyalty-card.dense .stamp-grid{grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:6px}.stamp-dot{aspect-ratio:1;color:#b2aba3;background:#ffffffb3;border:1px dashed #cfc7bc;border-radius:8px;place-items:center;display:grid}.stamp-dot.filled{border-style:solid;border-color:var(--cafe-accent);background:var(--cafe-accent);color:var(--cafe-accent-contrast)}.loyalty-card.dense .stamp-dot svg{width:14px;height:14px}.loyalty-meta{color:var(--muted);justify-content:space-between;display:flex}.loyalty-meta strong{color:var(--ink)}.profile-drawer{z-index:40;border-left:1px solid var(--line);width:min(100%,420px);box-shadow:var(--shadow);background:#fff;align-content:start;gap:22px;padding:28px;display:grid;position:fixed;inset:0 0 0 auto;overflow-y:auto}.profile-heading{align-items:center;gap:14px;padding-right:44px;display:flex}.profile-heading h2{color:var(--coffee)}.drawer-section-title{color:var(--coffee);align-items:center;gap:8px;margin-bottom:10px;display:flex}.history-list{gap:8px;display:grid}.history-row{border-bottom:1px solid var(--line);min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.history-row strong{color:var(--ink)}.customer-shell{--shell-bg:#1a1f2e;--shell-muted:#565d78;--card-ink:#14171f;--card-muted:#8a8fa0;--stamp-empty-border:#e0ddd8;--stamp-empty-bg:#f8f6f3;background:var(--shell-bg);min-height:100dvh;color:var(--card-ink);align-items:center;padding:20px 16px 52px;position:relative}.customer-shell:after{content:"Powered by Taploy";text-align:center;color:var(--shell-muted);letter-spacing:.02em;pointer-events:none;font-size:.7rem;position:fixed;bottom:14px;left:0;right:0}.customer-shell .customer-panel{text-align:left;width:min(100%,420px);max-height:calc(100dvh - 72px);color:var(--card-ink);background:#fff;border:none;border-radius:20px;flex-direction:column;gap:16px;padding:28px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000059}.customer-shell .customer-panel h1{color:var(--card-ink)}.customer-brand-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.customer-shell .cafe-logo:not(.preview){width:72px;height:72px}.customer-brand-name{color:var(--card-muted);text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:700}.customer-shell .customer-name{text-align:center;color:var(--card-ink);font-size:1.6rem;font-weight:800}.wide-link{width:100%}.customer-shell .wide-link.secondary-link{color:var(--card-muted);box-shadow:none;background:0 0;min-height:auto;padding:4px;font-size:.85rem;font-weight:600}.customer-shell .loyalty-card{background:#f9f8f6;border:none;border-radius:16px;gap:14px;padding:20px 16px}.customer-shell .loyalty-topline{text-align:center;flex-direction:column;align-items:center;gap:4px}.customer-shell .loyalty-topline .eyebrow{color:var(--card-muted);font-size:.72rem}.customer-shell .loyalty-topline h2{color:var(--card-ink);font-size:2rem;font-weight:800}.customer-shell .free-drinks-pill{display:none}.customer-shell .reward-program{text-align:center;color:var(--card-muted);font-size:.82rem;font-weight:600}.customer-shell .stamp-grid{grid-template-columns:repeat(5,44px);justify-content:center;gap:10px}.customer-shell .stamp-dot{width:44px;height:44px;aspect-ratio:unset;border:2px solid var(--stamp-empty-border);background:var(--stamp-empty-bg);border-radius:50%}.customer-shell .stamp-dot.filled{background:var(--cafe-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cafe-accent) 20%, transparent);border:none}.customer-shell .stamp-dot:not(:empty) svg{color:#d1cdc7;display:block}.customer-shell .stamp-dot.filled:not(:empty) svg{color:var(--cafe-accent)}.customer-shell .stamp-dot:not(:empty){background:var(--stamp-empty-bg);border:2px solid var(--stamp-empty-border)}.customer-shell .stamp-dot.filled:not(:empty){background:var(--stamp-empty-bg);box-shadow:none}.customer-shell .stamp-icon-image{object-fit:contain;opacity:.35;border-radius:50%}.customer-shell .stamp-dot.filled .stamp-icon-image{opacity:1}.rewards-ready-pill{background:var(--cafe-accent);color:var(--cafe-accent-contrast);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:800;display:flex}.rewards-keep-going{text-align:center;color:var(--card-muted);font-size:.85rem}.customer-shell .birthday-reward{border-radius:14px;padding:12px}.customer-shell .install-box{border-radius:14px;gap:10px;padding:14px}.customer-shell .install-box h2{color:var(--card-ink);font-size:.95rem}.customer-shell .cafe-social-links{gap:8px}.customer-shell .cafe-social-links a,.customer-shell .cafe-social-links>span{width:38px;height:38px}.customer-shell .send-card-action{background:linear-gradient(#fff0,#fff 18px);margin-top:auto;padding-top:12px;position:sticky;bottom:0}.customer-shell .send-card-action .action-button{background:var(--cafe-accent);width:100%;min-height:56px;color:var(--cafe-accent-contrast);border-radius:14px;font-size:1rem;font-weight:800}.customer-shell .send-card-action .action-button.waiting{color:#fff;background:#9ca3af}.customer-shell .send-card-action .action-button.confirmed{color:#fff;background:#22c55e}.customer-shell .send-card-status.error{text-align:center;margin-top:8px;font-size:.82rem}.install-box{border:1px solid var(--line);background:color-mix(in srgb, var(--cafe-primary) 7%, var(--cafe-surface));border-radius:8px;gap:14px;padding:16px;display:grid}.install-box>div:first-child,.install-steps p{align-items:center;gap:10px;display:flex}.install-box h2{color:var(--coffee);font-size:1.1rem}.install-steps{color:var(--muted);gap:8px;font-weight:700;display:grid}.settings-panel{border:1px solid var(--line);width:min(100%,760px);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:22px;margin:0 auto;padding:24px;display:grid}.account-settings-panel{margin:24px auto 0}.settings-heading{color:var(--coffee);align-items:center;gap:12px;display:flex}.settings-form{gap:18px;display:grid}.settings-section{border-top:1px solid var(--line);gap:16px;padding-top:20px;display:grid}.settings-section h3{color:var(--coffee)}.settings-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.theme-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:16px;padding-block:20px;display:grid}.theme-settings h3{color:var(--coffee)}.theme-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.color-input-row{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:6px 10px;display:flex}.color-input-row input[type=color]{border:0;border-radius:6px;flex:0 0 40px;width:40px;min-height:36px;padding:0}.color-input-row code{color:var(--ink);overflow-wrap:anywhere;font-size:.82rem}.stamp-icon-grid{grid-template-columns:repeat(3,72px);justify-content:center;gap:18px 20px;display:grid}.stamp-icon-option{justify-items:center;gap:6px;display:grid}.stamp-icon-tile{width:72px;height:72px;color:var(--cafe-accent);background:#f8f6f3;border:2px solid #0000;border-radius:12px;place-items:center;display:grid}.stamp-icon-tile.selected{border-color:var(--cafe-accent);background:color-mix(in srgb, var(--cafe-accent) 12%, #fff)}.stamp-icon-tile-circle{background:var(--cafe-accent);border-radius:50%;width:28px;height:28px}.stamp-icon-tile-image{object-fit:contain;width:36px;height:36px}.stamp-icon-label{color:var(--muted);text-align:center;font-size:.78rem;font-weight:700}.stamp-icon-preview-image{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;width:64px;height:64px;padding:8px}.theme-preview{border:1px solid color-mix(in srgb, var(--cafe-accent) 35%, var(--line));background:var(--cafe-surface);color:var(--cafe-text);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.theme-preview>div{gap:2px;display:grid}.theme-preview strong{color:var(--cafe-secondary-text)}.theme-preview span:not(.theme-preview-badge){color:var(--muted)}.theme-preview-badge{background:var(--cafe-accent);color:var(--cafe-accent-contrast);border-radius:999px;padding:8px 10px;font-size:.78rem;font-weight:900}.cafe-social-links{justify-content:center;align-items:center;gap:10px;display:flex}.cafe-social-links a,.cafe-social-links>span{border:1px solid color-mix(in srgb, var(--cafe-accent) 28%, var(--line));background:color-mix(in srgb, var(--cafe-accent) 10%, var(--cafe-surface));width:44px;height:44px;color:var(--cafe-accent-text);border-radius:50%;place-items:center;text-decoration:none;display:inline-grid}.cafe-social-links a:hover,.cafe-social-links a:focus-visible{background:var(--cafe-accent);color:var(--cafe-accent-contrast)}.send-card-action{gap:10px;display:grid}.send-card-action .action-button{width:100%}.send-card-status{text-align:center;font-weight:800}.send-card-status.success{color:var(--cafe-secondary-text)}.send-card-status.error{color:var(--rose)}.theme-preview .cafe-social-links{grid-column:2/-1;justify-content:flex-start}.theme-preview .cafe-social-links>span{width:34px;height:34px;color:var(--cafe-accent-text)}.phone-fields{align-items:stretch;gap:12px;display:flex}.country-code-field{border:1px solid var(--line);background:#fff;border-radius:8px;flex:0 0 90px;align-items:center;width:90px;padding-left:12px;display:flex}.country-code-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #0f766e1f}.country-code-prefix{color:var(--ink);-webkit-user-select:none;user-select:none;font-weight:700}.country-code-field input{background:0 0;border:none;min-height:48px;padding:0 8px 0 2px}.country-code-field input:focus{box-shadow:none;border:none}.phone-fields .input-with-icon{flex:1;min-width:0}.birthday-fields{gap:6px;display:flex}.birthday-select-wrap{flex:1;min-width:0;position:relative}.birthday-select-wrap.birthday-day{flex:.7}.birthday-select-wrap.birthday-month{flex:1.3}.birthday-select-wrap select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:inherit;appearance:none;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:8px;padding:0 22px 0 10px;overflow:hidden}.birthday-select-wrap select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #0f766e1f}.birthday-select-wrap:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-65%)rotate(45deg)}.field-helper{color:var(--muted);font-size:.85rem;font-weight:600;line-height:1.4}.logo-preview{border:1px solid var(--line);background:var(--paper);border-radius:8px;align-items:center;gap:14px;padding:14px;display:flex}.logo-preview>div:last-child{gap:3px;display:grid}.logo-preview strong{color:var(--coffee)}.logo-preview span{color:var(--muted);font-weight:700}.dashboard-brand-title,.admin-page-header,.tool-heading,.qr-preview-heading{align-items:center;gap:14px;display:flex}.dashboard-brand-title>div,.qr-preview-heading>div{min-width:0}.dashboard-navigation{border-bottom:1px solid var(--line);align-items:center;gap:4px;max-width:1320px;margin:0 auto 18px;display:flex;overflow-x:auto}.dashboard-navigation a{min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;align-items:center;gap:8px;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.dashboard-navigation a:hover{color:var(--ink)}.dashboard-navigation a.active{color:var(--cafe-secondary-text);border-bottom-color:var(--cafe-accent);background:0 0;font-weight:900}.admin-page{background:color-mix(in srgb, var(--cafe-primary) 30%, #f6f7f2);min-height:100vh;color:var(--cafe-text);padding:24px}.admin-page-header{justify-content:space-between;max-width:1320px;margin:0 auto 20px}.admin-page-header h1{color:var(--cafe-secondary-text);font-size:2.2rem;line-height:1.05}.admin-tool-panel{border:1px solid var(--line);background:var(--cafe-surface);border-radius:8px;gap:18px;max-width:1320px;margin:0 auto;padding:20px;display:grid}.customer-page-search{width:min(100%,480px)}.customer-table{min-width:0;display:grid}.customer-table-header,.customer-table-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(80px,.65fr)) minmax(110px,.8fr) 44px;align-items:center;gap:12px;min-height:58px;padding:8px 10px;display:grid}.customer-table-header{min-height:42px;color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:900}.customer-table-row>span:first-child{display:grid}.customer-table-row small{color:var(--muted)}.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-metrics>div{border:1px solid var(--line);border-radius:8px;gap:3px;padding:12px;display:grid}.profile-metrics span{color:var(--muted);font-size:.8rem;font-weight:800}.profile-metrics strong{color:var(--cafe-secondary-text);font-size:1.25rem}.logo-upload-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.toggle-field,.birthday-redeem-toggle{min-height:48px;color:var(--cafe-text,var(--ink));align-items:center;gap:10px;display:flex}.toggle-field input,.birthday-redeem-toggle input{width:20px;min-height:20px;accent-color:var(--cafe-accent);flex:0 0 20px}.birthday-settings-grid{grid-template-columns:minmax(0,2fr) minmax(130px,.7fr)}.birthday-reward{border:1px solid color-mix(in srgb, var(--cafe-accent) 35%, var(--line));background:color-mix(in srgb, var(--cafe-accent) 10%, var(--cafe-surface));border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px;display:grid}.birthday-reward-icon{background:var(--cafe-accent);width:42px;height:42px;color:var(--cafe-accent-contrast);border-radius:50%;place-items:center;display:grid}.birthday-reward strong{color:var(--cafe-secondary-text)}.birthday-reward p,.birthday-reward small{color:var(--muted);margin-top:2px;display:block}.birthday-reward.compact{padding:12px}.birthday-redeem-toggle{border-top:1px solid var(--line);padding-top:12px}.registration-consent{color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.45}.registration-consent a{color:var(--cafe-secondary-text)}.qr-workspace{grid-template-columns:minmax(360px,1fr) minmax(300px,.8fr);align-items:start;gap:18px;max-width:1080px;margin:0 auto;display:grid}.qr-preview-panel,.qr-controls-panel{border:1px solid var(--line);background:var(--cafe-surface);border-radius:8px;gap:18px;padding:20px;display:grid}.qr-preview-heading span{color:var(--muted);overflow-wrap:anywhere;display:block}.qr-canvas{aspect-ratio:1;border:1px solid var(--line);justify-self:center;width:min(100%,440px);height:auto}.qr-controls-panel>div:first-child{color:var(--cafe-secondary-text);align-items:center;gap:10px;display:flex}.qr-controls-panel fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.qr-controls-panel legend{color:var(--muted);margin-bottom:8px;font-weight:800}.segmented-control{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.segmented-control button{background:var(--cafe-surface);min-height:44px;color:var(--muted);border:0;font-weight:800}.segmented-control button.active{background:var(--cafe-accent);color:var(--cafe-accent-contrast)}.qr-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.qr-warning,.qr-safe{border-radius:8px;padding:11px 13px;font-weight:800}.qr-warning{color:#7a4700;background:#fff1db}.qr-safe{color:#17634c;background:#e5f5ee}.nfc-layout{gap:18px;max-width:1000px;margin:0 auto;display:grid}.nfc-primary-panel{max-width:none}.tool-heading h2{color:var(--cafe-secondary-text)}.copy-url-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.copy-url-row code{border:1px solid var(--line);background:color-mix(in srgb, var(--cafe-primary) 8%, #fff);overflow-wrap:anywhere;border-radius:8px;align-items:center;min-height:50px;padding:10px 14px;display:flex}.nfc-callout{border-left:4px solid var(--cafe-accent);background:color-mix(in srgb, var(--cafe-accent) 8%, var(--cafe-surface));align-items:flex-start;gap:12px;padding:14px;display:flex}.nfc-checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.nfc-checklist li{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.nfc-checklist span{background:var(--cafe-accent);width:32px;height:32px;color:var(--cafe-accent-contrast);border-radius:50%;place-items:center;font-weight:900;display:grid}.nfc-tag-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.nfc-tag-options article{border:1px solid var(--line);background:var(--cafe-surface);border-radius:8px;gap:3px;padding:16px;display:grid}.nfc-tag-options strong{color:var(--cafe-secondary-text)}.nfc-tag-options span{color:var(--muted)}.landing-page{color:#20231f;background:#f6f7f2;min-height:100vh}.landing-nav{z-index:4;color:#fff;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:absolute;inset:0 0 auto}.landing-brand,.landing-nav nav,.landing-footer nav{align-items:center;gap:20px;display:flex}.landing-brand{gap:9px;font-size:1.1rem;text-decoration:none}.landing-nav a{font-weight:800;text-decoration:none}.landing-login{border:1px solid #ffffffb3;border-radius:8px;padding:10px 14px}.landing-hero{color:#fff;background:#293a39 url(/landing-cafe.jpg) 50% 42%/cover no-repeat;align-items:center;min-height:min(760px,84vh);display:flex;position:relative}.landing-hero-overlay{background:#0c1b1ba3;position:absolute;inset:0}.landing-hero-content{z-index:1;width:min(100%,1180px);margin:0 auto;padding:120px 24px 72px;position:relative}.landing-kicker,.landing-section-heading>p{color:#f4c95d;text-transform:uppercase;font-size:.83rem;font-weight:900}.landing-hero h1{max-width:760px;margin-top:10px;font-size:6.5rem;line-height:.95}.landing-hero-content>p:not(.landing-kicker){max-width:650px;margin-top:22px;font-size:1.18rem;line-height:1.6}.landing-hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.landing-primary-action,.landing-secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.landing-primary-action{color:#20231f;background:#f4c95d}.landing-secondary-action{color:#fff;border:1px solid #ffffffb3}.landing-band,.landing-feature-band,.landing-pricing{padding:76px max(24px,50vw - 590px)}.landing-feature-band{color:#fff;background:#163e3a}.landing-section-heading{gap:8px;max-width:720px;margin-bottom:36px;display:grid}.landing-section-heading h2,.landing-pricing h2{font-size:2.4rem;line-height:1.1}.landing-steps,.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.landing-steps article,.landing-feature-grid article{border-top:2px solid #d5574f;align-content:start;gap:10px;padding-top:20px;display:grid}.landing-steps article>span{color:#d5574f;font-size:1.6rem;font-weight:900}.landing-steps svg,.landing-feature-grid svg{color:#f4c95d}.landing-steps p{color:#626a63}.landing-feature-grid p{color:#c9d8d4}.landing-pricing{background:#f1d6d2;justify-content:space-between;align-items:center;gap:28px;display:flex}.landing-pricing>div{gap:10px;max-width:720px;display:grid}.landing-pricing .landing-primary-action{color:#fff;background:#8f2636;flex:none}.landing-footer{color:#fff;background:#20231f;justify-content:space-between;align-items:center;gap:20px;padding:26px max(24px,50vw - 590px);display:flex}.landing-footer a{color:#d9dfd8;text-decoration:none}.legal-page{background:#f6f7f2;min-height:100vh;padding:40px 20px}.legal-page article{border:1px solid var(--line);background:#fff;border-radius:8px;gap:16px;width:min(100%,760px);margin:0 auto;padding:30px;display:grid}.legal-page h1{font-size:2.4rem}.legal-page h2{margin-top:14px}.legal-page p{color:var(--muted)}.legal-page a{color:var(--teal);font-weight:800}.platform-mark{color:#f4c95d;background:#20231f;border-radius:8px;place-items:center;width:52px;height:52px;display:grid}@media (width<=980px){.dashboard-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel{position:static}.customer-action-main{grid-template-columns:1fr}.customer-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-workspace{grid-template-columns:1fr}.customer-table-header{display:none}.customer-table-row{grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(70px,.6fr)) 44px}.customer-table-row>span:nth-child(5){display:none}.landing-hero h1{font-size:5rem}}@media (width<=680px){.dashboard-page,.settings-page{padding:16px}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:1.65rem}.modal-backdrop{padding:12px}.auth-panel,.customer-panel{padding:22px}.customer-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.amount-controls,.modal-footer-actions,.theme-color-grid,.settings-field-grid{grid-template-columns:1fr}.theme-preview{grid-template-columns:auto minmax(0,1fr)}.theme-preview-badge{text-align:center;grid-column:1/-1}.theme-preview .cafe-social-links,.customer-action-buttons .action-button:last-child{grid-column:1/-1}.logo-upload-controls,.copy-url-row,.landing-pricing{grid-template-columns:1fr}.logo-upload-controls{align-items:stretch}.logo-upload-controls .action-button{width:100%}.nfc-tag-options,.landing-steps,.landing-feature-grid{grid-template-columns:1fr}.landing-nav nav a:not(.landing-login){display:none}.landing-pricing{display:grid}.landing-footer{flex-direction:column;align-items:flex-start}.customer-table-row{grid-template-columns:minmax(0,1fr) repeat(2,70px) 44px}.customer-table-row>span:nth-child(4),.customer-table-row>span:nth-child(5){display:none}}@media (width<=430px){.auth-page,.customer-shell{padding:14px}.auth-panel h1,.customer-panel h1{font-size:1.7rem}.cafe-logo:not(.preview){width:64px;height:64px}.loyalty-topline h2{font-size:2.1rem}.admin-page,.settings-page{padding:14px}.admin-page-header,.dashboard-header,.dashboard-brand-title{align-items:flex-start}.qr-preview-panel,.qr-controls-panel,.admin-tool-panel{padding:15px}.qr-colors,.birthday-settings-grid{grid-template-columns:1fr}.landing-nav{padding-inline:16px}.landing-hero-content{padding-inline:18px}.landing-hero h1{font-size:3.3rem}.landing-band,.landing-feature-band,.landing-pricing{padding:56px 20px}.landing-section-heading h2,.landing-pricing h2{font-size:2rem}.customer-table-row{grid-template-columns:minmax(0,1fr) 64px 44px}.customer-table-row>span:nth-child(3),.customer-table-row>span:nth-child(4),.customer-table-row>span:nth-child(5){display:none}.stamp-grid{grid-template-columns:repeat(5,minmax(34px,1fr))}.loyalty-card.dense .stamp-grid{grid-template-columns:repeat(auto-fit,minmax(24px,1fr))}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.platform-shell{--taploy-bg:#1a1f2e;--taploy-surface:#242938;--taploy-surface-raised:#2d3348;--taploy-border:#343a52;--taploy-blue:#4a6cf7;--taploy-blue-hover:#3d5ce6;--taploy-purple:#7c5cbf;--taploy-text:#fff;--taploy-text-muted:#8b92a9;--taploy-text-subtle:#565d78;--taploy-success:#22c55e;--taploy-warning:#f59e0b;--taploy-danger:#ef4444;--taploy-gold:#f5c842;background:var(--taploy-bg);min-height:100vh;color:var(--taploy-text);grid-template-columns:248px minmax(0,1fr);display:grid}.platform-shell input,.platform-shell textarea,.platform-shell select{border:1px solid var(--taploy-border);background:var(--taploy-surface);width:100%;min-height:48px;color:var(--taploy-text);font:inherit;border-radius:8px;padding:0 38px 0 13px;font-weight:700}.platform-shell input,.platform-shell textarea{font-weight:400}.platform-shell input::placeholder,.platform-shell textarea::placeholder,.platform-shell input:disabled,.platform-shell textarea:disabled,.platform-shell select:disabled{color:var(--taploy-text-subtle)}.platform-shell label{color:var(--taploy-text-muted)}.platform-shell input:focus,.platform-shell textarea:focus,.platform-shell select:focus{border-color:var(--taploy-blue);outline:none;box-shadow:0 0 0 4px #4a6cf738}.platform-shell .icon-button{background:var(--taploy-surface-raised);color:var(--taploy-text-muted);border-color:var(--taploy-border)}.platform-shell .icon-button:hover{color:var(--taploy-text)}.platform-shell .action-button{background:var(--taploy-blue);color:var(--taploy-text)}.platform-shell .action-button:hover{background:var(--taploy-blue-hover)}.platform-shell .action-button.secondary{background:var(--taploy-surface-raised);border:1px solid var(--taploy-border)}.platform-shell .action-button.danger{background:var(--taploy-danger)}.platform-shell .action-button.ghost{color:var(--taploy-text-muted);border:1px solid var(--taploy-border);background:0 0}.platform-shell .dashboard-error,.platform-shell .form-error{color:var(--taploy-danger);background:#ef444424}.platform-shell .form-success{color:var(--taploy-success);background:#22c55e24}.platform-sidebar{z-index:30;background:var(--taploy-bg);height:100vh;color:var(--taploy-text);border-right:1px solid var(--taploy-border);flex-direction:column;display:flex;position:sticky;top:0}.platform-sidebar-brand{border-bottom:1px solid var(--taploy-border);align-items:center;gap:11px;min-height:82px;padding:16px 18px;display:flex}.platform-sidebar-brand>div{min-width:0;display:grid}.platform-sidebar-brand strong{text-overflow:ellipsis;overflow:hidden}.platform-sidebar-brand span{color:var(--taploy-text-muted);font-size:.78rem;font-weight:700}.platform-sidebar .platform-mark{background:var(--taploy-gold);width:43px;height:43px;color:var(--taploy-bg);flex:none}.platform-nav{gap:5px;padding:18px 12px;display:grid}.platform-nav a,.platform-sidebar-actions a,.platform-sidebar-actions button{min-height:45px;color:var(--taploy-text-muted);font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0 13px;font-weight:800;text-decoration:none;display:flex}.platform-nav a:hover,.platform-sidebar-actions button:hover{background:var(--taploy-surface-raised);color:var(--taploy-text)}.platform-nav a.active{background:var(--taploy-blue);color:var(--taploy-text)}.platform-sidebar-actions{border-top:1px solid var(--taploy-border);gap:6px;margin-top:auto;padding:14px 12px 18px;display:grid}.platform-sidebar-actions .platform-create-link{background:var(--taploy-gold);color:var(--taploy-bg)}.platform-mobile-close,.platform-menu-button,.platform-sidebar-scrim{display:none}.platform-main{min-width:0}.platform-topbar{z-index:20;border-bottom:1px solid var(--taploy-border);background:var(--taploy-surface);grid-template-columns:minmax(120px,auto) minmax(260px,560px) auto;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:10px 26px;display:grid;position:sticky;top:0}.platform-topbar-title{align-items:center;gap:7px;min-width:0;font-weight:900;display:flex}.platform-topbar-title button,.platform-menu-button{width:38px;height:38px;color:var(--taploy-text-muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.platform-global-search,.platform-search-field{min-width:0;position:relative}.platform-global-search svg,.platform-search-field svg{z-index:1;color:var(--taploy-text-subtle);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.platform-global-search input,.platform-search-field input{padding-left:43px}.platform-topbar-create,.platform-primary-link{background:var(--taploy-blue);min-height:44px;color:var(--taploy-text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:900;text-decoration:none;display:inline-flex}.platform-topbar-create:hover,.platform-primary-link:hover{background:var(--taploy-blue-hover)}.platform-content{min-width:0;padding:28px}.platform-page-content{gap:22px;width:min(100%,1480px);margin:0 auto;display:grid}.platform-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.platform-page-heading>div{gap:5px;display:grid}.platform-page-heading h1{color:var(--taploy-text);font-size:2rem;line-height:1.12}.platform-page-heading p:not(.platform-kicker){color:var(--taploy-text-muted)}.platform-kicker{color:var(--taploy-purple);text-transform:uppercase;font-size:.76rem;font-weight:900}.platform-loading,.platform-empty{min-height:180px;color:var(--taploy-text-muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.platform-loading>span{border:3px solid var(--taploy-border);border-top-color:var(--taploy-blue);border-radius:50%;width:30px;height:30px;animation:.75s linear infinite platform-spin}@keyframes platform-spin{to{transform:rotate(360deg)}}.platform-metric-grid{grid-template-columns:repeat(7,minmax(130px,1fr));gap:12px;display:grid}.platform-metric{border:1px solid var(--taploy-border);background:var(--taploy-surface);border-radius:8px;align-content:space-between;min-height:122px;padding:16px;display:grid}.platform-metric-icon{background:var(--taploy-surface-raised);width:36px;height:36px;color:var(--taploy-blue);border-radius:8px;place-items:center;display:grid}.platform-metric>span:not(.platform-metric-icon){color:var(--taploy-text-muted);margin-top:13px;font-size:.8rem;font-weight:800}.platform-metric strong{color:var(--taploy-text);font-size:1.75rem;line-height:1}.platform-overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:18px;display:grid}.platform-panel,.platform-table-panel,.platform-filter-bar,.platform-wizard,.platform-detail-form{border:1px solid var(--taploy-border);background:var(--taploy-surface);border-radius:8px}.platform-panel-header{border-bottom:1px solid var(--taploy-border);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 20px;display:flex}.platform-panel-header h2{color:var(--taploy-text);font-size:1.12rem}.platform-panel-header p{color:var(--taploy-text-muted);margin-top:2px;font-size:.84rem}.platform-panel-header a{color:var(--taploy-blue);font-weight:900;text-decoration:none}.platform-activity-preview{grid-column:1/-1}.platform-list{display:grid}.platform-list-row{border-bottom:1px solid var(--taploy-border);min-height:67px;color:inherit;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:14px;padding:10px 20px;text-decoration:none;display:grid}.platform-list-row:last-child{border-bottom:0}.platform-list.compact .platform-list-row{grid-template-columns:auto minmax(120px,1fr) auto}.platform-list-date{color:var(--taploy-text-muted);font-size:.8rem;font-weight:700}.platform-list-copy{min-width:0;display:grid}.platform-list-copy small{color:var(--taploy-text-muted)}.platform-avatar{background:var(--taploy-surface-raised);width:38px;height:38px;color:var(--taploy-purple);border-radius:8px;place-items:center;font-weight:900;display:grid}.platform-cafe-identity{align-items:center;gap:11px;min-width:0;display:flex}.platform-cafe-identity>span:last-child{min-width:0;display:grid}.platform-cafe-identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.platform-cafe-identity small{color:var(--taploy-text-muted);font-weight:700}.platform-cafe-logo{border:1px solid var(--taploy-border);background:var(--taploy-surface-raised);width:40px;height:40px;color:var(--taploy-blue);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.platform-cafe-logo img{object-fit:cover;width:100%;height:100%}.platform-status{background:var(--taploy-surface-raised);width:fit-content;min-height:27px;color:var(--taploy-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.platform-status>span{background:currentColor;border-radius:50%;width:7px;height:7px}.platform-status-active{color:var(--taploy-success);background:#22c55e29}.platform-status-trial{color:var(--taploy-warning);background:#f59e0b29}.platform-status-suspended,.platform-status-past_due,.platform-status-deleted,.platform-status-cancelled{color:var(--taploy-danger);background:#ef444429}.platform-activity-list{display:grid}.platform-activity-list article{border-bottom:1px solid var(--taploy-border);grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:13px;min-height:64px;padding:11px 20px;display:grid}.platform-activity-list article:last-child{border-bottom:0}.platform-activity-dot{background:var(--taploy-blue);border-radius:50%;width:9px;height:9px}.platform-activity-list article div{display:grid}.platform-activity-list p,.platform-activity-list time{color:var(--taploy-text-muted);font-size:.8rem}.platform-filter-bar{grid-template-columns:minmax(260px,1fr) 190px 190px auto;align-items:center;gap:12px;padding:14px;display:grid}.platform-filter-bar label{gap:0}.platform-refresh-button,.platform-row-menu-button{border:1px solid var(--taploy-border);background:var(--taploy-surface-raised);width:48px;height:48px;color:var(--taploy-text-muted);border-radius:8px;place-items:center;display:grid}.platform-table-panel{min-width:0;overflow-x:auto}.platform-cafe-table{min-width:1420px}.platform-cafe-table-head,.platform-cafe-table-row{grid-template-columns:minmax(210px,1.4fr) minmax(180px,1fr) 125px 115px 82px 72px 82px 82px 105px 64px;align-items:center;gap:16px;padding:0 18px;display:grid}.platform-cafe-table-head{background:var(--taploy-surface-raised);min-height:48px;color:var(--taploy-text-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.platform-cafe-table-row{border-top:1px solid var(--taploy-border);min-height:74px;color:var(--taploy-text)}.platform-cafe-table-row>a{color:inherit;text-decoration:none}.platform-owner-cell,.platform-subscription-cell{min-width:0;display:grid}.platform-owner-cell strong,.platform-owner-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.platform-owner-cell small,.platform-subscription-cell small{color:var(--taploy-text-muted);font-size:.76rem}.platform-row-menu-wrap{justify-content:flex-end;display:flex;position:relative}.platform-row-menu{z-index:12;border:1px solid var(--taploy-border);background:var(--taploy-surface-raised);border-radius:8px;width:190px;padding:6px;display:grid;position:absolute;top:45px;right:0;box-shadow:0 16px 36px #00000073}.platform-row-menu a,.platform-row-menu button{min-height:39px;color:var(--taploy-text);font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-size:.86rem;font-weight:800;text-decoration:none;display:flex}.platform-row-menu a:hover,.platform-row-menu button:hover{background:var(--taploy-border)}.platform-row-menu .danger{color:var(--taploy-danger)}.platform-step-count{color:var(--taploy-blue);font-weight:900}.platform-stepper{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.platform-stepper li{position:relative}.platform-stepper li:before{background:var(--taploy-border);content:"";height:2px;position:absolute;top:18px;left:0;right:0}.platform-stepper li:first-child:before{left:50%}.platform-stepper li:last-child:before{right:50%}.platform-stepper button{width:100%;color:var(--taploy-text-muted);font:inherit;background:0 0;border:0;justify-items:center;gap:7px;padding:0 5px;display:grid;position:relative}.platform-stepper button>span{border:2px solid var(--taploy-border);background:var(--taploy-surface-raised);border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.platform-stepper strong{font-size:.78rem}.platform-stepper li.active button,.platform-stepper li.complete button{color:var(--taploy-blue)}.platform-stepper li.active button>span,.platform-stepper li.complete button>span{border-color:var(--taploy-blue);background:var(--taploy-blue);color:var(--taploy-text)}.platform-wizard{overflow:hidden}.platform-wizard-body{min-height:440px;padding:28px}.platform-wizard-section{gap:28px;width:min(100%,920px);margin:0 auto;display:grid}.platform-wizard-section>header{align-items:flex-start;gap:13px;display:flex}.platform-wizard-section>header>span{background:var(--taploy-surface-raised);width:42px;height:42px;color:var(--taploy-blue);border-radius:8px;flex:none;place-items:center;display:grid}.platform-wizard-section h2{color:var(--taploy-text);font-size:1.35rem}.platform-wizard-section header p{color:var(--taploy-text-muted)}.platform-wizard-fields{gap:20px;display:grid}.platform-field{gap:7px;min-width:0;display:grid}.platform-field>span:first-child,.platform-color-fields label>span:first-child{color:var(--taploy-text);font-size:.83rem;font-weight:900}.platform-field small{color:var(--taploy-text-muted);font-weight:600}.platform-form-grid{gap:16px;display:grid}.platform-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-logo-preview{border-left:3px solid var(--taploy-gold);background:var(--taploy-surface-raised);align-items:center;gap:12px;width:fit-content;padding:12px 16px;display:flex}.platform-logo-preview img{object-fit:cover;border-radius:8px;width:48px;height:48px}.platform-logo-preview>span{display:grid}.platform-logo-preview small{color:var(--taploy-text-muted)}.platform-rule-preview{border-left:4px solid var(--taploy-blue);background:var(--taploy-surface-raised);color:var(--taploy-text);padding:15px 17px;font-weight:900}.platform-color-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.platform-color-fields label{gap:7px;min-width:0;display:grid}.platform-color-input{grid-template-columns:50px minmax(0,1fr);gap:8px;display:grid}.platform-color-input input[type=color]{min-height:48px;padding:4px}.platform-theme-preview{border:1px solid var(--taploy-border);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:108px;padding:18px;display:grid}.platform-theme-preview-mark{color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.platform-theme-preview>span:nth-child(2){display:grid}.platform-theme-preview>span:nth-child(2) small{opacity:.72}.platform-theme-preview button{color:#fff;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-weight:900}.platform-password-field{display:block;position:relative}.platform-password-field input{padding-right:46px}.platform-password-field button{background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.platform-plan-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.platform-plan-options label{border:2px solid var(--taploy-border);cursor:pointer;border-radius:8px;align-content:center;gap:6px;min-height:120px;padding:15px;display:grid}.platform-plan-options label.selected{border-color:var(--taploy-blue);background:var(--taploy-surface-raised)}.platform-plan-options input{width:18px;min-height:18px}.platform-plan-options span{color:var(--taploy-text-muted);font-size:.78rem}.platform-create-summary{border-left:4px solid var(--taploy-gold);background:var(--taploy-surface-raised);gap:3px;padding:15px 17px;display:grid}.platform-create-summary span{color:var(--taploy-text-muted)}.platform-wizard-actions{border-top:1px solid var(--taploy-border);background:var(--taploy-surface);justify-content:space-between;gap:12px;padding:16px 28px;display:flex}.platform-cafe-detail-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.platform-cafe-detail-header>div:first-child{gap:8px;display:grid}.platform-cafe-detail-header .platform-cafe-logo{width:54px;height:54px}.platform-cafe-detail-header .platform-cafe-identity strong{font-size:1.55rem}.platform-detail-meta{color:var(--taploy-text-muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.platform-detail-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.platform-delete-icon{color:var(--taploy-danger)}.platform-suspension-note{border-left:4px solid var(--taploy-warning);color:var(--taploy-warning);background:#f59e0b24;align-items:flex-start;gap:10px;padding:13px 15px;display:flex}.platform-detail-metrics{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;display:grid}.platform-detail-metrics article{border:1px solid var(--taploy-border);background:var(--taploy-surface);border-radius:8px;align-items:center;gap:12px;min-height:86px;padding:15px;display:flex}.platform-detail-metrics article>span{background:var(--taploy-surface-raised);width:37px;height:37px;color:var(--taploy-blue);border-radius:8px;flex:none;place-items:center;display:grid}.platform-detail-metrics article div{display:grid}.platform-detail-metrics small{color:var(--taploy-text-muted)}.platform-detail-metrics strong{color:var(--taploy-text);font-size:1.35rem}.platform-detail-tabs{border-bottom:1px solid var(--taploy-border);gap:6px;display:flex}.platform-detail-tabs button{min-height:46px;color:var(--taploy-text-muted);font:inherit;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 14px;font-weight:900;display:inline-flex}.platform-detail-tabs button.active{border-bottom-color:var(--taploy-blue);color:var(--taploy-blue)}.platform-detail-form{overflow:hidden}.platform-form-section{border-bottom:1px solid var(--taploy-border);grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:30px;padding:24px;display:grid}.platform-form-section>h2{color:var(--taploy-text);font-size:1rem}.platform-form-section>div{gap:17px;min-width:0;display:grid}.platform-form-actions{background:var(--taploy-surface);justify-content:flex-end;padding:16px 24px;display:flex}.platform-toggle-row{border-left:3px solid var(--taploy-blue);background:var(--taploy-surface-raised);grid-template-columns:none;align-items:flex-start;gap:11px;padding:13px;display:flex}.platform-toggle-row input{flex:none;width:19px;min-height:19px}.platform-toggle-row>span{display:grid}.platform-toggle-row small{color:var(--taploy-text-muted);font-weight:600}.platform-subscription-summary{border-left:4px solid var(--taploy-gold);background:var(--taploy-surface-raised);gap:34px;padding:14px 16px;display:flex}.platform-subscription-summary>span{gap:4px;display:grid}.platform-subscription-summary small{color:var(--taploy-text-muted);font-weight:800}.platform-subscription-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.platform-extend-control{grid-template-columns:78px auto;gap:7px;display:grid}.platform-extend-control input{min-height:48px}.platform-staff-heading{border-bottom:1px solid var(--taploy-border);justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px 20px;display:flex}.platform-staff-heading p{color:var(--taploy-text-muted)}.platform-staff-table{min-width:820px}.platform-detail-form:has(.platform-staff-table){overflow-x:auto}.platform-staff-row{border-top:1px solid var(--taploy-border);grid-template-columns:minmax(210px,1fr) 120px 100px minmax(280px,auto);align-items:center;gap:15px;min-height:68px;padding:10px 20px;display:grid}.platform-staff-row.head{background:var(--taploy-surface-raised);min-height:43px;color:var(--taploy-text-muted);text-transform:uppercase;border-top:0;font-size:.72rem;font-weight:900}.platform-account-state{border-radius:999px;width:fit-content;padding:4px 9px;font-size:.76rem;font-weight:900}.platform-account-state.active{color:var(--taploy-success);background:#22c55e29}.platform-account-state.disabled{color:var(--taploy-danger);background:#ef444429}.platform-staff-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.platform-staff-actions button{border:1px solid var(--taploy-border);background:var(--taploy-surface-raised);min-height:37px;color:var(--taploy-text);font:inherit;border-radius:7px;justify-content:center;align-items:center;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.platform-staff-actions button.danger{color:var(--taploy-danger)}.platform-qr-section{margin-top:18px}.platform-qr-intro{color:var(--taploy-text-muted)}.platform-qr-layout{grid-template-columns:minmax(200px,auto) minmax(0,1fr);align-items:start;gap:30px;display:grid}.platform-qr-canvas-wrap{justify-items:center;gap:14px;display:grid}.platform-qr-canvas{border:1px solid var(--taploy-border);background:#fff;border-radius:8px;width:220px;height:220px;padding:12px}.platform-qr-details{gap:14px;display:grid}.platform-qr-details .tool-heading{color:var(--taploy-blue);align-items:center;gap:12px;display:flex}.platform-qr-details .tool-heading h3{color:var(--taploy-text);font-size:.95rem}.platform-qr-details .tool-heading p{color:var(--taploy-text-muted);margin-top:2px;font-size:.82rem}.platform-qr-details .copy-url-row{grid-template-columns:minmax(0,1fr);display:grid}.platform-qr-details .copy-url-row code{border:1px solid var(--taploy-border);background:var(--taploy-surface-raised);min-height:46px;color:var(--taploy-text);overflow-wrap:anywhere;border-radius:8px;align-items:center;padding:10px 14px;display:flex}@media (width<=640px){.platform-qr-layout{grid-template-columns:1fr}}.platform-activity-filters{grid-template-columns:minmax(280px,1fr) 240px}.platform-select-with-icon{position:relative}.platform-select-with-icon svg{z-index:1;color:var(--taploy-text-muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.platform-select-with-icon select{padding-left:40px}.platform-activity-table{min-width:1080px}.platform-activity-table-head,.platform-activity-table-row{grid-template-columns:130px 180px minmax(160px,1fr) 150px 150px minmax(160px,1fr);align-items:center;gap:15px;padding:0 18px;display:grid}.platform-activity-table-head{background:var(--taploy-surface-raised);min-height:47px;color:var(--taploy-text-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.platform-activity-table-row{border-top:1px solid var(--taploy-border);min-height:68px;font-size:.85rem}.platform-activity-table-row time{color:var(--taploy-text-muted);font-size:.78rem}.platform-audit-action{color:var(--taploy-blue);align-items:center;gap:8px;font-weight:900;display:flex}.platform-modal-backdrop{z-index:100}.platform-dialog{border:1px solid var(--taploy-border);background:var(--taploy-surface);border-radius:8px;flex-direction:column;width:min(100%,560px);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.platform-dialog-header{border-bottom:1px solid var(--taploy-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;padding:20px;display:grid}.platform-dialog-header h2{color:var(--taploy-text);font-size:1.25rem}.platform-dialog-header p{color:var(--taploy-text-muted);margin-top:4px}.platform-dialog-icon{width:40px;height:40px;color:var(--taploy-danger);background:#ef444429;border-radius:8px;place-items:center;display:grid}.platform-dialog-field,.platform-dialog-fields{gap:15px;min-height:0;padding:20px;display:grid;overflow-y:auto}.platform-dialog-actions{border-top:1px solid var(--taploy-border);background:var(--taploy-surface);justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.impersonation-banner{color:#553f07;background:#fff8d9;border:1px solid #d6b64f;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:min(100%,1320px);min-height:62px;margin:0 auto 18px;padding:9px 12px;display:grid}.impersonation-banner-icon{color:#443207;background:#f0c74b;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.impersonation-banner>span:nth-child(2){display:grid}.impersonation-banner small{color:#755f1c}.impersonation-banner .action-button{color:#4f3b08;background:#fff;border-color:#ddc468;min-height:42px}.impersonation-error{font-weight:800;color:#982d41!important}@media (width<=1280px){.platform-metric-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.platform-detail-metrics{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=980px){.platform-shell{grid-template-columns:1fr}.platform-sidebar{width:min(82vw,280px);transition:transform .18s;position:fixed;left:0;transform:translate(-105%);box-shadow:15px 0 45px #0006}.platform-sidebar.open{transform:translate(0)}.platform-mobile-close{background:var(--taploy-surface-raised);width:36px;height:36px;color:var(--taploy-text);border:0;border-radius:8px;place-items:center;margin-left:auto;display:grid}.platform-sidebar-scrim{z-index:25;background:#0000008c;border:0;display:block;position:fixed;inset:0}.platform-topbar{grid-template-columns:auto minmax(100px,auto) minmax(220px,1fr) auto;padding-inline:18px}.platform-menu-button{display:grid}.platform-overview-grid{grid-template-columns:1fr}.platform-activity-preview{grid-column:auto}.platform-form-section{grid-template-columns:1fr;gap:16px}.platform-plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-cafe-detail-header{align-items:flex-start}}@media (width<=720px){.platform-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.platform-global-search{grid-area:2/1/auto/-1}.platform-topbar-create span{display:none}.platform-topbar-create{width:44px;padding:0}.platform-content{padding:20px 15px}.platform-page-heading{align-items:flex-start}.platform-page-heading h1{font-size:1.7rem}.platform-metric-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.platform-filter-bar,.platform-activity-filters{grid-template-columns:1fr}.platform-refresh-button{width:100%}.platform-list-row{grid-template-columns:minmax(0,1fr) auto}.platform-list-row .platform-list-date{grid-column:1/-1;padding-left:51px}.platform-list.compact .platform-list-row{grid-template-columns:auto minmax(0,1fr)}.platform-list.compact .platform-list-date{padding-left:51px}.platform-activity-list article{grid-template-columns:auto minmax(0,1fr)}.platform-activity-list time{grid-column:2}.platform-stepper{justify-content:start;overflow-x:auto}.platform-stepper li{min-width:86px}.platform-stepper strong{font-size:.7rem}.platform-wizard-body{min-height:0;padding:21px 16px}.platform-form-grid.two,.platform-form-grid.three,.platform-color-fields{grid-template-columns:1fr}.platform-theme-preview{grid-template-columns:auto minmax(0,1fr)}.platform-theme-preview button{grid-column:1/-1}.platform-wizard-actions{padding-inline:16px}.platform-cafe-detail-header{display:grid}.platform-detail-actions{width:100%}.platform-detail-actions .action-button{flex:160px}.platform-detail-metrics{grid-template-columns:repeat(2,minmax(130px,1fr))}.platform-detail-tabs{overflow-x:auto}.platform-detail-tabs button{white-space:nowrap}.platform-form-section{padding:20px 16px}.platform-subscription-actions>.action-button{flex:140px}.platform-extend-control{grid-template-columns:80px minmax(0,1fr);width:100%}.impersonation-banner{grid-template-columns:auto minmax(0,1fr)}.impersonation-banner .action-button{grid-column:1/-1;width:100%}}@media (width<=460px){.platform-topbar-title>span{font-size:.88rem}.platform-page-heading{display:grid}.platform-primary-link{width:100%}.platform-metric-grid,.platform-detail-metrics,.platform-plan-options{grid-template-columns:1fr}.platform-wizard-actions .action-button{flex:1;min-width:0;padding-inline:10px}.platform-dialog-actions{grid-template-columns:1fr;display:grid}.platform-dialog-actions .action-button{width:100%}}