*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #1E3A5F;--brand-dark: #152d4a;--text: #1a1a1a;--text-muted: #666666;--bg: #F5F5F5;--surface: #FFFFFF;--border: #e0e0e0;--success: #2d7a4f;--danger: #c0392b;--radius: 12px;--shadow: 0 2px 8px rgba(0,0,0,.07)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}select{background-color:var(--surface);color:var(--text)}.app{display:flex;flex-direction:column;min-height:100vh}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.5rem;background:var(--brand);border-bottom:none;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #1e3a5f40}.top-nav .link-btn{color:#ffffffd9;text-decoration-color:#fff6}.top-nav .link-btn:hover{color:#fff}.brand{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:900;cursor:pointer;color:#fff;letter-spacing:.02em;text-transform:uppercase}.brand-logo{height:34px;width:auto}.main-content{flex:1;max-width:480px;margin:0 auto;width:100%;padding:1.5rem 1rem 3rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1rem;border:1px solid var(--border)}.hero{text-align:center;padding:2rem 0 1.5rem}.hero h1{font-size:2.1rem;font-weight:900;color:var(--brand);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1}.hero p{color:var(--text-muted);margin-top:.4rem;font-size:.95rem}.hero-logo{display:block;margin:0 auto 1.25rem;width:280px;height:auto}.tab-bar{display:flex;border-radius:var(--radius);background:#ebebeb;padding:4px;margin-bottom:1rem;border:1px solid var(--border)}.tab{flex:1;padding:.6rem;border:none;background:transparent;border-radius:8px;font-size:.95rem;cursor:pointer;font-weight:600;color:var(--text-muted);transition:all .15s}.tab--active{background:var(--brand);color:#fff;box-shadow:0 2px 8px #1e3a5f4d;font-weight:800}.form{display:flex;flex-direction:column;gap:1rem}.form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--text)}.form input{padding:.7rem .9rem;border:1.5px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .15s;background:var(--surface);color:var(--text)}.form input::placeholder{color:var(--text-muted)}.form input:focus{outline:none;border-color:var(--brand)}.inline-form{flex-direction:row;align-items:flex-end;gap:.5rem}.inline-form input{flex:1}.optional{font-weight:400;color:var(--text-muted);font-size:.8rem}.subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.hint{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:.75rem}.btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-dark)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--secondary{background:transparent;color:var(--brand);border:1.5px solid var(--brand);width:100%}.btn--secondary:hover:not(:disabled){background:#1e3a5f0f}.btn--ghost{background:transparent;color:var(--text-muted);font-size:.9rem;padding:.4rem .8rem;text-transform:none;letter-spacing:0;border:1px solid var(--border);border-radius:8px}.btn--ghost:hover{color:var(--text);border-color:#aaa}.btn--danger{background:var(--danger);color:#fff;font-size:.85rem;padding:.5rem .9rem}.link-btn{background:none;border:none;color:var(--brand);cursor:pointer;font-size:inherit;font-weight:600;text-decoration:underline;padding:0}.nav-admin{font-size:.85rem;text-transform:none;letter-spacing:0}.error{color:#9b2c2c;font-size:.9rem;background:#fff5f5;padding:.6rem .9rem;border-radius:8px;border:1px solid #fca5a5}.success{color:var(--success);font-size:.9rem;background:#e9f7ef;padding:.6rem .9rem;border-radius:8px;border:1px solid #a8d5b5}.info-banner{color:#6b4f00;font-size:.9rem;background:#fffbeb;padding:.75rem 1rem;border-radius:8px;border:1px solid #fcd34d;text-align:center}.approval-card-error{font-size:.78rem;padding:.4rem .6rem;margin:0}.dashboard{display:flex;flex-direction:column;gap:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 0 0}.dashboard-header h2{font-size:1.6rem;font-weight:900}.points-badge{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border-radius:var(--radius);padding:1.5rem;text-align:center;box-shadow:0 4px 20px #1e3a5f4d;border:none}.points-number{display:block;font-size:3rem;font-weight:900;line-height:1}.points-label{display:block;font-size:1rem;margin-top:.25rem;font-weight:700;opacity:.9}.points-rate{display:block;font-size:.8rem;opacity:.65;margin-top:.25rem}.stamp-card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.stamp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stamp-card-title{font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.stamp-card-completed{font-size:.8rem;color:var(--brand);font-weight:700}.stamp-card-timer{font-size:.78rem;font-weight:700;color:var(--brand);background:#e8eef5;padding:.2rem .55rem;border-radius:20px;border:1px solid rgba(30,58,95,.2)}.stamp-card-timer--urgent{color:var(--danger);background:#fff5f5;border-color:#fca5a5}.stamp-card--expired{border:1.5px solid var(--danger)}.stamp-card--expired .stamp--filled{opacity:.4}.stamp-card-expired-msg{font-size:.85rem;color:var(--danger);font-weight:600;text-align:center;margin:0}.stamps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.stamp{display:flex;align-items:center;justify-content:center;font-size:1.5rem;height:3rem;width:3rem;border-radius:50%;transition:all .2s;margin:0 auto;line-height:1}.stamp--filled{background:radial-gradient(circle at 35% 35%,#2a5298,#1e3a5f);box-shadow:0 0 10px #1e3a5f66,inset 0 1px 3px #fff3;border:2.5px solid #1E3A5F}.stamp--empty{background:#f0f0f0;border:2px dashed #c8c8c8;font-size:0}.stamp-card-progress{font-size:.85rem;color:var(--text-muted);text-align:center}.birthday-banner{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient(135deg,#1e3a5f14,#152d4a0d);border-radius:var(--radius);padding:1.25rem;border:1.5px solid rgba(30,58,95,.2)}.birthday-banner-emoji{font-size:2rem}.birthday-banner strong{display:block;font-size:1rem;margin-bottom:.2rem;color:var(--brand);font-weight:800}.birthday-banner p{font-size:.9rem;color:var(--text)}.birthday-banner small{font-size:.8rem;color:var(--text-muted)}.rewards-list{background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border:1px solid var(--border)}.rewards-list h3{font-size:1rem;margin-bottom:.75rem;font-weight:700}.reward-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border);gap:.75rem}.reward-item:last-of-type{border-bottom:none}.reward-item strong{display:block;font-size:.95rem}.reward-meta{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.reward-badge{background:#e9f7ef;color:var(--success);font-size:.75rem;font-weight:700;padding:.3rem .6rem;border-radius:20px;white-space:nowrap;border:1px solid #a8d5b5}.reward-type-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:20px;margin-top:.2rem}.reward-type-badge--birthday{background:#e8eef5;color:var(--brand);border:1px solid rgba(30,58,95,.2)}.reward-type-badge--stamp_reward{background:#e9f7ef;color:var(--success);border:1px solid #a8d5b5}.reward-type-badge--six_pack{background:#e8f0ff;color:#1a4fb5;border:1px solid #b3c6f0}.rewards-hint{font-size:.8rem;color:var(--text-muted);margin-top:.75rem}.admin-panel{display:flex;flex-direction:column;gap:1.25rem}.admin-panel h2{font-size:1.5rem;font-weight:900;padding-top:1rem;text-transform:uppercase;letter-spacing:-.01em;color:var(--brand)}.customer-found{background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.25rem;border:1px solid var(--border)}.customer-info{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.customer-info strong{width:100%;font-size:1.05rem}.customer-info span{font-size:.85rem;color:var(--text-muted)}.points-chip{background:#e8eef5;color:var(--brand);font-weight:700;padding:.25rem .6rem;border-radius:20px;font-size:.8rem!important;border:1px solid rgba(30,58,95,.2)}.stamps-chip{background:#e9f7ef;color:var(--success);font-weight:700;padding:.25rem .6rem;border-radius:20px;font-size:.8rem!important;border:1px solid #a8d5b5}@keyframes ann-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes ann-glow{0%,to{box-shadow:0 3px 12px #1e3a5f40,0 0 #64a0ff00}50%{box-shadow:0 4px 18px #1e3a5f59,0 0 18px 4px #64a0ff73}}.announcement-banner{display:flex;align-items:flex-start;gap:.75rem;background:#2e5f9e;color:#fff;border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem;position:relative;border:2px solid rgba(100,160,255,.35);animation:ann-shake .55s ease-out,ann-glow 3s ease-in-out .6s infinite}.announcement-content{flex:1}.announcement-title{font-size:1rem;font-weight:700;margin-bottom:.3rem;line-height:1.3}.announcement-message{font-size:.88rem;line-height:1.5;opacity:.92;white-space:pre-wrap}.announcement-dismiss{background:#ffffff26;border:none;color:#fff;border-radius:6px;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;flex-shrink:0;transition:background .15s}.announcement-dismiss:hover{background:#ffffff47}.announcement-stack{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.announcement-stack .announcement-banner{margin-bottom:0}.announcements-section{display:flex;flex-direction:column;gap:.75rem}.announcements-header{display:flex;justify-content:space-between;align-items:center}.ann-form{background:#f5f7fa;border:1.5px solid #dce3ee;border-radius:var(--radius);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.ann-form-title{font-weight:700;font-size:.95rem;color:var(--brand);margin-bottom:.1rem}.ann-label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;font-weight:500;color:#444}.ann-label--half{flex:1}.ann-input{border:1.5px solid #d0d5dd;border-radius:6px;padding:.5rem .7rem;font-size:.93rem;background:#fff;transition:border-color .15s;font-family:inherit}.ann-input:focus{outline:none;border-color:var(--brand)}.ann-textarea{resize:vertical;min-height:80px}.ann-row{display:flex;gap:.75rem}.ann-toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;cursor:pointer;flex-wrap:wrap}.ann-toggle-note{color:var(--text-muted);font-weight:400;font-size:.8rem}.ann-list{display:flex;flex-direction:column;gap:.6rem}.ann-item{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem}.ann-item-top{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.ann-item-title{font-weight:700;font-size:.95rem;color:var(--brand)}.ann-status{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:.15rem .55rem}.ann-status--active{background:#d4edda;color:#1a7a4a}.ann-status--inactive{background:#f0f0f0;color:#777}.ann-status--expired{background:#fde8e8;color:#c0392b}.ann-status--scheduled{background:#fff3cd;color:#856404}.ann-item-message{font-size:.85rem;color:#555;white-space:pre-wrap;line-height:1.4}.ann-item-meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted)}.ann-item-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.2rem}.ann-confirm-delete{font-size:.85rem;display:flex;align-items:center;gap:.35rem;color:var(--danger)}.admin-stats-section{margin-top:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.stat{background:var(--surface);border-radius:8px;padding:.75rem;text-align:center;box-shadow:var(--shadow);font-size:.75rem;color:var(--text-muted);border:1px solid var(--border)}.stat span{display:block;font-size:1.3rem;font-weight:800;color:var(--brand);margin-bottom:.2rem}.submit-receipt-form h3{font-size:1rem;margin-bottom:.25rem}.file-drop-zone{border:2px dashed var(--border);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .15s;background:var(--bg);min-height:120px;display:flex;align-items:center;justify-content:center}.file-drop-zone:hover{border-color:var(--brand)}.file-drop-zone--filled{padding:.5rem}.file-drop-hint{font-size:.9rem;color:var(--text-muted)}.receipt-preview{max-width:100%;max-height:220px;border-radius:6px;object-fit:contain}.form-row{display:flex;gap:.75rem}.form-row .btn{flex:1}.tx-list{background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border:1px solid var(--border)}.tx-list h3{font-size:1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:700}.tx-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.tx-item:last-child{border-bottom:none}.tx-amount{font-weight:700;min-width:60px}.tx-points{color:var(--success);font-weight:600;flex:1}.tx-date{color:var(--text-muted);font-size:.8rem}.tx-status{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:20px}.tx-status--pending{background:#e8eef5;color:var(--brand);border:1px solid rgba(30,58,95,.2)}.tx-loading{font-size:.85rem;color:var(--text-muted)}.pending-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-size:.7rem;font-weight:700;border-radius:20px;min-width:1.4rem;height:1.4rem;padding:0 .35rem}.pending-approvals{display:flex;flex-direction:column;gap:.75rem}.pending-approvals-header{display:flex;justify-content:space-between;align-items:center}.pending-approvals-header h3{font-size:1.1rem;display:flex;align-items:center;gap:.5rem;font-weight:700}.empty-state{font-size:.9rem;color:var(--text-muted);text-align:center;padding:1rem 0}.approval-dup-warning{grid-column:1 / -1;background:#fffbeb;border:1px solid #fcd34d;color:#78350f;font-size:.82rem;padding:.45rem .75rem;border-radius:6px;width:100%}.approval-card{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);border:1px solid var(--border)}.approval-receipt{flex-shrink:0}.approval-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;border:1.5px solid var(--border)}.approval-thumb--none{width:72px;height:72px;border-radius:8px;border:1.5px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-muted)}.approval-info{flex:1;display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.approval-info strong{font-size:.95rem}.approval-contact{color:var(--text-muted)}.approval-amount{font-size:1.1rem;font-weight:800;color:var(--brand)}.approval-date{color:var(--text-muted);font-size:.78rem}.approval-actions{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.approval-actions .btn{font-size:.82rem;padding:.5rem .8rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.lightbox img{max-width:100%;max-height:90vh;border-radius:8px;object-fit:contain}.lightbox-close{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;font-size:1.2rem;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer}.tx-receipt-thumb{width:40px;height:40px;object-fit:cover;border-radius:5px;cursor:pointer;border:1px solid var(--border);display:block}.tx-no-receipt{color:var(--text-muted)}.receipt-audit-header{margin-bottom:.75rem}.receipt-audit-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-bottom:1rem}.audit-status-select{height:2.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.875rem;padding:0 .6rem;cursor:pointer}.audit-table-wrap{overflow-x:auto}.audit-table th:first-child,.audit-table td:first-child{width:52px}.audit-confirm-row td{background:#fff5f5}.audit-confirm{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.25rem 0;font-size:.875rem}.audit-confirm-actions{display:flex;gap:.5rem}.divider{border:none;border-top:1px solid var(--border);margin:.25rem 0}.section-title{font-size:1rem;font-weight:700;color:var(--text-muted)}.customer-list{display:flex;flex-direction:column;gap:.5rem}.customer-list-header{display:flex;justify-content:space-between;align-items:center}.cl-header-actions{display:flex;gap:.4rem;align-items:center}.customer-list-count{font-size:.8rem;color:var(--text-muted);margin:.25rem 0;display:flex;align-items:center;gap:.4rem}.btn--export{background:#1a6e3c;color:#fff;font-size:.82rem;font-weight:600;padding:.45rem .85rem;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s;text-transform:none;letter-spacing:0}.btn--export:hover:not(:disabled){background:#155930}.btn--export:disabled{opacity:.6;cursor:not-allowed}.date-range{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.date-range-label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;color:var(--text-muted);flex:1;min-width:120px}.date-input{padding:.55rem .6rem;border:1.5px solid var(--border);border-radius:8px;font-size:.85rem;background:var(--surface);color:var(--text);transition:border-color .15s;width:100%}.date-input:focus{outline:none;border-color:var(--brand)}.date-input-group{display:flex;align-items:center;gap:2px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);padding:.3rem .45rem;transition:border-color .15s;width:100%;box-sizing:border-box}.date-input-group:focus-within{border-color:var(--brand)}.date-part{border:none;outline:none;background:transparent;font-size:.85rem;color:var(--text);text-align:center;padding:.2rem 0;font-family:inherit;min-width:0}.date-part--dd,.date-part--mm{width:2.2ch}.date-part--yyyy{width:3.8ch}.date-sep{color:var(--text-muted);font-size:.9rem;-webkit-user-select:none;user-select:none;padding:0 1px}.date-field{display:inline-flex;flex-direction:column;align-items:center;gap:0}.date-field-label{font-size:.6rem;font-weight:700;color:var(--text-muted);line-height:1;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none}.date-range-sep{font-size:1rem;color:var(--text-muted);padding-bottom:.5rem}.btn--slim{font-size:.8rem;padding:.45rem .7rem;align-self:flex-end;text-transform:none;letter-spacing:0}.date-filter-badge{background:#e8eef5;color:var(--brand);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;border:1px solid rgba(30,58,95,.2)}.search-input{width:100%;padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface);color:var(--text);transition:border-color .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--brand)}.cl-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.cl-card--open{box-shadow:0 4px 12px #1e3a5f1f;border-color:var(--brand)}.cl-card-header{width:100%;background:none;border:none;cursor:pointer;padding:.9rem 1rem;display:flex;align-items:flex-start;gap:.75rem;text-align:left}.cl-card-header:hover{background:var(--bg)}.cl-identity{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.cl-name{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.cl-contact{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-stats{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;flex-shrink:0}.cl-stat-chip{font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;white-space:nowrap}.cl-stat-chip--points{background:#e8eef5;color:var(--brand);border:1px solid rgba(30,58,95,.2)}.cl-stat-chip--stamps{background:#e9f7ef;color:var(--success);border:1px solid #a8d5b5}.cl-stat-chip--spent{background:#f0f0f0;color:var(--text-muted);border:1px solid var(--border)}.cl-chevron{font-size:.65rem;color:var(--text-muted);flex-shrink:0;align-self:center}.cl-card-header-row{display:flex;align-items:stretch}.cl-card-header-row .cl-card-header{flex:1}.cl-delete-btn{background:none;border:none;border-left:1px solid var(--border);padding:0 .75rem;cursor:pointer;font-size:1rem;color:var(--text-muted);transition:background .15s,color .15s;flex-shrink:0}.cl-delete-btn:hover{background:#fff5f5;color:var(--danger)}.cl-confirm-delete{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:#fff8f8;border-left:3px solid var(--danger);border-radius:var(--radius);flex-wrap:wrap}.cl-confirm-delete span{font-size:.88rem;color:var(--text)}.cl-confirm-actions{display:flex;gap:.4rem;flex-shrink:0}.cl-confirm-actions .btn{font-size:.82rem;padding:.45rem .85rem}.cl-history{border-top:1px solid var(--border);padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.6rem}.cl-history-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.tx-table{width:100%;border-collapse:collapse;font-size:.8rem}.tx-table th{text-align:left;font-weight:600;color:var(--text-muted);padding:.3rem .4rem;border-bottom:1px solid var(--border);white-space:nowrap}.tx-table td{padding:.45rem .4rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.tx-table tr:last-child td{border-bottom:none}.tx-location{color:var(--text-muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-status-badge{font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:20px}.tx-status-badge--approved{background:#e9f7ef;color:var(--success);border:1px solid #a8d5b5}.tx-status-badge--rejected{background:#fff5f5;color:var(--danger);border:1px solid #fca5a5}.ig-reward-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.ig-reward-card--approved{border-color:#a8d5b5;background:#f4fbf6}.ig-reward-card--rejected{border-color:#fca5a5;background:#fdf5f5}.ig-reward-card--pending{border-color:#1e3a5f4d;background:#1e3a5f08}.ig-reward-header{display:flex;align-items:center;gap:.75rem}.ig-logo{width:38px;height:38px;flex-shrink:0;border-radius:10px}.ig-reward-text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.ig-reward-title{font-weight:600;font-size:.9rem}.ig-reward-handle{font-size:.8rem;color:#bc1888;text-decoration:none}.ig-reward-handle:hover{text-decoration:underline}.ig-bonus-pill{font-size:.78rem;font-weight:700;background:#e9f7ef;color:var(--success);padding:.2rem .55rem;border-radius:20px;white-space:nowrap;flex-shrink:0;border:1px solid #a8d5b5}.ig-verify-form{display:flex;flex-direction:column;gap:.5rem}.ig-instructions{font-size:.83rem;color:var(--text-muted);margin:0}.ig-verify-row{display:flex;gap:.5rem;flex-wrap:wrap}.ig-username-input{flex:1;min-width:140px;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:.88rem;background:var(--surface);color:var(--text)}.ig-username-input::placeholder{color:var(--text-muted)}.ig-username-input:focus{outline:2px solid var(--brand);border-color:transparent}.btn--ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s;text-transform:none;letter-spacing:0}.btn--ig:hover:not(:disabled){opacity:.88}.btn--ig:disabled{opacity:.6;cursor:not-allowed}.ig-status{font-size:.85rem;font-weight:500;margin:0}.ig-status--pending{color:var(--brand)}.ig-status--approved{color:var(--success)}.ig-status--rejected{color:var(--danger)}.ig-error{font-size:.78rem;margin:0}.ig-verifications{display:flex;flex-direction:column;gap:.75rem}.ig-verifications-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ig-verification-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.ig-verification-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.ig-verification-customer{font-weight:600;font-size:.92rem}.ig-verification-contact{font-size:.78rem;color:var(--text-muted)}.ig-verification-username{font-size:.85rem;color:#bc1888;font-weight:500}.ig-verification-date{font-size:.75rem;color:var(--text-muted)}.ig-verification-actions{display:flex;gap:.4rem;flex-shrink:0}.admin-panel-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.25rem}.admin-panel-user{display:flex;align-items:center;gap:.6rem}.admin-user-badge{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.role-chip{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;border-radius:20px}.role-chip--admin{background:#e8eef5;color:var(--brand);border:1px solid rgba(30,58,95,.2)}.role-chip--cashier{background:#e8f4fd;color:#1e6fa0;border:1px solid #b3d9f0}.staff-management{display:flex;flex-direction:column;gap:.75rem}.staff-management-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.staff-header-actions{display:flex;gap:.4rem}.staff-create-form{display:flex;gap:.5rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.staff-create-form input,.staff-create-form select{flex:1;min-width:120px;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:.88rem;background:var(--bg);color:var(--text)}.staff-create-form input:focus,.staff-create-form select:focus{outline:2px solid var(--brand);border-color:transparent}.staff-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;transition:opacity .2s}.staff-row--inactive{opacity:.55}.staff-row-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1;min-width:0}.staff-username{font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:.35rem}.staff-self-badge{font-size:.65rem;font-weight:600;background:#e9f7ef;color:var(--success);padding:.1rem .4rem;border-radius:20px;border:1px solid #a8d5b5}.staff-inactive-badge{font-size:.68rem;font-weight:600;background:#f3f3f3;color:var(--text-muted);padding:.15rem .45rem;border-radius:20px;border:1px solid var(--border)}.staff-joined{font-size:.75rem;color:var(--text-muted)}.staff-row-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;flex-shrink:0}.staff-pw-form{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.staff-pw-form input{padding:.4rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:.82rem;width:140px;background:var(--surface);color:var(--text)}.staff-pw-form input:focus{outline:2px solid var(--brand);border-color:transparent}@media (max-width: 380px){.stamps-grid{grid-template-columns:repeat(5,1fr);gap:.3rem}.stamp{font-size:1.2rem;height:2.2rem;width:2.2rem}}@media (max-width: 520px){.staff-row{flex-direction:column;align-items:flex-start}.staff-row-actions{width:100%}}.points-redeemable{display:block;font-size:.82rem;background:#fff3;border-radius:20px;padding:.25rem .75rem;margin:.5rem auto 0;width:fit-content;font-weight:600;color:#fff}.points-redeemable--none{opacity:.7;font-weight:400}.points-batches{display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem}.points-expiry{display:block;font-size:.82rem;color:#ffffffd9;font-weight:500}.points-expiry--warning{color:#ff4d4d;font-weight:700;background:#ffffff26;border-radius:6px;padding:.2rem .5rem}.points-batches-admin{display:flex;flex-direction:column;gap:.2rem}.points-expiry-admin{font-size:.8rem;color:#555}.points-expiry-admin--warning{color:#c0392b;font-weight:700}.migrate-section{padding:.5rem 0}.migrate-section-desc{font-size:.88rem;color:#666;margin:.25rem 0 .75rem}.migrate-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;overflow-y:auto}.migrate-card{background:#fff;border-radius:var(--radius);padding:1.5rem;width:100%;max-width:560px;box-shadow:0 8px 32px #0000002e}.migrate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.migrate-header h3{margin:0;font-size:1.1rem}.migrate-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#666;padding:.25rem .4rem;border-radius:4px}.migrate-close:hover{background:#f0f0f0}.migrate-form{display:flex;flex-direction:column;gap:.75rem}.migrate-section-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#888;margin:.5rem 0 .25rem;text-transform:uppercase}.migrate-label{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem;font-weight:500;color:#444}.migrate-label--half{flex:1}.migrate-input{border:1.5px solid #d0d5dd;border-radius:6px;padding:.5rem .7rem;font-size:.95rem;background:#fafafa;transition:border-color .15s}.migrate-input:focus{outline:none;border-color:var(--primary);background:#fff}.migrate-mugs-section{display:flex;flex-direction:column;gap:.75rem}.migrate-mug-block{border:1.5px solid #e0e5ef;border-radius:8px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem;background:#f8fafc}.migrate-mug-block-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;color:#333}.migrate-remove-mug{background:none;border:none;cursor:pointer;color:#999;font-size:.9rem;padding:.1rem .3rem;border-radius:4px}.migrate-remove-mug:hover{background:#fee;color:#c0392b}.migrate-row{display:flex;gap:.75rem}.migrate-hint{font-size:.8rem;color:#888;margin:0}.migrate-add-mug{align-self:flex-start;margin-top:.25rem}.migrate-refill-history-section{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid #e8edf5;padding-top:.65rem;margin-top:.25rem}.migrate-refill-history-section--renewal{border-top-style:dashed;background:#f8fafc;border-radius:6px;padding:.55rem .65rem;margin-top:.4rem}.migrate-refill-history-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.migrate-refill-history-label{font-size:.78rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.04em}.migrate-refill-entries{display:flex;flex-direction:column;gap:.4rem}.migrate-refill-entry-row{display:flex;align-items:flex-end;gap:.4rem;background:#f7f9fc;border:1px solid #e0e5ef;border-radius:6px;padding:.4rem .5rem}.migrate-label--refill-date{flex:2;min-width:0}.migrate-label--refill-qty{flex:1;min-width:0}.migrate-label--refill-type{flex:1.5;min-width:0}.migrate-remove-refill-entry{flex-shrink:0;align-self:flex-end;margin-bottom:0;padding:.3rem .45rem;font-size:.75rem}.migrate-renewal-section{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid #e8edf5;padding-top:.65rem;margin-top:.25rem}.migrate-renewal-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.migrate-renewal-label{font-size:.78rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.04em}.migrate-renewal-entries{display:flex;flex-direction:column;gap:.6rem}.migrate-renewal-entry{display:flex;flex-direction:column;gap:.4rem;background:#f7f9fc;border:1px solid #e0e5ef;border-radius:6px;padding:.55rem .6rem}.migrate-renewal-entry-top{display:flex;align-items:flex-end;gap:.4rem}.migrate-remove-renewal-entry{flex-shrink:0;align-self:flex-end;margin-bottom:0;padding:.3rem .45rem;font-size:.75rem}.file-drop-zone--sm{min-height:60px;padding:.5rem}.migrate-success-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.migrate-success-header h3{margin:0;font-size:1.1rem;color:#1a7a4a}.migrate-success-icon{background:#d4edda;color:#1a7a4a;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.migrate-profile{background:#f5f7fa;border-radius:8px;padding:.9rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.migrate-mugs-summary{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.migrate-mug-row{display:flex;flex-direction:column;gap:.1rem;background:#f0f4f8;border-radius:6px;padding:.6rem .8rem;font-size:.83rem;color:#555}.migrate-mug-name{font-weight:600;color:#222;font-size:.9rem}.migrate-mug-status{font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.migrate-mug-status--active{color:#1a7a4a}.migrate-mug-status--inactive{color:#c0392b}.migrate-reminder{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:.7rem .9rem;font-size:.85rem;color:#795548;margin-bottom:1rem}.points-redemption-section{background:#e8eef5;border:1.5px solid rgba(30,58,95,.2);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.redeemable-balance{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.redeemable-label{font-size:.85rem;color:var(--text-muted)}.redeemable-pts{font-weight:700;color:var(--brand);font-size:1rem}.redeemable-peso{font-size:.9rem;color:var(--success);font-weight:600}.discount-label{font-size:.82rem;color:var(--text-muted);display:block;margin-bottom:.35rem}.discount-row{display:flex;gap:.5rem;align-items:center}.discount-row input{padding:.45rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;width:120px;background:var(--surface);color:var(--text)}.discount-row input:focus{outline:2px solid var(--brand);border-color:transparent}.discount-pts-preview{font-size:.78rem;color:var(--text-muted);margin-top:.25rem;display:block}.redeem-none-msg{font-size:.82rem;color:var(--text-muted);margin:.4rem 0 0}.redeem-form{display:flex;flex-direction:column;gap:.65rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:1rem;margin-top:.5rem}.redeem-form-title{font-weight:700;font-size:.95rem;margin:0}.redeem-label{font-size:.82rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.3rem}.redeem-input{padding:.45rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:var(--surface);color:var(--text);width:100%;box-sizing:border-box}.redeem-input:focus{outline:none;border-color:var(--brand)}.redeem-input--error{border-color:var(--danger)!important}.redeem-exceed-error{font-size:.82rem;color:var(--danger);font-weight:600;margin:0}.redeem-pts-preview{font-size:.82rem;color:var(--brand);font-weight:600;margin:0}.tx-item--redemption{opacity:.95}.tx-amount--redemption{color:var(--danger)}.tx-points--redemption{color:var(--danger);flex:1}.mug-club{display:flex;flex-direction:column;gap:.75rem}.mug-club-panel{background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border)}.mug-club-customer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.mug-club-customer-header strong{display:block;font-size:1rem}.mug-club-contact{display:block;font-size:.78rem;color:var(--text-muted);margin-top:.15rem}.mug-assign-form{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.6rem}.mug-assign-title{font-weight:700;font-size:.95rem}.mug-form-row{margin-top:.25rem}.mug-assign-picker{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mug-assign-picker-title{font-weight:600;font-size:.9rem;color:var(--text-muted);margin:0}.mug-assign-picker-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media (max-width: 480px){.mug-assign-picker-options{grid-template-columns:1fr}}.mug-picker-option{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;color:var(--text)}.mug-picker-option:hover:not(:disabled){border-color:var(--brand);background:#e8eef5}.mug-picker-option--disabled,.mug-picker-option:disabled{opacity:.45;cursor:not-allowed}.mug-picker-option-name{font-weight:700;font-size:.9rem}.mug-picker-option-price{font-size:1rem;font-weight:800;color:var(--brand)}.mug-picker-option-desc{font-size:.75rem;color:var(--text-muted)}.mug-picker-cancel{align-self:flex-start}.mug-renew-select{display:block;width:100%;margin-top:.3rem;padding:.5rem .6rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.9rem}.mug-list{display:flex;flex-direction:column;gap:.75rem}.mug-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--surface);display:flex;flex-direction:column;gap:.75rem}.mug-card--active{border-color:#a8d5b5}.mug-card--inactive{opacity:.8}.mug-card-header{display:flex;justify-content:space-between;align-items:center}.mug-card-id-group{display:flex;align-items:center;gap:.4rem}.mug-card-id{font-weight:700;font-size:.9rem}.mug-type-badge{font-size:.64rem;font-weight:700;padding:.1rem .45rem;border-radius:20px;background:#e8f0fe;color:#1a56db;border:1px solid #c3d8fc;letter-spacing:.03em;text-transform:uppercase}.mug-status-badge{font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.2rem .55rem;border-radius:20px}.mug-status-badge--active{background:#e9f7ef;color:var(--success);border:1px solid #a8d5b5}.mug-status-badge--inactive{background:#f3f3f3;color:var(--text-muted);border:1px solid var(--border)}.mug-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mug-stat{background:var(--bg);border-radius:8px;padding:.6rem .75rem;text-align:center;border:1px solid var(--border)}.mug-stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--brand);line-height:1}.mug-stat-label{display:block;font-size:.68rem;color:var(--text-muted);margin-top:.2rem}.mug-card-dates{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.mug-action-btn{width:100%;font-size:.88rem}.mug-expired-msg{margin:.5rem 0 .4rem;font-size:.82rem;font-weight:600;color:var(--danger);text-align:center}.mug-card-header-right{display:flex;align-items:center;gap:.4rem}.mug-confirm-delete{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.4rem 0;font-size:.88rem}.mug-confirm-actions{display:flex;gap:.4rem;flex-shrink:0}.all-mugs-section{margin-top:2rem;border-top:1px solid var(--border);padding-top:1.25rem}.all-mugs-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}.all-mugs-filters{display:flex;gap:.35rem;flex-wrap:wrap}.filter-chip{padding:.25rem .75rem;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.filter-chip--active{border-color:var(--brand);color:var(--brand);background:#e8eef5}.all-mugs-count{font-size:.8rem;color:var(--text-muted);margin:0 0 .5rem}.all-mugs-table-wrap{overflow-x:auto}.all-mugs-table{min-width:640px}.all-mugs-customer-name{display:block;font-weight:600;font-size:.85rem}.all-mugs-customer-contact{display:block;font-size:.75rem;color:var(--text-muted)}.settings-panel{display:flex;flex-direction:column;gap:1.25rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.settings-field{display:flex;flex-direction:column;gap:.25rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.settings-label{font-weight:700;font-size:.9rem}.settings-description{font-size:.78rem;color:var(--text-muted);margin:0 0 .35rem}.settings-input{padding:.45rem .6rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.95rem;width:100%;box-sizing:border-box}.settings-input:focus{outline:none;border-color:var(--brand)}.settings-save-btn{align-self:flex-start}.welcome-editor{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media (max-width: 700px){.welcome-editor{grid-template-columns:1fr}}.welcome-editor-pane{display:flex;flex-direction:column;gap:.5rem}.welcome-editor-label{font-weight:700;font-size:.85rem;color:var(--text-muted);margin:0}.welcome-textarea{width:100%;box-sizing:border-box;padding:.65rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.88rem;font-family:Courier New,monospace;line-height:1.55;resize:vertical}.welcome-textarea:focus{outline:none;border-color:var(--brand)}.welcome-preview{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.welcome-modal--preview{position:static;box-shadow:none;border-radius:0;max-height:420px;overflow-y:auto;font-size:.88rem}.welcome-modal--preview p,.welcome-modal--preview ul{margin:0 0 .5rem}.welcome-preview-empty{color:var(--text-muted);font-style:italic;font-size:.85rem}.mug-renew-form{display:flex;flex-direction:column;gap:.6rem}.mug-renew-mode-toggle{display:flex;border:1.5px solid var(--border);border-radius:8px;overflow:hidden}.mug-renew-mode-btn{flex:1;background:none;border:none;padding:.45rem .5rem;font-size:.82rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;line-height:1.3}.mug-renew-mode-btn+.mug-renew-mode-btn{border-left:1.5px solid var(--border)}.mug-renew-mode-btn--active{background:var(--primary);color:#fff;font-weight:600}.mug-renew-historical-hint{font-size:.8rem;color:var(--text-muted);margin:0}.mug-renew-hint--active{color:var(--success)}.mug-renew-hint--inactive{color:var(--danger)}.mug-nickname-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600}.mug-nickname-input{padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--surface);color:var(--text);transition:border-color .15s}.mug-nickname-input:focus{outline:none;border-color:var(--brand)}.mug-refill-bar{display:flex;flex-direction:column;gap:.3rem}.mug-refill-bar-label{font-size:.8rem;font-weight:600;color:var(--text)}.mug-refill-bar-track{height:10px;background:var(--border);border-radius:5px;overflow:hidden}.mug-refill-bar-fill{height:100%;background:var(--success);border-radius:5px;transition:width .3s ease}.mug-refill-bar-fill--low{background:var(--brand)}.mug-refill-bar-sub{display:flex;justify-content:space-between;font-size:.74rem;color:var(--text-muted)}.cl-mugs-section{border-top:1px solid var(--border);padding-top:.25rem}.cl-mugs-toggle{width:100%;background:none;border:none;cursor:pointer;padding:.5rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;color:var(--text-muted);text-align:left}.cl-mugs-toggle:hover{color:var(--text)}.cl-mugs-content{padding-bottom:.25rem}.mug-list-customer{background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--border)}.mug-list-customer h3{font-size:1rem;font-weight:700}.mug-refill-form{display:flex;flex-direction:column;gap:.6rem;background:#f7f9fc;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;margin-top:.25rem}.mug-refill-form-title{font-weight:700;font-size:.9rem;margin:0}.mug-refill-qty-label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;font-weight:600;color:var(--text-muted)}.mug-refill-qty-input{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;width:6rem;background:#fff}.mug-refill-qty-input:focus{outline:none;border-color:var(--brand)}.mug-history-toggle{width:100%;font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.mug-refill-history{display:flex;flex-direction:column;gap:.4rem;margin-top:.1rem}.mug-refill-history--customer{border-top:1px solid var(--border);padding-top:.6rem;margin-top:.4rem}.mug-refill-history-title{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.mug-refill-history-empty{font-size:.8rem;color:var(--text-muted);margin:0}.mug-refill-history-summary{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;color:var(--text-muted);margin-bottom:.35rem}.mug-refill-history-toggle{background:none;border:none;padding:0;font-size:.8rem;color:var(--brand);cursor:pointer;text-decoration:underline;margin-top:.25rem;text-align:left}.mug-refill-entry{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#fff;border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem}.mug-refill-entry-info{display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:center;font-size:.8rem}.mug-refill-entry-date{color:var(--text-muted)}.mug-refill-entry-type{font-weight:700;font-size:.78rem;padding:.1rem .45rem;border-radius:10px}.mug-refill-entry-type--included{background:#e9f7ef;color:var(--success)}.mug-refill-entry-type--preferred{background:#e8eef5;color:var(--brand)}.mug-refill-entry-by{font-size:.75rem;color:var(--text-muted)}.mug-refill-entry-thumb-link{flex-shrink:0}.mug-refill-entry-thumb{width:44px;height:44px;object-fit:cover;border-radius:5px;border:1px solid var(--border);cursor:pointer;transition:transform .15s}.mug-refill-entry-thumb:hover{transform:scale(1.08)}.mug-refill-period{display:flex;flex-direction:column;gap:0;border-left:2.5px solid var(--border);padding-left:.6rem;margin:.5rem 0 .1rem}.mug-refill-period-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.25rem;margin-bottom:.3rem}.mug-refill-period-title{font-size:.78rem;font-weight:700;color:var(--text)}.mug-refill-period-summary{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.mug-refill-period-empty{font-size:.75rem;color:var(--text-muted);margin:0 0 .2rem;font-style:italic}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.welcome-modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 40px #1e3a5f33;padding:2rem 1.75rem;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border)}.welcome-heading{font-size:1.15rem;font-weight:900;color:var(--brand);line-height:1.4;margin:0}.welcome-intro{font-size:.95rem;color:var(--text-muted);margin:0}.welcome-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.welcome-rules li{font-size:.9rem;color:var(--text);line-height:1.5}.welcome-question{font-size:1.05rem;font-weight:700;color:var(--brand);margin:0;text-align:center}.welcome-dismiss-btn{width:100%;font-size:1.1rem;padding:.85rem;font-weight:900;letter-spacing:.06em}.eh-success-banner{background:#e8f5e9;border:1px solid #a5d6a7;color:#1a7a4a;border-radius:8px;padding:.6rem 1rem;font-size:.88rem;font-weight:600;margin-bottom:.75rem}.eh-success-icon{margin-right:.4rem}.eh-main{display:flex;flex-direction:column;gap:.75rem}.eh-mug-block{border:1px solid #e0e0e0;border-radius:8px;padding:.75rem;background:#fafafa}.eh-mug-header{display:flex;flex-direction:column;gap:.5rem}.eh-mug-info{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.eh-mug-actions{display:flex;flex-wrap:wrap;gap:.4rem}.eh-add-mug-row{padding-top:.25rem}.eh-subform{display:flex;flex-direction:column;gap:.75rem}.cl-mug-total{font-size:.82rem;color:#555}.cl-mug-total strong{color:#1a7a4a}.stats-club-revenue{margin-top:1rem;border-top:1px solid #e0e0e0;padding-top:1rem}.stats-club-subsection{margin-top:.75rem}.stats-club-sublabel{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;margin:0 0 .4rem}.stats-club-top-table{margin-top:.25rem}.stats-club-top-table td{font-size:.85rem}.migrate-label--refill-ticket{flex:1.2;min-width:0}.refill-ticket-section{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.25rem}.refill-ticket-label{font-size:.82rem;font-weight:600;color:#444;margin:0}.refill-ticket-hint{font-size:.82rem;color:#888;font-style:italic;margin:0;line-height:1.4}.refill-ticket-display{text-align:center;padding:.25rem 0}.refill-ticket-amount{font-size:1.6rem;font-weight:800;color:var(--primary, #1a1a2e);letter-spacing:-.02em}.refill-ticket-amount--zero{color:#888;font-size:1.2rem}.refill-ticket-slider{width:100%;accent-color:var(--primary, #1a1a2e);cursor:pointer;height:6px;margin:.25rem 0}.refill-ticket-slider-range{display:flex;justify-content:space-between;font-size:.72rem;color:#aaa;margin-top:-.1rem}.refill-ticket-override-label{margin-top:.25rem}.refill-ticket-helper{font-size:.78rem;color:#888;margin:-.1rem 0 .25rem;line-height:1.4}.eh-history-toggle{width:100%;background:none;border:none;border-top:1px solid #eee;padding:.4rem 0 0;margin-top:.5rem;font-size:.78rem;color:#888;cursor:pointer;text-align:left}.eh-history-toggle:hover{color:#444}.eh-history-body{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.eh-period{border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.eh-period-header{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;padding:.35rem .6rem;gap:.5rem;flex-wrap:wrap}.eh-period-title{font-size:.8rem;font-weight:700;color:#333}.eh-period-summary{font-size:.75rem;color:#777}.eh-period-empty{font-size:.78rem;color:#aaa;font-style:italic;margin:0;padding:.35rem .6rem}.eh-refill-row{display:flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-top:1px solid #f0f0f0;flex-wrap:wrap}.eh-refill-date{font-size:.78rem;color:#555;min-width:5rem}.eh-refill-type{font-size:.78rem;font-weight:600;padding:.1rem .4rem;border-radius:4px}.eh-refill-type--included{background:#e8f5e9;color:#2e7d32}.eh-refill-type--preferred{background:#fff3e0;color:#e65100}.eh-refill-by{font-size:.72rem;color:#aaa;font-style:italic;margin-left:auto}.btn--danger{background:#d32f2f;color:#fff;border:1px solid #b71c1c}.btn--danger:hover:not(:disabled){background:#b71c1c}.btn--danger:disabled{opacity:.5;cursor:default}.btn--xs{font-size:.7rem;padding:.2rem .45rem;text-transform:none;letter-spacing:0;line-height:1.3}.eh-mug-actions{flex-wrap:wrap}.eh-period-header{flex-wrap:wrap;row-gap:.3rem}.eh-period-title-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;flex:1}.eh-period-title{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.eh-period-title--editing{flex:1}.eh-period-edit-btn{margin-left:.25rem}.eh-refill-row--editing{background:#fafafa;gap:.4rem;padding:.4rem .6rem;flex-wrap:wrap}.eh-refill-controls{margin-left:auto;display:flex;gap:.3rem}.eh-refill-qty-input{width:4rem;font-size:.8rem;padding:.15rem .3rem;border:1px solid #ccc;border-radius:4px}.eh-refill-type-select{font-size:.8rem;padding:.15rem .3rem;border:1px solid #ccc;border-radius:4px}.eh-period-add-btn{display:block;width:100%;text-align:left;margin:0;padding:.3rem .6rem;border-top:1px dashed #e0e0e0;border-radius:0;color:#1e3a5f}.eh-period-add-btn:hover{background:#f0f4f8}.eh-period-add-form{border-top:1px dashed #e0e0e0;padding:.5rem .6rem;background:#fafafa}.eh-period-add-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.eh-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.eh-confirm-dialog{background:#fff;border-radius:10px;padding:1.5rem;max-width:380px;width:90%;box-shadow:0 8px 32px #0000002e}.eh-confirm-msg{font-size:.95rem;color:#222;margin:0 0 1.2rem;line-height:1.5}.eh-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}