:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #64748b;--color-secondary-hover: #475569;--color-success: #16a34a;--color-success-light: #dcfce7;--color-error: #dc2626;--color-error-light: #fee2e2;--color-warning: #d97706;--color-warning-light: #fef3c7;--color-bg: #f8fafc;--color-bg-white: #ffffff;--color-border: #e2e8f0;--color-border-focus: #2563eb;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-light: #94a3b8;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.page-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.container{width:100%;max-width:680px;margin:0 auto;padding:1.5rem 1rem}.container--wide{max-width:1100px}.container--narrow{max-width:440px}h1{font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--color-text)}h2{font-size:1.375rem;font-weight:600;line-height:1.3;color:var(--color-text)}h3{font-size:1.125rem;font-weight:600;color:var(--color-text)}p{color:var(--color-text)}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;font-family:var(--font-sans);border:none;border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition),opacity var(--transition),transform var(--transition);white-space:nowrap;text-decoration:none;line-height:1.4}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--secondary{background-color:var(--color-secondary);color:#fff}.btn--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn--outline{background-color:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--outline:hover:not(:disabled){background-color:var(--color-primary-light)}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:#b91c1c}.btn--ghost{background-color:transparent;color:var(--color-text-muted);border:1.5px solid var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg);border-color:var(--color-secondary);color:var(--color-text)}.btn--success{background-color:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background-color:#15803d}.btn--full{width:100%}.btn--lg{padding:.75rem 1.75rem;font-size:1rem}.btn--sm{padding:.375rem .75rem;font-size:.8125rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group+.form-group{margin-top:1rem}label{font-size:.9rem;font-weight:500;color:var(--color-text)}.label-optional{font-weight:400;color:var(--color-text-muted);font-size:.8125rem;margin-left:.25rem}input[type=text],input[type=email],input[type=number],input[type=password],textarea,select{width:100%;padding:.625rem .875rem;font-size:.9375rem;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg-white);border:1.5px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color var(--transition),box-shadow var(--transition);line-height:1.5}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #2563eb1f}input[type=text]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:var(--color-text-light)}textarea{resize:vertical;min-height:80px}.input--error{border-color:var(--color-error)!important}.input--error:focus{box-shadow:0 0 0 3px #dc26261f!important}.field-error{font-size:.8125rem;color:var(--color-error)}.checkbox-group{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-primary)}.checkbox-group label{cursor:pointer;font-weight:400}.card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.card--elevated{box-shadow:var(--shadow-md)}.card__header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;line-height:1.5}.alert--error{background-color:var(--color-error-light);color:#991b1b;border:1px solid #fca5a5}.alert--success{background-color:var(--color-success-light);color:#166534;border:1px solid #86efac}.alert--warning{background-color:var(--color-warning-light);color:#92400e;border:1px solid #fcd34d}.alert--info{background-color:var(--color-primary-light);color:#1e40af;border:1px solid #93c5fd}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td{padding:.875rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#f8fafc}.badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge--active{background-color:var(--color-success-light);color:#166534}.badge--partial{background-color:var(--color-warning-light);color:#92400e}.badge--exhausted{background-color:#f1f5f9;color:var(--color-text-muted)}.badge--expired{background-color:var(--color-error-light);color:#991b1b}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem}.pagination__btn{padding:.375rem .75rem;border:1.5px solid var(--color-border);background:var(--color-bg-white);border-radius:var(--radius);font-size:.875rem;cursor:pointer;color:var(--color-text);transition:background-color var(--transition),border-color var(--transition)}.pagination__btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__info{font-size:.875rem;color:var(--color-text-muted);padding:0 .5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.125rem 1.25rem;box-shadow:var(--shadow)}.stat-card__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.375rem}.stat-card__value{font-size:1.625rem;font-weight:700;color:var(--color-text);line-height:1.2}.dashboard-header{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.dashboard-header__title{font-size:1.125rem;font-weight:700;color:var(--color-text)}.dashboard-header__actions{display:flex;align-items:center;gap:.75rem}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:1.25rem;overflow-x:auto}.tab{padding:.625rem 1.125rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color var(--transition),border-color var(--transition)}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.restaurant-header{text-align:center;padding:2rem 1rem 1.5rem}.restaurant-logo{width:80px;height:80px;object-fit:cover;border-radius:50%;margin:0 auto 1rem;border:2px solid var(--color-border)}.restaurant-name{font-size:1.5rem;font-weight:700}.amount-selector{display:flex;flex-direction:column;gap:.875rem}.amount-buttons{display:flex;flex-wrap:wrap;gap:.625rem}.amount-btn{padding:.5rem 1.125rem;border:2px solid var(--color-border);background-color:var(--color-bg-white);border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color var(--transition),background-color var(--transition),color var(--transition);color:var(--color-text)}.amount-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.amount-btn--selected{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.amount-custom{display:flex;align-items:center;gap:.5rem}.amount-custom input{max-width:160px}.amount-custom .currency{font-weight:600;color:var(--color-text-muted)}.scanner-container{display:flex;flex-direction:column;gap:1.5rem}.scanner-video-wrapper{position:relative;width:100%;max-width:400px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:1 / 1}.scanner-video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{width:65%;height:65%;border:3px solid rgba(255,255,255,.85);border-radius:var(--radius);box-shadow:0 0 0 9999px #00000073}.scanner-result{margin-top:1rem}.scanner-divider{display:flex;align-items:center;gap:1rem;color:var(--color-text-muted);font-size:.875rem}.scanner-divider:before,.scanner-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.gift-card-detail{display:flex;flex-direction:column;gap:1rem}.gift-card-detail__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.gift-card-balance{font-size:2rem;font-weight:700;color:var(--color-success)}.gift-card-balance--zero{color:var(--color-text-muted)}.transaction-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .875rem;background-color:var(--color-bg);border-radius:var(--radius);font-size:.875rem}.transaction-item__amount{font-weight:600;color:var(--color-error)}.transaction-item__date{color:var(--color-text-muted);font-size:.8125rem}.validate-form{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.validate-form .form-group{flex:1;min-width:160px;margin:0}.confirmation-icon{width:64px;height:64px;background-color:var(--color-success-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite}.spinner--dark{border-color:#0000001f;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:1rem}.privacy-content{max-width:760px;margin:0 auto;padding:2rem 1rem}.privacy-content h1{margin-bottom:.5rem}.privacy-content .subtitle{color:var(--color-text-muted);margin-bottom:2rem}.privacy-content h2{margin-top:2rem;margin-bottom:.75rem}.privacy-content p,.privacy-content li{margin-bottom:.5rem;color:var(--color-text);line-height:1.7}.privacy-content ul{padding-left:1.5rem;margin-bottom:.75rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem 1rem}@media (max-width: 480px){.info-grid{grid-template-columns:1fr}}.info-row{display:flex;flex-direction:column;gap:.125rem}.info-row__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.info-row__value{font-size:.9375rem;color:var(--color-text);font-weight:500}@media (max-width: 640px){.dashboard-header{padding:.875rem 1rem}.dashboard-header__title{font-size:1rem}h1{font-size:1.375rem}h2{font-size:1.125rem}.card{padding:1rem}}