body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#222;font-size:1.4rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#f5f5f5;color:#333}.modal-tabs{background:#f7f8fa;border-bottom:1px solid #e0e0e0;display:flex;gap:4px;padding:12px 12px 0}.tab-btn{background:#0000;border:none;border-radius:8px 8px 0 0;color:#666;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px;transition:all .2s ease}.tab-btn:hover{background:#667eea1a;color:#667eea}.tab-btn.active{background:#fff;color:#667eea}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.view-section{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;background:#f7f8fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.info-label{color:#666;font-weight:600}.info-value{color:#222;font-weight:500}.points-highlight{color:#ff9800;font-size:1.1rem;font-weight:700}.points-section{display:flex;flex-direction:column;gap:20px}.current-points{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:16px}.points-number{font-size:1.5rem}.points-input-group{margin:8px 0}.points-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1.1rem;outline:none;padding:14px;transition:all .2s ease;width:100%}.points-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.points-actions{display:flex;gap:12px}.edit-section{gap:16px}.edit-section,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#555;font-size:.9rem;font-weight:600}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;padding:12px;transition:all .2s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.delete-section{display:flex;flex-direction:column;gap:20px}.warning-box{background:#fff3e0;border:2px solid #ff9800;border-radius:12px;padding:20px;text-align:center}.warning-icon{display:block;font-size:3rem;margin-bottom:12px}.warning-box h3{color:#e65100;font-size:1.3rem;margin:0 0 12px}.warning-box p{color:#666;margin:0 0 12px}.warning-box ul{list-style:none;margin:0;padding:0;text-align:left}.warning-box li{color:#555;padding:6px 0}.btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-add{background:#4caf50;color:#fff}.btn-add:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.btn-set{background:#2196f3;color:#fff}.btn-set:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.btn-full{width:100%}@media (max-width:480px){.modal-content{border-radius:12px}.modal-tabs{flex-wrap:wrap}.tab-btn{font-size:.85rem;padding:10px 8px}.points-actions{flex-direction:column}}.add-customer-modal{max-width:550px}.add-customer-modal .modal-body{padding:24px}.add-customer-modal .form-group{margin-bottom:20px}.form-input.error{border-color:#f44336}.error-text{color:#f44336;display:block;font-size:.85rem;margin-top:4px}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;margin-top:24px;padding-top:20px}.btn-secondary{background:#f5f5f5;color:#555}.btn-secondary:hover:not(:disabled){background:#e0e0e0;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.loyalty-card-container{background:#f7f8fa;box-sizing:border-box;font-family:Inter,Arial,sans-serif;margin:0 auto;max-width:500px;min-height:100vh;padding:20px;width:100%}.loyalty-header{margin-bottom:40px;padding-top:20px;text-align:center}.loyalty-logo{height:80px;margin-bottom:16px;width:auto}.loyalty-header h1{color:#222;font-size:1.8rem;font-weight:600;margin:0}.search-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:32px 24px;text-align:center}.search-instruction{color:#666;font-size:1rem;margin-bottom:24px}.phone-form{display:flex;flex-direction:column;gap:16px}.phone-input{border:2px solid #e0e0e0;border-radius:12px;font-size:1.1rem;font-weight:500;outline:none;padding:16px;text-align:center;transition:all .2s ease}.phone-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.phone-input:disabled{background:#f5f5f5;cursor:not-allowed}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease}.search-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.search-btn:active:not(:disabled){transform:translateY(0)}.search-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{color:#e53935;font-weight:500;margin-top:16px}.card-display{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fidelity-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;color:#fff;margin-bottom:24px;padding:32px 24px}.card-header{margin-bottom:24px;text-align:center}.card-header h2{font-size:1.4rem;font-weight:700;letter-spacing:2px;margin:0 0 8px;text-transform:uppercase}.card-decoration{background:#ffffff80;border-radius:2px;height:3px;margin:0 auto;width:60px}.card-body{text-align:center}.customer-avatar-large{align-items:center;background:#fff3;border:3px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.customer-name-large{font-size:1.6rem;font-weight:700;margin:0 0 8px}.customer-alias-card{font-size:1rem;font-style:italic;margin:0 0 20px;opacity:.9}.phone-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:inline-flex;gap:8px;margin-bottom:24px;padding:12px 20px}.phone-icon{font-size:1.2rem}.phone-text{font-size:1.1rem;font-weight:600;letter-spacing:1px}.points-section{margin:32px 0}.points-circle{align-items:center;background:#fffffff2;border-radius:50%;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;height:140px;justify-content:center;margin:0 auto;width:140px}.points-value{color:#667eea;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:4px}.points-label{color:#764ba2;font-size:.85rem;font-weight:600;letter-spacing:1px}.card-footer{border-top:1px solid #ffffff4d;margin-top:24px;padding-top:20px}.customer-id{font-size:.9rem;margin:0;opacity:.8}.back-btn{background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.back-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.back-btn:active{transform:translateY(0)}@media (min-width:768px){.loyalty-card-container{padding:40px}.loyalty-logo{height:100px}.loyalty-header h1{font-size:2.2rem}.fidelity-card{padding:40px 32px}.points-circle{height:160px;width:160px}.points-value{font-size:3rem}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:420px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px;text-align:center}.login-logo{height:80px;margin-bottom:16px;width:auto}.login-header h1{color:#222;font-size:1.8rem;font-weight:700;margin:0 0 8px}.login-header p{color:#666;font-size:.95rem;margin:0}.login-form{gap:20px}.form-field,.login-form{display:flex;flex-direction:column}.form-field{gap:6px}.form-field label{color:#555;font-size:.9rem;font-weight:600}.form-field input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;outline:none;padding:14px 16px;transition:all .2s ease}.form-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field input:disabled{background:#f5f5f5;cursor:not-allowed}.error-box{background:#ffebee;border:1px solid #f44336;border-radius:8px;color:#c62828;font-size:.9rem;padding:12px;text-align:center}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{margin-top:24px;text-align:center}.toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:underline;transition:color .2s ease}.toggle-btn:hover{color:#764ba2}@media (max-width:480px){.login-box{padding:30px 24px}.login-logo{height:60px}.login-header h1{font-size:1.5rem}}.customer-list-container{background:#f7f8fa;box-sizing:border-box;font-family:Inter,Arial,sans-serif;margin:0 auto;max-width:700px;min-height:100vh;padding:16px;width:100%}@media (min-width:768px){.customer-list-container{padding:24px}}@media (min-width:1024px){.customer-list-container{max-width:900px;padding:32px}}.customer-list-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 0}.customer-list-header h1{flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.logo{height:60px;object-fit:contain;width:auto}@media (min-width:768px){.customer-list-header{padding:24px 0 16px}.customer-list-header h1{font-size:2rem}.logo{height:80px}}.add-btn{align-items:center;background:#1976d2;border:none;border-radius:50%;box-shadow:0 2px 8px #1976d24d;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.add-btn:hover{background:#1565c0;box-shadow:0 4px 12px #1976d266;transform:scale(1.05)}.add-btn:active{transform:scale(.95)}.search-bar{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 4px #00000014;display:flex;margin-bottom:20px;padding:12px 16px;transition:all .2s ease}.search-bar:focus-within{border-color:#1976d2;box-shadow:0 2px 8px #0000001f}.search-icon{color:#888;font-size:1.2rem;margin-right:8px}.search-bar input{background:#0000;border:none;font-size:1rem;outline:none;width:100%}.customer-list{display:flex;flex-direction:column;gap:16px}.customer-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 6px #0000000f;cursor:pointer;display:flex;padding:14px;transition:all .2s ease}.customer-card:hover{border-color:#e0e0e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}@media (min-width:768px){.customer-card{border-radius:16px;padding:16px}}.avatar{margin-right:14px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:1.3rem;font-weight:600;height:48px;justify-content:center;text-transform:uppercase;width:48px}@media (min-width:768px){.avatar{margin-right:16px}.avatar-circle{font-size:1.4rem;height:52px;width:52px}}.customer-info{flex:1 1}.customer-name{color:#222;font-size:1rem;font-weight:600}@media (min-width:768px){.customer-name{font-size:1.1rem}}.customer-alias a{color:#1976d2;font-size:1rem;text-decoration:none}.customer-ids{color:#888;font-size:.95rem;margin-top:2px}.customer-points{align-items:center;color:#ff9800;display:flex;font-size:.9rem;font-weight:600;gap:4px;margin-top:4px}.arrow{color:#bbb;font-size:1.5rem}.App{background:#f7f8fa;min-height:100vh;text-align:center}.app-nav{align-items:center;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-btn{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.nav-btn:hover{background:#f5f5f5;color:#333}.nav-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-info{align-items:center;display:flex;gap:12px;margin-left:auto}.admin-name{color:#555}.admin-name,.logout-btn{font-size:.9rem;font-weight:600}.logout-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease}.logout-btn:hover{background:#d32f2f;box-shadow:0 2px 8px #f443364d;transform:translateY(-1px)}@media (min-width:768px){.app-nav{padding:16px}.nav-btn{font-size:1.1rem;padding:14px 32px}.admin-name{font-size:1rem}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.116f7508.css.map*/