.home{width:100%;min-height:100vh;padding:2.5rem 1.5rem 6rem;box-sizing:border-box}.hero{background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:3.5rem 3rem;margin-bottom:3rem;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.06)}.hero-content{max-width:800px;margin:0 auto;text-align:center}.hero-logo{width:5.5rem;height:5.5rem;object-fit:contain;margin:0 auto 1rem;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}.hero-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),#111111);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;max-width:32rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-large{padding:1rem 2rem;font-size:1.125rem}.wallet-main{display:flex;flex-direction:column;gap:.45rem}.wallet-profile{width:48px;height:48px;border-radius:999px;object-fit:cover;box-shadow:0 6px 14px #0f172a59}.card-member-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;box-shadow:0 6px 14px #0f172a59;margin-bottom:.35rem}.card-preview-footer>div:last-child{margin-top:calc(40px + .35rem)}.wallet-amount{font-size:2.1rem;font-weight:700;letter-spacing:.02em;color:#111827}.wallet-subtitle{margin-top:.2rem;font-size:.95rem;color:#4b5563}.wallet-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.wallet-add-btn{width:2.25rem;height:2.25rem;border-radius:999px;border:none;background:radial-gradient(circle at 30% 0%,#6366f1,#a855f7);color:#f9fafb;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px #4f46e5a6}.wallet-new-card-btn{padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:#e5e7eb;font-size:.75rem;cursor:pointer}.card-section{margin:-2.5rem -1.5rem 3rem;padding:2rem 1.5rem 10rem;background-color:#7b0305;display:flex;flex-direction:column;align-items:center;gap:1rem;border-radius:0 0 40px 40px;box-shadow:0 10px 20px #0003}.card-user-header{display:flex;align-items:center;gap:1rem;width:100%;max-width:360px;margin:0 auto 1.5rem}.card-user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;background-color:#f472b6;flex-shrink:0}.card-user-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.card-user-name{font-size:1.2rem;font-weight:700;color:#fff;line-height:1.2;display:flex;align-items:center;gap:.5rem}.card-user-phone{font-size:.9rem;color:#a7d9f7;line-height:1.2}.line-badge{font-size:.6rem;font-weight:700;background:#06c755;color:#fff;padding:.2rem .45rem;border-radius:999px;letter-spacing:.08em}.card-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.card-selector-label{font-size:.875rem;font-weight:600;color:#111827}.card-selector-dropdown{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:.875rem;cursor:pointer;min-width:200px}.card-selector-dropdown:hover{border-color:#9ca3af}.card-selector-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.card-stack{position:relative;width:100%;max-width:420px;height:240px}.hero-card-section{display:flex;flex-direction:column;gap:2.75rem;align-items:center;width:100%}.card-item{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease}.card-item-current{opacity:1;transform:translateY(0) scale(1);z-index:3}.card-item-next,.card-item-prev{opacity:0;transform:translateY(0) scale(1);z-index:0}.card-item-hidden{opacity:0;transform:translateY(40px) scale(.9);pointer-events:none;z-index:0}.card-preview{width:100%;max-width:360px;aspect-ratio:16 / 10;border-radius:1.5rem;padding:1.4rem 1.6rem;background:linear-gradient(135deg,#f97373,#fb4b4b 45%,#fecaca);position:relative;color:#fff;overflow:hidden;box-shadow:0 14px 28px #0f172a59}.card-preview.card-theme-indigo,.card-preview.card-theme-amber,.card-preview.card-theme-silver{background:linear-gradient(135deg,#000 50%,#e61414 45%,#000)}.card-preview.card-tier-standard{--standard-red-color: #e61414;--card-black-left: #000000;background:linear-gradient(135deg,var(--card-black-left) 0%,var(--card-black-left) 50%,var(--standard-red-color) 45%,var(--card-black-left) 100%)}.card-preview.card-tier-standard .card-brand{background:#0f172a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}.card-preview.card-tier-gold{--gold-color: #FDED80;--card-black-left: #000000;background:linear-gradient(135deg,var(--card-black-left) 0%,var(--card-black-left) 50%,var(--gold-color) 45%,var(--card-black-left) 100%)}.card-preview.card-tier-gold .card-brand{background:#fef4a1;backdrop-filter:none;-webkit-backdrop-filter:none;color:#78350f}.card-preview.card-tier-platinum{--platinum-color: #ffffff99;--card-black-left: #000000;background:linear-gradient(135deg,var(--card-black-left) 0%,var(--card-black-left) 50%,var(--platinum-color) 45%,var(--card-black-left) 100%)}.card-preview.card-tier-platinum .card-brand{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;color:#000}.card-preview.card-tier-platinum-variant{--platinum-variant-color: #B0E3FC;--card-black-left: #000000;background:linear-gradient(135deg,var(--card-black-left) 0%,var(--card-black-left) 50%,var(--platinum-variant-color) 45%,var(--card-black-left) 100%)}.card-preview.card-tier-platinum-variant .card-brand{background:#b0e3fc;backdrop-filter:none;-webkit-backdrop-filter:none;color:#1e3a8a}.card-preview.card-tier-vip{--vip-color: #a855f7;--card-black-left: #000000;background:linear-gradient(135deg,var(--card-black-left) 0%,var(--card-black-left) 50%,var(--vip-color) 45%,var(--card-black-left) 100%)}.card-preview.card-tier-vip .card-brand{background:#fffffff8;backdrop-filter:none;-webkit-backdrop-filter:none;color:#581c87}.card-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 5% 0%,rgba(161,160,160,.7),transparent 55%),radial-gradient(circle at 100% 0%,rgba(39,39,39,.7),transparent 60%);opacity:.9;pointer-events:none}.card-preview:after{content:"";position:absolute;top:-5%;right:0%;bottom:-5%;left:0%;border-radius:1.25rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 250' preserveAspectRatio='none'><defs><linearGradient id='fade' x1='0' y1='0' x2='0' y2='1'><stop offset='0%' stop-color='%23ffffff' stop-opacity='0.2'/><stop offset='100%' stop-color='%23ffffff' stop-opacity='0'/></linearGradient></defs><g fill='none' stroke='url(%23fade)' stroke-width='3'><path d='M-60 220 Q 60 150 180 185 T 440 195'/><path d='M-60 205 Q 60 140 180 175 T 440 185'/><path d='M-60 190 Q 60 130 180 165 T 440 175'/><path d='M-60 175 Q 60 120 180 155 T 440 165'/><path d='M-60 160 Q 60 110 180 145 T 440 155'/><path d='M-60 145 Q 60 100 180 135 T 440 145'/><path d='M-60 130 Q 60 90 180 125 T 440 135'/><path d='M-60 115 Q 60 80 180 115 T 440 125'/></g></svg>");background-size:cover;opacity:.3;mix-blend-mode:screen;pointer-events:none}.card-preview-header,.card-preview-footer{position:relative;display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.card-logo{width:60px;height:auto;margin-bottom:.5rem;object-fit:contain}.card-preview-header>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.card-chip{width:44px;height:34px;border-radius:.5rem;background:linear-gradient(135deg,#ffe29f,#fecd62,#f6a623);box-shadow:0 0 0 1px #11182740,0 8px 18px #0f172a8c}.card-brand{font-weight:700;letter-spacing:.18em;font-size:.7rem;padding:.5rem;border-radius:8px;background:#0f172a73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-preview.card-tier-standard .card-brand{background:#c5c5c5;backdrop-filter:none;-webkit-backdrop-filter:none;color:#000}.card-brand-main{font-size:1.1rem;font-weight:700;letter-spacing:.12em}.card-number{position:relative;margin:1.9rem 0 1.5rem;font-size:1.18rem;letter-spacing:.18em;z-index:1}.card-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.22em;opacity:.7}.card-value{font-size:.9rem;font-weight:600;margin-top:.25rem}.card-points{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:360px;padding:.75rem 1.25rem;border-radius:2rem;background:radial-gradient(circle at 0% 0%,rgba(0,0,0,.9),transparent 60%),radial-gradient(circle at 90% 0%,rgba(206,7,7,.7),transparent 60%),linear-gradient(135deg,#020617,#020617);color:#fff;box-shadow:0 10px 22px #0f172a59}.card-points-logo{width:32px;height:32px}.card-controls{display:flex;align-items:center;gap:1.25rem;font-size:.8rem;color:var(--text-secondary)}.card-nav-button{display:none}.card-nav-button:hover{background:#0f172a;border-color:#f8fafccc;box-shadow:0 8px 18px #0f172a99;transform:translateY(-1px)}.card-nav-button:active{transform:translateY(0);box-shadow:none}.card-dots{display:flex;flex:1;justify-content:center;gap:.4rem}.card-dot{width:8px;height:8px;border-radius:999px;background:#94a3b880;border:none;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease,transform .2s ease}.card-dot-active{width:20px;background:#fbbf24;transform:translateY(-1px)}.card-status{min-width:86px;text-align:right}.points-label{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;text-align:left;color:#fff}.points-value{font-size:1.6rem;font-weight:700;text-align:right}.points-tier{font-size:.85rem;color:#9ca3af}.points-tier span{color:#fbbf24;font-weight:600}.btn-secondary{background:#111;color:#fff;border:2px solid #111111;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;transition:all .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;text-decoration:none}.features{margin-top:3.5rem;display:flex;gap:1.25rem;overflow-x:auto;padding:1rem .25rem .5rem;scrollbar-width:none}.features::-webkit-scrollbar{height:0;display:none}.features::-webkit-scrollbar-track{background:transparent}.features::-webkit-scrollbar-thumb{background:#1e40af8c;border-radius:999px}.feature-card{position:relative;min-width:240px;max-width:260px;border-radius:1.25rem;padding:1.5rem 1.4rem;text-align:left;background:radial-gradient(circle at 0% 0%,rgba(0,0,0,.9),transparent 60%),radial-gradient(circle at 120% 0%,rgba(211,194,194,.7),transparent 60%),linear-gradient(135deg,#020617,#020617);border:1px solid rgba(148,163,184,.35);color:#e5e7eb;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-icon{font-size:1.5rem;margin-bottom:1.1rem;color:#e5e7eb}.feature-card h3{font-size:1.1rem;margin-bottom:.3rem;color:#f9fafb;font-weight:600}.feature-card p{color:#9ca3af;line-height:1.5;font-size:.9rem}.expenses-section{margin-top:3.5rem;max-width:480px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.expenses-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.expenses-view-all{font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .2s}.expenses-view-all:hover{color:#111827}.expenses-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.expense-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.85rem .9rem;border-radius:1rem;background:#fff;box-shadow:0 4px 14px #0f172a14;min-height:120px}.expense-icon-wrapper{width:48px;height:48px;border-radius:999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expense-icon{font-size:1.5rem;color:#111827;display:flex;align-items:center;justify-content:center}.expense-info{flex:1}.expense-name{font-size:1rem;font-weight:500;color:#111827;align-self:center;text-align:center;width:100%;margin:.5rem 0}.expense-percentage{font-size:.875rem;color:#6b7280}.expense-amount{font-size:1rem;font-weight:600;text-align:left;margin-top:auto}.expense-amount-negative,.expense-amount-positive{color:#10b981}.claim-types-section{margin-top:3.5rem;max-width:480px;margin-left:auto;margin-right:auto;padding:1.5rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 14px #0f172a14;position:relative}.claim-types-section:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:40px;height:4px;background:#d1d5db;border-radius:999px}.claim-types-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-top:.5rem}.claim-types-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.claim-types-see-all{font-size:.875rem;color:#3b82f6;text-decoration:none;transition:color .2s}.claim-types-see-all:hover{color:#2563eb}.claim-types-list{display:flex;flex-direction:column;gap:1rem}.claim-type-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0}.claim-type-icon-wrapper{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.claim-type-icon-positive{background:#d1fae5}.claim-type-icon-negative{background:#fee2e2}.claim-type-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.claim-type-icon-positive .claim-type-icon{color:#10b981}.claim-type-icon-negative .claim-type-icon{color:#ef4444}.claim-type-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.claim-type-name{font-size:1rem;font-weight:600;color:#111827}.claim-type-subtitle{font-size:.875rem;color:#6b7280}.claim-type-amount{font-size:1rem;font-weight:600;color:#10b981;display:flex;align-items:center;gap:.25rem}.claim-type-amount-negative,.claim-type-amount-negative span,.claim-type-sign-negative{color:#ef4444}.claim-type-sign-positive{color:#10b981}@media (max-width: 768px){.hero{padding:2.25rem 1.25rem}.wallet-label{font-size:1rem}.wallet-amount{font-size:1.6rem}.wallet-subtitle{font-size:.8rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.features{grid-template-columns:1fr}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:#e0e0e0;padding:.75rem .5rem;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -2px 10px #0000001a;z-index:1000;max-width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-decoration:none;flex:1;padding:.5rem .25rem;transition:all .2s ease}.nav-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;transition:all .2s ease}.nav-icon-active{background-color:#e61414;border:2px solid #e61414;box-shadow:0 2px 8px #e614144d}.nav-icon{font-size:1.5rem;color:#6b7280;transition:color .2s ease}.nav-icon-active .nav-icon{color:#fff}.nav-label{font-size:.75rem;color:#9ca3af;font-weight:500;transition:color .2s ease}.nav-label-active{color:#111827;font-weight:600}@media (max-width: 768px){.bottom-nav{padding:.5rem .25rem}.nav-icon-wrapper{width:44px;height:44px}.nav-icon{font-size:1.25rem}.nav-label{font-size:.7rem}}.register-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;background:#fff;position:relative}.register-container{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:420px}.register-title-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;position:relative}.register-brand{font-size:1.5rem;font-weight:700;color:#000;margin:0;align-self:flex-start}.register-title{font-size:1.75rem;font-weight:700;color:#000;margin:0;align-self:flex-start}.register-logo-wrapper{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:.5rem}.register-logo{width:6rem;height:6rem;object-fit:contain}.divider{height:1px;background:#e0e0e0;margin:1.5rem 0}.create-account-prompt{font-size:.9375rem;color:#666;text-align:center;margin:0}.register-note{background:#e3f2fd;color:#1976d2;padding:.875rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1.5rem}.register-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:#000;font-size:.875rem}.input-field:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.error-message{background:#fee2e2;color:#dc2626;padding:.875rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1.5rem}.btn-register-submit{width:100%;background:linear-gradient(135deg,#f87171,#e11d48,#991b1b);color:#fff;border:none;border-radius:8px;padding:.9375rem;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:.5rem;box-shadow:0 4px 12px #e11d484d}.btn-register-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #e11d4866}.btn-register-submit:disabled{opacity:.6;cursor:not-allowed}.terms-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.terms-checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#8B4513;flex-shrink:0}.terms-checkbox:disabled{cursor:not-allowed;opacity:.6}.terms-checkbox-text{font-size:.875rem;color:#4b5563;line-height:1.5;flex:1}.terms-checkbox-text a{color:#7b0305;text-decoration:underline;cursor:pointer}.terms-checkbox-text a:hover{color:#5a0204}@media (max-width: 768px){.register-container{padding:2rem 1.5rem;border-radius:12px}.register-title{font-size:1.5rem}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:3rem 1rem 2rem;background:#fff;position:relative}.login-container{background:#fff;border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:3rem;width:100%;max-width:420px}.login-logo{width:6rem;height:6rem;object-fit:contain;margin:0 auto}.login-title{font-size:1.75rem;font-weight:700;color:#000;margin:0 0 2rem}.create-account-prompt{font-size:.9375rem;color:#666;margin:0 0 1rem}.create-account-link{color:#000;font-weight:600;text-decoration:none}.create-account-link:hover{text-decoration:underline}.btn-register{width:100%;background:transparent;color:#000;border:1px solid #000000;border-radius:8px;padding:.9375rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s;text-decoration:none;display:block;text-align:center;margin-bottom:2rem}.btn-register:hover{background:#000;color:#fff;text-decoration:none}.login-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:#666;pointer-events:none;z-index:1}.input-field{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;background:#fff;transition:border-color .2s}.input-field:focus{outline:none;border-color:#000}.password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;padding:0;color:#666;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#000}.password-toggle svg{width:20px;height:20px}.forgot-password-link{font-size:.875rem;color:#000;text-decoration:none;margin-top:-.5rem;margin-bottom:.5rem;align-self:flex-end}.forgot-password-link:hover{text-decoration:underline}.btn-login{width:100%;background:linear-gradient(135deg,#f87171,#e11d48,#991b1b);color:#fff;border:none;border-radius:8px;padding:.9375rem;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:.5rem;box-shadow:0 4px 12px #e11d484d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #e11d4866}.btn-login:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:.875rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:2rem}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider-line{flex:1;height:1px;background:#e0e0e0}.divider-text{font-size:.875rem;color:#666}.btn-social-login{width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:border-color .2s,box-shadow .2s,transform .2s;margin-bottom:2rem}.btn-social-login:hover:not(:disabled){border-color:#ccc;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.btn-social-login:disabled{opacity:.6;cursor:not-allowed}.btn-social-icon{width:20px;height:20px;flex-shrink:0}.btn-social-text{text-align:center}.btn-line .btn-social-icon{width:24px;height:24px}.terms-text{font-size:.875rem;color:#666;text-align:center;line-height:1.6;margin:0}.terms-link{color:#000;text-decoration:underline}.terms-link:hover{color:#333}.powered-by{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);text-align:center;color:#0000008c;font-size:.75rem;letter-spacing:.3px;text-transform:uppercase}@media (max-width: 768px){.login-container{padding:2rem 1.5rem;border-radius:12px}.login-title{font-size:1.5rem}}.line-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.line-callback-card{width:100%;max-width:420px;background:#fffffff2;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;text-align:center;border:1px solid rgba(255,255,255,.3)}.line-callback-title{font-size:1.25rem;font-weight:700;color:#111;margin-bottom:1rem}.line-callback-error{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.line-callback-hint{color:#6b7280;font-size:.9rem}@media (max-width: 768px){.line-callback-card{padding:2rem 1.5rem}}.dashboard{width:100%}.dashboard-title{font-size:2.5rem;font-weight:800;margin-bottom:2rem;color:#fff}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.dashboard-error{color:#fff;font-size:1.125rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg)}.card h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.user-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary)}.info-value{color:var(--text-primary);font-weight:500}.score-content{display:flex;flex-direction:column;gap:1.5rem}.score-main{display:flex;align-items:center;gap:1.5rem}.score-value{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-badge{padding:.5rem 1rem;border-radius:2rem;color:#fff;font-weight:700;font-size:.875rem}.eco-stats{display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.eco-item{display:flex;justify-content:space-between;color:var(--text-secondary)}.eco-item strong{color:var(--text-primary)}.transactions-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{padding:1rem;background:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.tx-info{display:flex;flex-direction:column;gap:.25rem}.tx-service{font-weight:600;color:var(--text-primary)}.tx-date{font-size:.875rem;color:var(--text-secondary)}.tx-score{font-weight:600;color:var(--primary-color)}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem}.view-more{text-align:center;color:var(--primary-color);font-weight:600;margin-top:1rem;cursor:pointer}.view-more:hover{text-decoration:underline}@media (max-width: 768px){.dashboard-title{font-size:2rem}.dashboard-grid{grid-template-columns:1fr}.score-value{font-size:3rem}}.user-profile-page{width:100%;min-height:100vh;padding:1.5rem 1rem 6rem;box-sizing:border-box;background-color:#1f2937;display:flex;flex-direction:column;gap:1.5rem}.user-profile-container{width:100%;max-width:600px;margin:0 auto}.user-profile-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 1.5rem;text-align:left}.user-profile-card{background-color:#222;border-radius:1rem;padding:2rem;box-shadow:0 4px 12px #0000004d}.user-profile-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #444444}.user-profile-avatar{width:80px;height:80px;border-radius:50%;background-color:#7b0305;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7b030566}.user-profile-avatar-icon{font-size:2.5rem;color:#fff}.user-profile-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-align:center}.user-profile-info{display:flex;flex-direction:column;gap:1rem}.user-profile-info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#1f2937;border-radius:.75rem;transition:background-color .2s ease}.user-profile-info-item:hover{background-color:#2d3748}.user-profile-info-icon{width:40px;height:40px;border-radius:50%;background-color:#7b0305;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;flex-shrink:0}.user-profile-info-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.user-profile-info-label{font-size:.875rem;font-weight:500;color:#9ca3af}.user-profile-info-value{font-size:1rem;font-weight:600;color:#fff}.user-profile-status{display:inline-block;padding:.375rem .875rem;border-radius:1rem;font-size:.875rem;font-weight:600;width:fit-content}.user-profile-status.active{background-color:#10b981;color:#fff}.user-profile-status.inactive{background-color:#ef4444;color:#fff}.user-profile-loading,.user-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#fff}.user-profile-loading p,.user-profile-error p{font-size:1rem;margin:0}.spinner{width:40px;height:40px;border:4px solid #444444;border-top-color:#7b0305;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.user-profile-page{padding:1rem .75rem 6rem}.user-profile-title{font-size:1.5rem}.user-profile-card{padding:1.5rem}.user-profile-avatar{width:64px;height:64px}.user-profile-avatar-icon{font-size:2rem}.user-profile-name{font-size:1.25rem}.user-profile-info-item{padding:.875rem}.user-profile-info-icon{width:36px;height:36px;font-size:1rem}.user-profile-info-label{font-size:.8rem}.user-profile-info-value{font-size:.9rem}}.user-profile-score-card{margin-top:1.5rem}.user-profile-card-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 1.5rem}.user-profile-score-details{display:flex;flex-direction:column;gap:1.5rem}.user-profile-score-summary{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem;background-color:#1f2937;border-radius:.75rem}.user-profile-score-large{font-size:3.5rem;font-weight:800;color:#7b0305;line-height:1}.user-profile-tier-badge-large{padding:.75rem 1.5rem;border-radius:2rem;color:#fff;font-weight:700;font-size:1.125rem}.user-profile-eco-details{display:flex;flex-direction:column;gap:1rem}.user-profile-eco-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .5rem}.user-profile-eco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.user-profile-eco-card{background-color:#1f2937;padding:1.25rem;border-radius:.75rem;text-align:center;transition:background-color .2s ease}.user-profile-eco-card:hover{background-color:#2d3748}.user-profile-eco-icon{font-size:2rem;margin-bottom:.5rem}.user-profile-eco-label{font-size:.875rem;color:#9ca3af;margin-bottom:.5rem;font-weight:500}.user-profile-eco-value{font-size:1.125rem;font-weight:700;color:#fff}.user-profile-last-updated{text-align:center;color:#9ca3af;padding-top:1rem;border-top:1px solid #444444;font-size:.875rem}@media (max-width: 768px){.user-profile-score-summary{flex-direction:column;gap:1rem;padding:1.25rem}.user-profile-score-large{font-size:2.5rem}.user-profile-tier-badge-large{padding:.625rem 1.25rem;font-size:1rem}.user-profile-eco-grid{grid-template-columns:1fr}.user-profile-eco-card{padding:1rem}}.point-history{width:100%;min-height:100vh;padding:2.5rem 1.5rem 3rem;box-sizing:border-box;max-width:600px;margin:0 auto}.point-history-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;align-items:flex-start}.point-history-back{font-size:1rem;color:#fff;text-decoration:none;font-weight:500;background-color:#111827;padding:.625rem 1rem;border-radius:.5rem;transition:all .2s;display:inline-block}.point-history-back:hover{background-color:#5a0204;transform:translateY(-1px);box-shadow:0 2px 8px #7b03054d}.point-history-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0;width:100%;text-align:center}.point-history-list{display:flex;flex-direction:column;gap:1rem}.point-history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 4px 14px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.point-history-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a1f}.point-history-icon-wrapper{width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.point-history-icon-positive{background:#d1fae5}.point-history-icon-negative{background:#fee2e2}.point-history-icon{font-size:1.75rem;display:flex;align-items:center;justify-content:center}.point-history-icon-positive .point-history-icon{color:#10b981}.point-history-icon-negative .point-history-icon{color:#ef4444}.point-history-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.point-history-name{font-size:1rem;font-weight:600;color:#111827}.point-history-subtitle{font-size:.875rem;color:#6b7280}.point-history-date{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.point-history-amount{font-size:1.125rem;font-weight:600;color:#10b981;display:flex;align-items:center;gap:.25rem}.point-history-amount-negative,.point-history-amount-negative span,.point-history-sign-negative{color:#ef4444}.point-history-sign-positive{color:#10b981}@media (max-width: 768px){.point-history{padding:1.5rem 1rem 2rem}.point-history-title{font-size:1.5rem}.point-history-item{padding:.875rem}.point-history-icon-wrapper{width:48px;height:48px}.point-history-icon{font-size:1.5rem}}.member-card-page{width:100%;min-height:100vh;padding:1.5rem 1rem 6rem;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;gap:1.5rem}.membership-card-container{width:100%;max-width:400px;margin:0 auto;padding:0 .5rem}.membership-card-container .hero-card-section{width:100%;display:flex;flex-direction:column;gap:2.75rem;align-items:center}.action-buttons-section{width:100%;max-width:400px;margin:0 auto;padding:0 .5rem;display:flex;flex-direction:column;gap:1rem}.btn-icon{font-size:1.25rem}.btn-point-history{width:100%;background-color:#1f2937;color:#fff;border:none;border-radius:1rem;padding:.875rem 1rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px #0003}.btn-point-history:hover{background-color:#111827;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-point-history:active{transform:translateY(0)}.membership-info-section{width:100%;max-width:400px;margin:0 auto;padding:0 .5rem}.info-section-title{font-size:1.125rem;font-weight:700;color:#000;margin-bottom:1.25rem;text-align:left}.tier-selection{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.tier-button{flex:1;min-width:80px;padding:.75rem 1rem;border:none;border-radius:2rem;background-color:#f3f4f6;color:#1f2937;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tier-button:hover{background-color:#e5e7eb}.tier-active{background-color:red;color:#fff;box-shadow:0 2px 8px #ff00004d}.tier-active:hover{background-color:#c00}.points-progress-section{background-color:#7b0305;border-radius:.75rem;padding:1rem;margin-top:1.5rem;margin-bottom:1rem}.points-display{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-align:center}.progress-bar-container{position:relative;width:100%;margin-bottom:0;display:flex;align-items:center;gap:0}.progress-bar-icon{width:36px;height:36px;background-color:#fff;border:2px solid #7B0305;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;padding:.2rem;flex-shrink:0}.progress-icon-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.progress-bar{flex:1;height:18px;background-color:#4b5563;border-radius:9px;position:relative;overflow:hidden;margin-left:-18px;padding-left:18px}.progress-bar-fill{height:100%;background-color:#10b981;border-radius:9px;transition:width .3s ease;min-width:0}.upgrade-info{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.upgrade-info-text{font-size:.875rem;color:#fff;line-height:1.5;text-align:left}.points-expiry-text{font-size:.875rem;color:#fff;line-height:1.5;text-align:left;opacity:.9}.upgrade-criteria{padding:1rem;background-color:#f9fafb;border-radius:.75rem;margin-top:1rem}.upgrade-criteria p{font-size:.875rem;color:#1f2937;line-height:1.6;margin:0;text-align:left}@media (max-width: 768px){.member-card-page{padding:1rem .75rem 6rem}.btn-point-history{width:100%}.tier-selection{gap:.5rem}.tier-button{min-width:70px;padding:.625rem .875rem;font-size:.8rem}.points-progress-section{padding:.875rem}.points-display{font-size:1rem;margin-bottom:.625rem}.progress-bar-icon{width:32px;height:32px}.progress-bar{height:16px;margin-left:-16px;padding-left:16px;border-radius:8px}.progress-bar-fill{border-radius:8px}.upgrade-info{margin-top:.625rem;gap:.4rem}.upgrade-info-text,.points-expiry-text{font-size:.8rem}}.rewards-page{width:100%;min-height:100vh;padding:1.5rem 1rem 6rem;box-sizing:border-box;background-color:#fff}.rewards-container{width:100%;max-width:600px;margin:0 auto}.rewards-category-section{margin-bottom:1.5rem}.rewards-category-label{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.75rem;text-align:left}.rewards-category-list{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:none}.rewards-category-list::-webkit-scrollbar{display:none}.rewards-category-button{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #1F2937;border-radius:.75rem;background-color:#fff;color:#1f2937;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;min-width:90px;flex-shrink:0}.rewards-category-button:active{transform:none}.rewards-category-button:hover{border-color:#7b0305;color:#7b0305}.rewards-category-active{background-color:#7b0305;border-color:#7b0305;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rewards-category-active:hover{background-color:#5a0204;border-color:#5a0204;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.rewards-category-icon{font-size:1.125rem;flex-shrink:0}.rewards-category-active .rewards-category-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.rewards-filter-section{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.rewards-filter-button{padding:.625rem 1rem;border:none;border-radius:1.5rem;background-color:#f3f4f6;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;gap:.5rem}.rewards-filter-button:active{transform:none}.rewards-filter-button:hover{background-color:#e5e7eb;color:#1f2937}.rewards-filter-active{background-color:#7b0305;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rewards-filter-active:hover{background-color:#5a0204;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.rewards-filter-arrow{font-size:.75rem;transition:transform .2s ease}.rewards-filter-arrow-open{transform:rotate(180deg)}.rewards-filter-button:last-child{margin-left:auto}.rewards-filter-active .rewards-filter-arrow{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.rewards-price-dropdown-wrapper{position:relative;margin-left:auto}.rewards-filter-dropdown-open{background-color:#7b0305;color:#fff}.rewards-price-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:#fff;border:1px solid #E5E7EB;border-radius:.75rem;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:100;overflow:hidden}.rewards-price-dropdown-item{width:100%;padding:.75rem 1rem;border:none;background-color:#fff;color:#1f2937;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease}.rewards-price-dropdown-item:hover{background-color:#f3f4f6;color:#7b0305}.rewards-price-dropdown-item-active{background-color:#7b0305;color:#fff;font-weight:600}.rewards-price-dropdown-item-active:hover{background-color:#5a0204;color:#fff}.rewards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.rewards-item{background-color:#fff;border:1px solid #E5E7EB;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;text-decoration:none;display:block;color:inherit}.rewards-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#7b0305}.rewards-item-image{width:100%;aspect-ratio:4 / 3;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.rewards-item-image img{width:100%;height:100%;object-fit:cover}.rewards-item-content{padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.rewards-item-title{font-size:1rem;font-weight:500;color:#000;line-height:1.4}.rewards-item-points{font-size:.875rem;font-weight:700;color:#7b0305}@media (max-width: 768px){.rewards-page{padding:1rem .75rem 6rem}.rewards-category-button{min-width:80px;padding:.625rem .875rem;font-size:.8rem}.rewards-category-icon{font-size:1.25rem}.rewards-filter-button{padding:.5rem .875rem;font-size:.8rem}.rewards-price-dropdown{min-width:140px}.rewards-price-dropdown-item{padding:.625rem .875rem;font-size:.8rem}.rewards-grid{gap:.75rem}.rewards-item-content{padding:.75rem}.rewards-item-title{font-size:.9rem}.rewards-item-points{font-size:.8rem}}.reward-detail-page{width:100%;min-height:100vh;background-color:#444;display:flex;flex-direction:column;padding-bottom:180px}.reward-detail-header{background-color:#222;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:10}.reward-detail-back{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:1.5rem;transition:color .2s ease}.reward-detail-back:hover{color:#7b0305}.reward-detail-back-icon{font-size:1.25rem}.reward-detail-header-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;flex:1}.reward-detail-image-section{width:100%;background-color:#fff;padding:2rem 1.5rem;display:flex;justify-content:center;align-items:center}.reward-detail-image-wrapper{position:relative;width:100%;max-width:400px;display:flex;justify-content:center;align-items:center}.reward-detail-image{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:1rem}.reward-detail-logo-overlay{position:absolute;top:1rem;right:1rem;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.reward-detail-logo{width:80px;height:auto;object-fit:contain}.reward-detail-info-section{background-color:#222;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.reward-detail-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.4}.reward-detail-description{font-size:1rem;font-weight:400;color:#fff;line-height:1.6;margin:0;opacity:.9}.reward-detail-validity{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.reward-detail-calendar-icon{font-size:1.125rem;color:#7b0305;flex-shrink:0}.reward-detail-validity-text{font-size:.875rem;font-weight:500;color:#fff;opacity:.8}.reward-detail-profile-section{position:fixed;bottom:0;left:0;right:0;background-color:#444;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:100;box-shadow:0 -2px 10px #444}.reward-detail-profile-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.reward-detail-profile-info{display:flex;align-items:center;gap:1rem}.reward-detail-profile-avatar{width:56px;height:56px;border-radius:50%;background-color:#7b0305;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-detail-profile-icon{font-size:1.5rem;color:#fff}.reward-detail-profile-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.reward-detail-profile-phone{font-size:1rem;font-weight:500;color:#fff}.reward-detail-profile-points{font-size:.875rem;font-weight:400;color:#fff;opacity:.9}.reward-detail-points-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.reward-detail-points-label{font-size:.875rem;font-weight:400;color:#fff;opacity:.8}.reward-detail-points-value{font-size:1.125rem;font-weight:700;color:#fff}.reward-detail-redeem-button{width:100%;background-color:#7b0305;color:#fff;border:none;border-radius:.75rem;padding:1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem}.reward-detail-redeem-button:hover{background-color:#5a0204}.reward-detail-redeem-button:active{transform:none}.reward-detail-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.reward-detail-popup{background-color:#fff;border-radius:1rem;width:100%;max-width:400px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.reward-detail-popup-header{background-color:#7b0305;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.reward-detail-popup-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0;flex:1}.reward-detail-popup-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.reward-detail-popup-close:hover{opacity:.8}.reward-detail-popup-close:active{transform:none}.reward-detail-popup-content{padding:1.5rem}.reward-detail-popup-message{font-size:1rem;font-weight:500;color:#1f2937;margin:0 0 1.5rem;text-align:center;line-height:1.6}.reward-detail-popup-info{display:flex;flex-direction:column;gap:.75rem;background-color:#f9fafb;padding:1rem;border-radius:.75rem;margin-bottom:1rem}.reward-detail-popup-info-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.reward-detail-popup-info-label{font-size:.875rem;font-weight:500;color:#6b7280}.reward-detail-popup-info-value{font-size:.875rem;font-weight:700;color:#7b0305}.reward-detail-popup-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem}.reward-detail-popup-cancel{flex:1;background-color:#f3f4f6;color:#1f2937;border:none;border-radius:.75rem;padding:.875rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.reward-detail-popup-cancel:hover{background-color:#e5e7eb}.reward-detail-popup-cancel:active{transform:none}.reward-detail-popup-confirm{flex:1;background-color:#0c855d;color:#fff;border:none;border-radius:.75rem;padding:.875rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.reward-detail-popup-confirm:hover{background-color:#059668e1}.reward-detail-popup-confirm:active{transform:none}@media (max-width: 768px){.reward-detail-header{padding:1rem}.reward-detail-header-title{font-size:1rem}.reward-detail-image-section{padding:1.5rem 1rem}.reward-detail-image{max-height:400px}.reward-detail-info-section{padding:1.5rem 1rem}.reward-detail-title{font-size:1.25rem}.reward-detail-description{font-size:.9rem}.reward-detail-validity-text{font-size:.8rem}.reward-detail-page{padding-bottom:160px}.reward-detail-profile-section{padding:.875rem 1rem}.reward-detail-profile-avatar{width:48px;height:48px}.reward-detail-profile-icon{font-size:1.25rem}.reward-detail-profile-phone{font-size:.9rem}.reward-detail-profile-points,.reward-detail-points-label{font-size:.8rem}.reward-detail-points-value{font-size:1rem}.reward-detail-redeem-button{padding:.875rem;font-size:.9rem}.reward-detail-popup{max-width:90%}.reward-detail-popup-header{padding:1rem}.reward-detail-popup-title{font-size:1rem}.reward-detail-popup-content{padding:1.25rem}.reward-detail-popup-message{font-size:.9rem;margin-bottom:1.25rem}.reward-detail-popup-info{padding:.875rem;gap:.625rem}.reward-detail-popup-info-label,.reward-detail-popup-info-value{font-size:.8rem}.reward-detail-popup-actions{padding:0 1.25rem 1.25rem;gap:.625rem}.reward-detail-popup-cancel,.reward-detail-popup-confirm{padding:.75rem;font-size:.9rem}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:#0a0a0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dark);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:var(--text-inverse);text-decoration:none}.logo:hover{text-decoration:none}.logo-img{width:2.5rem;height:2.5rem;object-fit:contain}.logo-text{background:linear-gradient(135deg,#ffffff,var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#ffffffd9;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary-color);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;transition:transform .2s,box-shadow .2s;border:none;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none}.btn-logout{background:transparent;color:#fff;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:background .2s}.btn-logout:hover{background:var(--error-color)}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.main-content.full-height{min-height:100vh;padding:0;max-width:100%}.footer{background:#0a0a0ae6;border-top:1px solid var(--border-dark);padding:1.5rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center;color:#fff9;font-size:.875rem}@media (max-width: 768px){.header-container{padding:1rem;flex-wrap:wrap}.nav{gap:1rem;flex-wrap:wrap}.main-content{padding:1rem}.logo-text{display:none}}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem}@media (max-width: 768px){.main-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #e11d48;--primary-dark: #991b1b;--primary-light: #f87171;--secondary-color: #111827;--success-color: #16a34a;--error-color: #dc2626;--warning-color: #f59e0b;--text-primary: #111111;--text-secondary: #4b5563;--text-inverse: #f9fafb;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e5e5e5;--bg-dark: #0b0b0b;--border-color: #e5e7eb;--border-dark: #1f1f1f;--ring-color: rgba(225, 29, 72, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .08);--shadow-md: 0 8px 16px -6px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 24px -8px rgba(0, 0, 0, .3);--shadow-xl: 0 24px 32px -12px rgba(0, 0, 0, .35)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.95),transparent 55%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.918),transparent 55%),linear-gradient(180deg,#fff,#fff 35%,#fff 65%,#ffffff2c);min-height:100vh;color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}