:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f4f6f9;--color-surface:#fff;--color-surface-soft:#f8fafc;--color-text:#172033;--color-text-strong:#101828;--color-text-muted:#667085;--color-text-light:#98a2b3;--color-border:#e1e6ed;--color-border-soft:#eaedf1;--color-primary:#172033;--color-primary-hover:#27354b;--color-gold:#b48712;--color-gold-light:#fff7df;--shadow-sm:0 2px 8px #1018280a;--shadow-md:0 8px 24px #1018280f;--shadow-lg:0 14px 35px #10182814;background:#f4f6f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);width:100%;min-height:100%}body{width:100%;min-width:320px;min-height:100vh;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}input,select,textarea{color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-light);opacity:1}h1,h2,h3,h4,h5,h6,p{margin-top:0}h1,h2,h3,h4,h5,h6{color:var(--color-text-strong);font-family:var(--font-heading)}p{color:var(--color-text-muted)}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}@media (prefers-color-scheme:dark){:root,body{color:#172033;background:#f4f6f9}}:root{color:#17202b;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f6f8;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.gym-app{background:radial-gradient(circle at 85% 0,#d9ad2b12,#0000 28%),#f4f6f8;min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#11151a;flex-direction:column;width:238px;min-height:100vh;padding:24px 15px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:11px;padding:4px 9px 25px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#e1b73d,#b98c16);border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 8px 20px #b98c1638}.sidebar-brand strong{letter-spacing:.7px;font-size:13px;display:block}.sidebar-brand span{color:#7f8792;letter-spacing:.8px;margin-top:2px;font-size:8px;display:block}.sidebar-close{display:none}.sidebar-section-label{color:#5e6671;letter-spacing:1.2px;padding:0 11px 9px;font-size:8px;font-weight:800}.sidebar-nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:#8e96a1;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;transition:all .18s;display:flex}.nav-item span{font-size:11px;font-weight:650}.nav-item:hover{color:#fff;background:#ffffff0d;transform:translate(2px)}.nav-item.active{color:#e0b83f;background:#ddb4371f}.sidebar-bottom{margin-top:auto}.sidebar-profile{width:100%;color:inherit;text-align:left;box-shadow:none;appearance:none;background:0 0;border:0;border-top:1px solid #ffffff12;border-radius:0;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 0;padding:12px 10px;font-family:inherit;display:flex}.sidebar-profile:hover,.sidebar-profile:focus,.sidebar-profile:active{color:inherit;box-shadow:none;background:0 0;outline:none}.profile-avatar{color:#e0b83f;background:#252b33;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex}.sidebar-profile strong{color:#f5f7fa;font-size:10px;display:block}.sidebar-profile span{color:#737c87;margin-top:3px;font-size:8px;display:block}.sidebar-logout:hover{color:#ff6b6b;background:#dc46461f;border-color:#dc464640}.sidebar-profile-info{align-items:center;gap:10px;min-width:0;display:flex}.profile-avatar,.top-avatar,.member-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-avatar{color:#e0b83f;background:#252b33;flex:0 0 34px;width:34px;height:34px;font-size:11px;font-weight:800}.sidebar-profile strong,.sidebar-profile span{display:block}.sidebar-profile strong{color:#f5f7fa;font-size:10px}.sidebar-profile span{color:#737c87;margin-top:3px;font-size:8px}.sidebar-logout{color:#737c87;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.sidebar-logout:hover{color:#ff6b6b;background:#dc46461f;border-color:#dc464640;transform:translateY(-1px)}.sidebar-logout:active{transform:translateY(0)}.main-content{flex:1;min-width:0}.topbar{-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e8eaed;align-items:center;gap:20px;height:76px;padding:0 34px;display:flex}.topbar-title{flex:1}.topbar-title span{color:#9199a3;font-size:9px}.topbar-title h1{letter-spacing:-.3px;margin:3px 0 0;font-size:17px;line-height:1}.topbar-actions{align-items:center;gap:10px;display:flex}.quick-checkin{color:#4d5661;background:#fff;border:1px solid #e5e7ea;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:10px;font-weight:750;transition:all .18s;display:flex}.quick-checkin:hover{color:#9b7300;border-color:#d9b34a;transform:translateY(-1px)}.top-avatar{color:#e0b83f;background:#17202b;border:0;width:38px;height:38px;font-size:11px;font-weight:850}.mobile-menu{display:none}.page-container{width:min(100%,1240px);margin:0 auto;padding:31px 34px 55px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.eyebrow{color:#ae8314;letter-spacing:1.1px;align-items:center;gap:5px;font-size:8px;font-weight:850;display:flex}.welcome-row h2{letter-spacing:-.8px;margin:7px 0 5px;font-size:25px}.welcome-row h2 span{font-size:21px}.welcome-row p{color:#858e99;margin:0;font-size:10px}.add-member-button{color:#fff;background:#17202b;border:0;border-radius:11px;align-items:center;gap:8px;height:42px;padding:0 15px;font-size:10px;font-weight:750;transition:all .18s;display:flex;box-shadow:0 8px 18px #17202b1f}.add-member-button:hover{transform:translateY(-2px);box-shadow:0 11px 22px #17202b2b}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px;display:grid}.stat-card{background:#fff;border:1px solid #e7e9ec;border-radius:16px;min-height:154px;padding:17px;transition:all .2s;animation:.45s both cardIn;position:relative;overflow:hidden;box-shadow:0 5px 20px #19202d09}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #19202d12}.stat-card:after{content:"";background:#d9ad2b0f;border-radius:50%;width:85px;height:85px;position:absolute;bottom:-45px;right:-45px}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:11px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.stat-gold .stat-icon{color:#b18412;background:#fff7dc}.stat-green .stat-icon{color:#15956b;background:#eaf8f2}.stat-orange .stat-icon{color:#d87b21;background:#fff2e6}.stat-blue .stat-icon{color:#477cc5;background:#edf4ff}.stat-arrow{color:#b5bbc3}.stat-label{color:#858e98;margin-top:17px;font-size:9px;display:block}.stat-card strong{color:#17202b;letter-spacing:-.5px;margin-top:4px;font-size:22px;display:block}.stat-card small{color:#a0a6ae;margin-top:5px;font-size:8px;display:block}.dashboard-grid,.lower-grid{gap:13px;display:grid}.dashboard-grid{grid-template-columns:1.55fr 1fr;margin-bottom:13px}.lower-grid{grid-template-columns:1.55fr 1fr}.dashboard-card{background:#fff;border:1px solid #e7e9ec;border-radius:16px;min-width:0;padding:20px;animation:.5s .18s both cardIn;box-shadow:0 5px 20px #19202d09}.card-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.card-kicker{color:#a58224;letter-spacing:1.1px;font-size:7px;font-weight:850}.card-heading h3{letter-spacing:-.2px;margin:5px 0 0;font-size:14px}.period-button{color:#737b85;background:#fafbfc;border:1px solid #e8eaed;border-radius:8px;align-items:center;gap:4px;height:30px;padding:0 9px;font-size:8px;display:flex}.chart-summary{align-items:baseline;gap:7px;margin-top:20px;display:flex}.chart-summary strong{font-size:24px}.chart-summary span{color:#999fa7;font-size:8px}.chart-summary b{color:#15956b;margin-left:auto;font-size:8px}.activity-chart{height:180px;margin-top:9px;position:relative}.chart-grid-line{border-top:1px dashed #edf0f2;position:absolute;left:0;right:0}.line-one{top:20%}.line-two{top:50%}.line-three{top:80%}.chart-bars{z-index:1;justify-content:space-around;align-items:flex-end;gap:14px;height:100%;padding:0 10px 20px;display:flex;position:relative}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.activity-bar{background:linear-gradient(#dfb83f,#bd901b);border-radius:7px 7px 3px 3px;width:min(32px,55%);min-height:14px;transition:height .5s,filter .2s;box-shadow:0 5px 13px #be911b26}.bar-column:hover .activity-bar{filter:brightness(1.08)}.bar-column span{color:#9da4ad;font-size:8px}.live-badge{color:#168a64;background:#eaf8f2;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:7px;font-weight:850;display:flex}.live-badge span{background:#22b77f;border-radius:50%;width:5px;height:5px;animation:1.7s infinite pulse;box-shadow:0 0 0 4px #22b77f17}.attendance-main{align-items:center;gap:22px;margin:24px 0 20px;display:flex}.attendance-ring{background:radial-gradient(circle, #fff 56%, transparent 57%), conic-gradient(#d8b03c 0 68%, #f1f2f4 68% 100%);border-radius:50%;flex:0 0 132px;justify-content:center;align-items:center;width:132px;height:132px;display:flex}.attendance-ring>div{text-align:center}.attendance-ring strong{font-size:27px;display:block}.attendance-ring span{color:#929aa4;font-size:8px}.attendance-info{flex:1;gap:12px;display:grid}.attendance-info div{flex-direction:column;display:flex}.attendance-info span{color:#999fa8;font-size:8px}.attendance-info strong{margin-top:3px;font-size:10px}.outline-button{color:#555e69;background:#fff;border:1px solid #e4e7ea;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;font-size:9px;font-weight:750;transition:all .18s;display:flex}.outline-button:hover{color:#9a7300;background:#fffdf7;border-color:#d9b34a}.text-button{color:#a17a13;background:0 0;border:0;align-items:center;gap:3px;padding:2px;font-size:8px;font-weight:750;display:flex}.class-list{margin-top:17px}.class-row{border-top:1px solid #f0f1f3;grid-template-columns:75px 1fr auto;align-items:center;gap:13px;padding:13px 0;transition:all .18s;display:grid}.class-row:first-child{border-top:0}.class-row:hover{transform:translate(3px)}.class-time{color:#a17a13;align-items:center;gap:6px;display:flex}.class-time strong{font-size:11px}.class-detail>strong{font-size:10px;display:block}.class-detail>span{color:#9ca3ac;margin-top:3px;font-size:8px;display:block}.class-progress{align-items:center;gap:8px;margin-top:7px;display:flex}.class-progress>div{background:#eef0f2;border-radius:5px;width:90px;height:4px;overflow:hidden}.class-progress>div>span{border-radius:inherit;background:#d8b13b;height:100%;display:block}.class-progress small{color:#9da4ad;font-size:7px}.class-status{color:#258566;background:#f1f8f5;border-radius:6px;padding:5px 7px;font-size:7px;font-weight:750}.warning-count{color:#bd8212;background:#fff5df;border-radius:8px;justify-content:center;align-items:center;min-width:27px;height:27px;font-size:9px;font-weight:850;display:flex}.card-description{color:#969da6;margin:10px 0 14px;font-size:8px;line-height:1.5}.expiring-list{display:grid}.expiring-member{text-align:left;background:0 0;border:0;border-top:1px solid #f0f1f3;align-items:center;gap:9px;width:100%;padding:10px 0;display:flex}.member-avatar{color:#a17a13;background:#f4f0e3;flex:0 0 34px;width:34px;height:34px;font-size:10px;font-weight:850}.member-info{flex:1;min-width:0}.member-info strong,.member-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-info strong{font-size:9px}.member-info span{color:#9ca3ac;margin-top:2px;font-size:7px}.expiry-days{text-align:right}.expiry-days small{color:#a4aab2;font-size:6px;display:block}.expiry-days strong{color:#c58316;margin-top:2px;font-size:8px;display:block}.expiring-member>svg{color:#c0c5cb}.warning-outline{margin-top:10px}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.mobile-bottom-nav,.sidebar-overlay{display:none}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=760px){.gym-app{display:block}.sidebar{width:255px;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:15px 0 40px #00000029}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{color:#9ba2aa;background:#20262d;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:flex}.sidebar-overlay{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0d1173;border:0;display:block;position:fixed;inset:0}.mobile-menu{color:#3c4651;background:#fff;border:1px solid #e5e7ea;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.topbar{gap:10px;height:68px;padding:0 15px}.topbar-title span{font-size:8px}.topbar-title h1{font-size:15px}.quick-checkin{justify-content:center;width:38px;padding:0}.quick-checkin span{display:none}.page-container{padding:23px 15px 95px}.welcome-row{flex-direction:column;align-items:flex-start;margin-bottom:18px}.welcome-row h2{font-size:22px}.add-member-button{justify-content:center;width:100%}.stats-grid{gap:9px}.stat-card{min-height:140px;padding:14px}.stat-card strong{font-size:20px}.dashboard-card{border-radius:15px;padding:16px}.attendance-main{gap:16px}.attendance-ring{flex-basis:112px;width:112px;height:112px}.attendance-ring strong{font-size:23px}.class-row{grid-template-columns:65px 1fr}.class-status{display:none}.mobile-bottom-nav{z-index:30;-webkit-backdrop-filter:blur(15px);background:#fffffff0;border:1px solid #ffffffe6;border-radius:18px;grid-template-columns:repeat(5,1fr);height:66px;padding:5px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 12px 35px #19202d24}.mobile-bottom-nav button{color:#9ba2ac;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:all .18s;display:flex}.mobile-bottom-nav button span{font-size:7px;font-weight:750}.mobile-bottom-nav button.active{color:#bd8f15;background:#fff7dc}}@media (width<=390px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:130px}.stat-card strong{font-size:18px}.attendance-main{flex-direction:column;align-items:flex-start}.attendance-ring{align-self:center}.attendance-info{grid-template-columns:repeat(3,1fr);width:100%}.activity-chart{height:155px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.member-page{z-index:50;background:radial-gradient(circle at 90% 0,#d9ad2b14,#0000 28%),#f4f6f8;position:fixed;inset:0;overflow-y:auto}.member-topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;border-bottom:1px solid #e7e9ec;align-items:center;gap:14px;height:76px;padding:0 34px;display:flex}.member-back{color:#4d5661;background:#fff;border:1px solid #e5e7ea;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.member-topbar>div{flex:1}.member-topbar span{color:#a27a15;letter-spacing:1.1px;font-size:7px;font-weight:850}.member-topbar h1{margin:3px 0 0;font-size:18px}.member-add-button{color:#fff;background:#17202b;border:0;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:9px;font-weight:750;display:flex;box-shadow:0 8px 18px #17202b21}.member-content{width:min(100%,1180px);margin:auto;padding:28px 34px 50px}.member-overview{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px;display:grid}.member-overview>div{background:#fff;border:1px solid #e7e9ec;border-radius:15px;padding:17px;box-shadow:0 5px 20px #19202d09}.member-overview span{color:#9098a2;font-size:8px;display:block}.member-overview strong{margin-top:7px;font-size:23px;display:block}.member-list-card{background:#fff;border:1px solid #e7e9ec;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #19202d09}.member-list-header{border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.member-kicker{color:#a27a15;letter-spacing:1px;font-size:7px;font-weight:850}.member-list-header h2{margin:5px 0 0;font-size:14px}.member-search{color:#9aa1aa;border:1px solid #e4e7ea;border-radius:9px;align-items:center;gap:7px;width:220px;height:37px;padding:0 10px;display:flex}.member-search input{background:0 0;border:0;outline:0;width:100%;font-size:9px}.member-list{padding:0 20px}.member-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f1f3;grid-template-columns:38px 1fr 130px 90px 25px;align-items:center;gap:12px;width:100%;min-height:72px;transition:all .18s;display:grid}.member-row:last-child{border-bottom:0}.member-row:hover{transform:translate(3px)}.member-photo{color:#a47b12;background:#f5edcf;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:850;display:flex}.member-main strong,.member-main span,.member-contact span,.member-contact small{display:block}.member-main strong{font-size:10px}.member-main span,.member-contact span{color:#929aa4;margin-top:3px;font-size:8px}.member-contact small{color:#a5abb2;margin-top:3px;font-size:7px}.member-status{border-radius:6px;width:max-content;padding:5px 7px;font-size:7px;font-weight:800}.member-status.aktif{color:#168b65;background:#eaf8f2}.member-status.akan-expired{color:#b77b10;background:#fff4df}.member-status.expired{color:#c04d54;background:#fcebec}.member-qr-icon{color:#a4abb4}.member-empty{color:#a0a7af;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px;display:flex}.member-empty strong{color:#626b76;font-size:10px}.member-empty span{font-size:8px}.member-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c10158f;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.member-modal{background:#fff;border-radius:18px;width:min(100%,460px);max-height:calc(100vh - 40px);padding:21px;animation:.22s memberModalIn;overflow-y:auto;box-shadow:0 25px 70px #0003}.member-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.member-modal-header span{color:#a27a15;letter-spacing:1px;font-size:7px;font-weight:850}.member-modal-header h2{margin:4px 0 0;font-size:17px}.member-modal-header button,.qr-close{color:#69727c;background:#f4f5f6;border:0;border-radius:9px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.member-modal form{gap:13px;display:grid}.member-modal label{gap:6px;display:grid}.member-modal label>span{color:#66707b;font-size:8px;font-weight:750}.member-input{color:#9aa1a9;background:#fafbfc;border:1px solid #e1e4e8;border-radius:10px;align-items:center;gap:8px;height:43px;padding:0 11px;transition:all .18s;display:flex}.member-input:focus-within{background:#fff;border-color:#d5ad32;box-shadow:0 0 0 3px #d9ad2b17}.member-input input,.member-input select{color:#303945;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:9px}.member-date-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.member-submit{color:#fff;background:linear-gradient(135deg,#dfb83f,#bb8d19);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:45px;margin-top:5px;font-size:10px;font-weight:800;display:flex;box-shadow:0 8px 18px #be911b33}.qr-member-card{text-align:center;background:#fff;border-radius:22px;width:min(100%,350px);padding:23px;animation:.22s memberModalIn;position:relative;box-shadow:0 25px 70px #0000003d}.qr-close{position:absolute;top:14px;right:14px}.qr-brand{justify-content:center;align-items:center;gap:9px;margin-bottom:17px;display:flex}.qr-brand-icon{color:#e0b83f;background:#17202b;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.qr-brand strong,.qr-brand span{text-align:left;display:block}.qr-brand strong{letter-spacing:.8px;font-size:11px}.qr-brand span{color:#a0a6ad;letter-spacing:.8px;margin-top:2px;font-size:6px}.qr-member-photo{color:#a47b12;background:#f5edcf;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:auto;font-size:15px;font-weight:850;display:flex}.qr-member-card h2{margin:9px 0 2px;font-size:15px}.qr-member-id{color:#9aa1a9;font-size:8px}.member-qr-image{width:180px;height:180px;margin:15px auto;display:block}.qr-loading{color:#929aa4;background:#f5f6f7;justify-content:center;align-items:center;width:180px;height:180px;margin:15px auto;font-size:8px;display:flex}.qr-member-package{background:#f8f5e9;border-radius:10px;padding:11px}.qr-member-package span{color:#9f7a1d;letter-spacing:1px;font-size:6px;font-weight:850;display:block}.qr-member-package strong{margin-top:4px;font-size:10px;display:block}.qr-member-valid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.qr-member-valid div{border:1px solid #edf0f2;border-radius:9px;padding:8px}.qr-member-valid span,.qr-member-valid strong{display:block}.qr-member-valid span{color:#9ba2aa;font-size:6px}.qr-member-valid strong{margin-top:3px;font-size:8px}.qr-instruction{color:#818993;justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:7px;display:flex}.qr-instruction svg{color:#1a9b6e}@keyframes memberModalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.member-topbar{height:68px;padding:0 15px}.member-content{padding:20px 15px 35px}.member-add-button{justify-content:center;width:40px;padding:0}.member-add-button span{display:none}.member-overview{grid-template-columns:1fr 1fr}.member-list-header{flex-direction:column;align-items:stretch}.member-search{width:100%}.member-list{padding:0 14px}.member-row{grid-template-columns:38px 1fr 25px;gap:10px;padding:10px 0}.member-contact,.member-status{display:none}.member-date-grid{grid-template-columns:1fr}.member-modal-backdrop{align-items:flex-end;padding:0}.member-modal,.qr-member-card{border-radius:20px 20px 0 0;width:100%}}.checkin-page{z-index:50;background:radial-gradient(circle at 85% 0,#d9ad2b17,#0000 30%),#f4f6f8;position:fixed;inset:0;overflow-y:auto}.checkin-topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;border-bottom:1px solid #e7e9ec;align-items:center;gap:14px;height:76px;padding:0 34px;display:flex}.checkin-back{color:#4d5661;background:#fff;border:1px solid #e5e7ea;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.checkin-topbar span{color:#a27a15;letter-spacing:1.1px;font-size:7px;font-weight:850}.checkin-topbar h1{margin:3px 0 0;font-size:18px}.checkin-content{width:min(100%,920px);margin:auto;padding:28px 25px 55px}.checkin-hero{align-items:center;gap:14px;margin-bottom:16px;display:flex}.checkin-hero-icon{color:#dfb83f;background:#17202b;border-radius:14px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 8px 20px #17202b21}.checkin-hero span{color:#a27a15;letter-spacing:1px;font-size:7px;font-weight:850}.checkin-hero h2{margin:4px 0 3px;font-size:19px}.checkin-hero p{color:#8e969f;margin:0;font-size:9px}.scanner-card{background:#fff;border:1px solid #e6e8eb;border-radius:18px;padding:20px;box-shadow:0 8px 28px #19202d0d}.scanner-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.checkin-kicker{color:#a27a15;letter-spacing:1px;font-size:7px;font-weight:850}.scanner-heading h2{margin:5px 0 0;font-size:14px}.scanner-live{color:#168b65;background:#eaf8f2;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:850;display:flex}.scanner-live span{background:#20ad78;border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse}.scanner-container{background:#10151b;border-radius:15px;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}#qr-reader{width:100%;max-width:520px}#qr-reader video{border-radius:12px;width:100%!important}#qr-reader__scan_region{min-height:300px}#qr-reader__dashboard{padding:10px!important}#qr-reader__dashboard button{color:#fff;background:#dfb83f;border:0;border-radius:8px;min-height:34px;padding:0 12px;font-size:9px;font-weight:750}#qr-reader__dashboard select{border:1px solid #ddd;border-radius:8px;min-height:34px;font-size:9px}.scanner-placeholder{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.scanner-placeholder-icon{color:#dfb83f;background:#ffffff14;border-radius:17px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:14px;display:flex}.scanner-placeholder strong{font-size:13px}.scanner-placeholder>span{color:#9ba3ad;max-width:300px;margin-top:6px;font-size:8px;line-height:1.6}.start-scan-button{color:#fff;background:linear-gradient(135deg,#dfb83f,#bb8d19);border:0;border-radius:10px;align-items:center;gap:7px;height:42px;margin-top:17px;padding:0 15px;font-size:9px;font-weight:800;display:flex;box-shadow:0 8px 20px #be911b33}.scanner-error{color:#bd5158;background:#fff0f0;border-radius:9px;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;font-size:8px;display:flex}.scanner-tips{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;display:grid}.scanner-tips>div{color:#8b939d;background:#f7f8f9;border-radius:9px;align-items:center;gap:7px;padding:10px;display:flex}.scanner-tips svg{color:#b38a18;flex:none}.scanner-tips span{font-size:7px;line-height:1.4}.checkin-success{text-align:center;background:#fff;border:1px solid #e5e9e7;border-radius:20px;padding:30px 25px;animation:.25s memberModalIn;box-shadow:0 10px 35px #19202d0f}.success-icon{color:#15956b;background:#eaf8f2;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 10px;display:flex;box-shadow:0 0 0 9px #15956b0f}.success-label{color:#15956b;letter-spacing:1.2px;font-size:8px;font-weight:850}.success-avatar{color:#a47b12;background:#f5edcf;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:17px auto 8px;font-size:18px;font-weight:850;display:flex}.checkin-success h2{margin:0;font-size:19px}.success-id{color:#9aa1a9;font-size:8px}.success-details{text-align:left;grid-template-columns:1fr 1fr;gap:9px;width:min(100%,560px);margin:20px auto;display:grid}.success-details>div{background:#fafbfc;border:1px solid #edf0f2;border-radius:10px;padding:12px}.success-details span{color:#9ca3ac;font-size:7px;display:block}.success-details strong{align-items:center;gap:5px;margin-top:4px;font-size:9px;display:flex}.active-status{color:#168b65}.success-actions{justify-content:center;gap:8px;display:flex}.scan-again-button,.back-dashboard-button{border-radius:9px;height:40px;padding:0 14px;font-size:8px;font-weight:750}.scan-again-button{color:#fff;background:#17202b;border:0;align-items:center;gap:6px;display:flex}.back-dashboard-button{color:#626b75;background:#fff;border:1px solid #e1e4e8}.checkin-info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}.checkin-info-grid>div{background:#fff;border:1px solid #e7e9ec;border-radius:13px;grid-template-columns:38px 1fr;column-gap:9px;padding:14px;display:grid}.info-icon{color:#a47b12;background:#fff7dc;border-radius:10px;grid-row:span 2;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.checkin-info-grid strong{align-self:end;font-size:8px}.checkin-info-grid span{color:#929aa3;align-self:start;margin-top:3px;font-size:7px;line-height:1.4}@media (width<=760px){.checkin-topbar{height:68px;padding:0 15px}.checkin-content{padding:20px 15px 35px}.checkin-hero{align-items:flex-start}.checkin-hero h2{font-size:17px}.scanner-card{padding:14px}.scanner-container{min-height:330px}.scanner-tips,.success-details{grid-template-columns:1fr}.success-actions{flex-direction:column}.scan-again-button,.back-dashboard-button{justify-content:center;width:100%}.checkin-info-grid{grid-template-columns:1fr}}.member-checkin-history{text-align:left;border-top:1px solid #e8ebef;width:100%;margin-top:22px;padding-top:20px}.member-history-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.member-history-heading>div{flex-direction:column;gap:4px;display:flex}.member-history-heading span:first-child{letter-spacing:1.5px;color:#b28a18;font-size:9px;font-weight:800}.member-history-heading strong{color:#18212b;font-size:15px;font-weight:700}.member-history-count{color:#a77d10;background:#f8f1dc;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.member-history-list{flex-direction:column;gap:7px;max-height:230px;padding-right:3px;display:flex;overflow-y:auto}.member-history-row{background:#fafbfc;border:1px solid #edf0f3;border-radius:11px;align-items:center;gap:11px;min-height:52px;padding:8px 10px;display:flex}.member-history-icon{color:#b28a18;background:#f8f1dc;border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.member-history-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.member-history-main strong{color:#202936;font-size:12px;font-weight:700;line-height:1.2}.member-history-main span{color:#98a1ad;font-size:10px;line-height:1.2}.member-history-row time{color:#4c5663;flex:none;font-size:11px;font-weight:700}.member-history-empty{text-align:center;color:#98a1ad;border:1px dashed #dfe4e9;border-radius:11px;padding:18px 12px;font-size:11px}.member-history-list::-webkit-scrollbar{width:4px}.member-history-list::-webkit-scrollbar-track{background:0 0}.member-history-list::-webkit-scrollbar-thumb{background:#d9dee4;border-radius:999px}.payment-page{color:#172033;background:#f4f6f9;width:100%;min-height:100vh}.payment-back{color:#344054;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;transition:all .2s;display:grid}.payment-back:hover{background:#f8fafc;border-color:#c9d1dc}.payment-topbar h1{color:#172033;letter-spacing:-.035em;margin:0;font-size:27px;font-weight:800;line-height:1.2}.payment-content{width:100%;max-width:1500px;margin:0 auto;padding:30px 36px 60px}.payment-summary-card{background:#fff;border:1px solid #e1e6ed;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:155px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #1018280d}.payment-summary-card:after{content:"";pointer-events:none;background:#ffffff73;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:-35px}.payment-summary-card:first-child{background:linear-gradient(135deg,#fff7df 0%,#f6d777 100%);border-color:#ead28b}.payment-summary-card:nth-child(2){background:linear-gradient(135deg,#e7f9f1 0%,#8cddb8 100%);border-color:#b4e6ce}.payment-summary-card:nth-child(3){background:linear-gradient(135deg,#eaf1ff 0%,#9bbcf2 100%);border-color:#bfd2f2}.payment-summary-icon{z-index:1;background:#ffffffb8;border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid;position:relative}.payment-summary-icon.gold{color:#ae7900}.payment-summary-icon.green{color:#008c60}.payment-summary-icon.blue{color:#2868ca}.payment-summary-card>span{z-index:1;color:#475467;font-size:12px;font-weight:650;position:relative}.payment-summary-card>strong{z-index:1;color:#172033;letter-spacing:-.035em;margin-top:5px;font-size:25px;font-weight:850;line-height:1.2;position:relative}.payment-summary-card>small{z-index:1;color:#667085;margin-top:6px;font-size:10px;position:relative}.payment-form-card,.payment-list-card{background:#fff;border:1px solid #e0e5eb;border-radius:19px;min-width:0;padding:27px;box-shadow:0 7px 24px #1018280b}.payment-card-heading,.payment-list-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;display:flex}.payment-card-heading>div,.payment-list-heading>div{flex-direction:column;gap:5px;display:flex}.payment-card-heading>div>span,.payment-list-heading>div>span{color:#b27d00;letter-spacing:.18em;font-size:10px;font-weight:800}.payment-card-heading h2,.payment-list-heading h2{color:#172033;letter-spacing:-.025em;margin:0;font-size:19px;font-weight:800;line-height:1.25}.payment-form-card form{flex-direction:column;gap:17px;display:flex}.payment-form-card label,.payment-method-label{flex-direction:column;gap:7px;display:flex}.payment-form-card label>span,.payment-method-label>span{color:#344054;font-size:11px;font-weight:750}.payment-input{color:#7b8797;background:#fff;border:1px solid #d7dee7;border-radius:11px;align-items:center;gap:10px;min-height:49px;padding:0 13px;transition:all .2s;display:flex}.payment-input:focus-within{border-color:#d0a42b;box-shadow:0 0 0 3px #d0a42b1c}.payment-input svg{color:#7b8797;flex:none}.payment-input input,.payment-input select,.payment-input textarea{color:#172033;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.payment-input input::placeholder,.payment-input textarea::placeholder{color:#98a2b3;opacity:1}.payment-method{color:#667085;cursor:pointer;background:#fff;border:1px solid #d7dee7;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:62px;transition:all .2s;display:flex}.payment-method svg{color:#7b8797}.payment-method span{color:#667085;font-size:11px;font-weight:750}.payment-method:hover{background:#fffaf0;border-color:#d6af43}.payment-method.active{background:#fff7df;border-color:#d0a42b;box-shadow:inset 0 0 0 1px #d0a42b26}.payment-method.active svg,.payment-method.active span{color:#916b00}.payment-date-grid{grid-template-columns:1fr;display:grid}.payment-submit{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:50px;margin-top:2px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.payment-submit svg{color:#fff}.payment-submit:hover:not(:disabled){background:#27354b;transform:translateY(-1px);box-shadow:0 7px 16px #17203324}.payment-submit:disabled{opacity:.6;cursor:wait}.payment-search{color:#7b8797;background:#f9fafb;border:1px solid #d8dfe7;border-radius:10px;align-items:center;gap:8px;width:235px;min-height:40px;padding:0 11px;display:flex}.payment-search svg{color:#7b8797;flex:none}.payment-search input{color:#172033;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.payment-search input::placeholder{color:#98a2b3;opacity:1}.payment-list{flex-direction:column;gap:9px;display:flex}.payment-row{background:#fbfcfd;border:1px solid #e5e9ee;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:72px;padding:12px 13px;transition:all .2s;display:grid}.payment-row:hover{background:#fffdf7;border-color:#dfc46e}.payment-row-icon{color:#078d64;background:#e5f7ef;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.payment-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.payment-row-main strong{color:#172033;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.payment-row-main span{color:#7b8797;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.payment-row-method{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.payment-row-method>span{color:#475467;font-size:11px;font-weight:700}.payment-row-method small{color:#98a2b3;font-size:10px}.payment-row-amount{color:#172033;text-align:right;min-width:110px;font-size:13px;font-weight:850}.payment-empty{color:#667085;text-align:center;background:#fbfcfd;border:1px dashed #d7dee7;border-radius:13px;place-items:center;min-height:220px;padding:20px;font-size:13px;display:grid}.payment-empty p,.payment-empty span{color:#667085}@media (width<=1080px){.payment-main-grid{grid-template-columns:1fr}}@media (width<=800px){.payment-content{padding:24px 20px 45px}.payment-summary-grid{grid-template-columns:1fr}.payment-form-card,.payment-list-card{padding:21px}.payment-list-heading{flex-direction:column;align-items:flex-start}.payment-search{width:100%}}@media (width<=600px){.payment-topbar{padding:16px 18px}.payment-topbar h1{font-size:24px}.payment-content{padding:20px 15px 40px}.payment-method-grid{grid-template-columns:1fr}.payment-row{grid-template-columns:40px minmax(0,1fr)}.payment-row-method,.payment-row-amount{text-align:left;grid-column:2;align-items:flex-start}.payment-row-amount{min-width:0}}.report-page{color:#17202d;background:#f6f7f9;min-height:100%}.report-topbar{background:#fff;border-bottom:1px solid #e5e8ed;align-items:center;gap:24px;min-height:104px;padding:0 40px;display:flex}.report-back{color:#17202d;cursor:pointer;background:#fff;border:1px solid #dce1e8;border-radius:13px;place-items:center;width:46px;height:46px;transition:all .2s;display:grid}.report-back:hover{color:#b88600;background:#f8f3e3;border-color:#d7a927}.report-topbar>div{flex-direction:column;gap:4px;display:flex}.report-topbar span{color:#b88600;letter-spacing:2.5px;font-size:11px;font-weight:800}.report-topbar h1{color:#18212d;margin:0;font-size:27px;font-weight:750;line-height:1.1}.report-content{max-width:1500px;margin:0 auto;padding:36px 40px 60px}.report-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.report-kicker{color:#b88600;letter-spacing:2px;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.report-intro h2{color:#18212d;margin:0 0 7px;font-size:25px;font-weight:750}.report-intro p{color:#7d8998;margin:0;font-size:13px}.report-period{background:#fff;border:1px solid #e0e4ea;border-radius:12px;padding:4px;display:flex;box-shadow:0 4px 14px #141e2d0a}.report-period button{color:#748092;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:82px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:650;transition:all .2s}.report-period button:hover{color:#17202d}.report-period button.active{color:#fff;background:#dcae2d;box-shadow:0 4px 10px #c99a1d38}.report-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.report-summary-card{background:#fff;border:1px solid #e1e5ea;border-radius:18px;min-height:165px;padding:24px;position:relative;overflow:hidden;box-shadow:0 7px 24px #18212d0b}.report-summary-card:after{content:"";background:#faf6e9;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-38px;right:-25px}.report-summary-icon{z-index:1;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:20px;display:grid;position:relative}.report-summary-card.gold .report-summary-icon{color:#c79313;background:#fff4d6}.report-summary-card.green .report-summary-icon{color:#18a66b;background:#e5f7ef}.report-summary-card.blue .report-summary-icon{color:#3979db;background:#eaf1ff}.report-summary-card.orange .report-summary-icon{color:#e97920;background:#fff0e5}.report-summary-card>span{color:#7d8998;margin-bottom:7px;font-size:12px;display:block}.report-summary-card>strong{color:#18212d;font-size:25px;font-weight:760;line-height:1.15;display:block}.report-summary-card>small{color:#a0a9b5;margin-top:8px;font-size:11px;display:block}.report-insight-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;display:grid}.report-card{background:#fff;border:1px solid #e1e5ea;border-radius:18px;box-shadow:0 7px 24px #18212d0b}.report-insight-grid .report-card{min-height:390px;padding:26px}.report-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.report-card-heading>div{flex-direction:column;gap:7px;display:flex}.report-card-heading span{color:#b88600;letter-spacing:2px;font-size:10px;font-weight:800}.report-card-heading h3{color:#18212d;margin:0;font-size:18px;font-weight:750}.report-card-heading>svg{color:#aeb7c2}.report-chart{border-bottom:1px solid #edf0f3;align-items:stretch;gap:12px;height:270px;padding:10px 4px 0;display:flex;overflow-x:auto}.report-bar-column{flex-direction:column;flex:1 0 42px;justify-content:flex-end;align-items:center;min-width:42px;height:100%;display:flex}.report-bar-value{color:#9b7411;white-space:nowrap;min-height:20px;margin-bottom:7px;font-size:9px;font-weight:700}.report-bar-track{background:#f1f3f5;border-radius:9px 9px 4px 4px;align-items:flex-end;width:30px;height:205px;display:flex;overflow:hidden}.report-bar{background:linear-gradient(#e6bb42 0%,#c99a1d 100%);border-radius:9px 9px 4px 4px;width:100%;min-height:4px;transition:height .35s}.report-bar-column>span{color:#8b95a2;white-space:nowrap;margin-top:9px;font-size:10px}.report-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.report-metric-card{padding:24px 26px}.report-metric-card>span{color:#b88600;letter-spacing:1.8px;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.report-metric-card>strong{color:#18212d;font-size:24px;font-weight:750;display:block}.report-metric-card>p{color:#8994a2;margin:8px 0 0;font-size:12px}.report-loading{color:#8a95a3;background:#fff;border:1px solid #e1e5ea;border-radius:18px;place-items:center;min-height:400px;font-size:13px;display:grid}@media (width<=1100px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-insight-grid{grid-template-columns:1fr}}@media (width<=700px){.report-topbar{min-height:86px;padding:0 20px}.report-content{padding:24px 16px 40px}.report-intro{flex-direction:column;align-items:flex-start}.report-period{width:100%}.report-period button{flex:1;min-width:0}.report-summary-grid,.report-bottom-grid{grid-template-columns:1fr}.report-insight-grid .report-card{padding:20px}.report-chart{gap:7px}}.qr-actions{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:12px;display:grid}.qr-action-button{color:#1f2937;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e6ec;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.qr-action-button:hover{color:#a77b00;border-color:#d4a72c;transform:translateY(-1px)}@media (width<=520px){.qr-actions{grid-template-columns:1fr}.qr-action-button{min-height:46px}}@media print{.qr-actions,.qr-back-button,.qr-close{display:none!important}}.qr-actions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important;display:grid!important}.qr-actions .qr-action-button{color:#344054!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e1e5eb!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:100%!important;min-width:0!important;height:44px!important;padding:0 8px!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1!important;transition:all .2s!important;display:flex!important}.qr-actions .qr-action-button svg{flex:none!important;width:16px!important;height:16px!important}.qr-actions .qr-action-button:hover{transform:translateY(-1px);color:#a77b00!important;background:#fffaf0!important;border-color:#d4a72c!important}.qr-actions .qr-action-button:active{transform:translateY(0)}.qr-back-button{color:#344054!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e1e5eb!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:100%!important;height:44px!important;margin-top:12px!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;display:flex!important}@media (width<=520px){.qr-actions{grid-template-columns:1fr!important;gap:8px!important}.qr-actions .qr-action-button{height:46px!important;font-size:12px!important}}@media (width>=521px){.qr-actions .qr-action-button{white-space:nowrap!important}}.payment-topbar{background:#fff;border-bottom:1px solid #e5e9ef;align-items:center;gap:22px;min-height:104px;padding:24px 42px;display:flex}.payment-topbar>div{flex-direction:column;gap:5px;display:flex}.payment-topbar>div>span{color:#b88900!important;letter-spacing:2.5px!important;font-size:11px!important;font-weight:800!important}.payment-topbar h1{color:#172033!important;opacity:1!important;margin:0!important;font-size:30px!important;font-weight:800!important;line-height:1.1!important}.payment-back{color:#344054!important;cursor:pointer!important;background:#fff!important;border:1px solid #dfe4eb!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;display:flex!important}.payment-back:hover{color:#b88900!important;background:#fffaf0!important;border-color:#d4a72c!important}.payment-content{max-width:1400px;margin:0 auto;padding:36px 42px 60px!important}.payment-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-bottom:24px!important;display:grid!important}.payment-summary-card{position:relative;overflow:hidden;background:#fff!important;border:1px solid #e1e6ed!important;border-radius:18px!important;min-height:150px!important;padding:24px!important;box-shadow:0 8px 24px #1018280a!important}.payment-summary-card>span{display:block;color:#667085!important;margin-top:22px!important;font-size:13px!important;font-weight:600!important}.payment-summary-card>strong{display:block;color:#172033!important;margin-top:7px!important;font-size:26px!important;font-weight:800!important;line-height:1.2!important}.payment-summary-card>small{display:block;color:#98a2b3!important;margin-top:8px!important;font-size:11px!important}.payment-summary-icon{border-radius:13px!important;justify-content:center!important;align-items:center!important;width:46px!important;height:46px!important;display:flex!important}.payment-summary-icon.gold{color:#c58b00!important;background:#fff4d6!important}.payment-summary-icon.green{color:#03956d!important;background:#e7f8f1!important}.payment-summary-icon.blue{color:#3678df!important;background:#eaf1ff!important}.payment-main-grid{grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr)!important;align-items:start!important;gap:24px!important;display:grid!important}.payment-form-card,.payment-history-card{background:#fff!important;border:1px solid #e1e6ed!important;border-radius:20px!important;padding:28px!important;box-shadow:0 8px 28px #1018280b!important}.payment-form-card h2,.payment-history-card h2,.payment-form-card h3,.payment-history-card h3{color:#172033!important;opacity:1!important}.payment-form-card p,.payment-history-card p{color:#667085!important}.payment-card-heading{margin-bottom:26px!important}.payment-card-heading>span,.payment-form-card .payment-kicker,.payment-history-card .payment-kicker{color:#b88900!important;letter-spacing:2.2px!important;font-size:10px!important;font-weight:800!important}.payment-card-heading h2,.payment-card-heading h3{color:#172033!important;margin:7px 0 0!important;font-size:21px!important;font-weight:800!important}.payment-page label,.payment-page .payment-field>label{color:#344054!important}.payment-page label>span{color:#475467!important;font-size:12px!important;font-weight:700!important}.payment-page input,.payment-page select,.payment-page textarea{color:#172033!important;background:#fff!important;border:1px solid #d9e0e8!important}.payment-page .payment-input{background:#fff!important;border-color:#d9e0e8!important}.payment-method-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;display:grid!important}.payment-method-button{color:#475467!important;cursor:pointer!important;background:#fff!important;border:1px solid #d9e0e8!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:72px!important;display:flex!important}.payment-method-button svg{color:#7d8a9c!important}.payment-method-button span{color:#475467!important;font-size:11px!important;font-weight:700!important}.payment-method-button.active{color:#a97900!important;background:#fff9eb!important;border-color:#d4a72c!important;box-shadow:inset 0 0 0 1px #d4a72c!important}.payment-method-button.active svg,.payment-method-button.active span{color:#a97900!important}.payment-submit,.payment-save-button{color:#fff!important;cursor:pointer!important;background:#172033!important;border:none!important;border-radius:12px!important;min-height:48px!important;font-weight:800!important;transition:all .2s!important}.payment-submit:hover,.payment-save-button:hover{transform:translateY(-1px);background:#26334a!important}.payment-submit:disabled,.payment-save-button:disabled{opacity:.6!important;cursor:not-allowed!important}.payment-search,.payment-history-card input[type=search]{color:#172033!important;background:#fff!important;border:1px solid #d9e0e8!important;border-radius:11px!important}.payment-search::placeholder{color:#98a2b3!important}.payment-history-list{flex-direction:column!important;gap:10px!important;display:flex!important}.payment-history-item{color:#172033!important;background:#fbfcfd!important;border:1px solid #e4e8ee!important;border-radius:14px!important;transition:all .2s!important}.payment-history-item:hover{background:#fffdf8!important;border-color:#d7b24c!important}.payment-history-item strong{color:#172033!important;font-weight:800!important}.payment-history-item span{color:#667085!important}.payment-history-item small{color:#98a2b3!important}.payment-history-item .amount,.payment-history-item .payment-amount{color:#172033!important;font-weight:800!important}.payment-history-item .payment-method{color:#475467!important;font-weight:700!important}.payment-empty{color:#98a2b3!important;background:#fbfcfd!important;border:1px dashed #d9e0e8!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;min-height:220px!important;display:flex!important}@media (width<=1100px){.payment-main-grid{grid-template-columns:1fr!important}}@media (width<=760px){.payment-topbar{padding:20px!important}.payment-content{padding:24px 18px 40px!important}.payment-summary-grid{grid-template-columns:1fr!important}.payment-topbar h1{font-size:24px!important}.payment-form-card,.payment-history-card{padding:20px!important}}@media (width<=480px){.payment-method-grid{grid-template-columns:1fr!important}}.payment-page{min-height:100%;color:#172033!important;background:#f4f6f9!important}.payment-page .payment-topbar{background:#fff!important;border-bottom:1px solid #e5e9ef!important;align-items:center!important;gap:18px!important;min-height:92px!important;padding:20px 36px!important;display:flex!important}.payment-page .payment-content{max-width:1500px!important;margin:0 auto!important;padding:30px 36px 60px!important}.payment-page .payment-summary-card{background:linear-gradient(135deg,#fff 0% 72%,#faf6eb 100%)!important;border:1px solid #e0e5eb!important;border-radius:18px!important;min-height:150px!important;padding:22px 24px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 20px #1018280b,0 2px 5px #10182806!important}.payment-page .payment-summary-grid+*{margin-top:0!important}.payment-page .payment-content>div:not(.payment-summary-grid),.payment-page section,.payment-page article{color:#172033!important}.payment-page section{background:#fff;border-color:#e1e6ed}.payment-page h2,.payment-page h3,.payment-page h4{color:#172033!important;opacity:1!important;font-weight:800!important}.payment-page p{color:#667085!important;opacity:1!important}.payment-page label{color:#344054!important}.payment-page label>span{color:#475467!important;opacity:1!important}.payment-page input,.payment-page select,.payment-page textarea{color:#172033!important;opacity:1!important;background:#fff!important;border:1px solid #d9e0e8!important}.payment-page input::placeholder,.payment-page textarea::placeholder{color:#98a2b3!important;opacity:1!important}.payment-page input:focus,.payment-page select:focus,.payment-page textarea:focus{border-color:#d4a72c!important;outline:none!important;box-shadow:0 0 0 3px #d4a72c1f!important}.payment-page .payment-input{background:#fff!important;border:1px solid #d9e0e8!important;border-radius:11px!important}.payment-page .payment-input svg{color:#7d8a9c!important}.payment-page button{font-family:inherit!important}.payment-page button[type=button]{color:#344054}.payment-page button[class*=payment]{background:#fff!important}.payment-page [class*=history]{color:#172033!important}.payment-page [class*=history] h2,.payment-page [class*=history] h3,.payment-page [class*=history] strong{color:#172033!important;opacity:1!important}.payment-page [class*=history] span{color:#667085!important;opacity:1!important}.payment-page [class*=history] small{color:#98a2b3!important;opacity:1!important}.payment-page [class*=transaction]{color:#172033!important}.payment-page [class*=transaction] strong{color:#172033!important;opacity:1!important}.payment-page [class*=transaction] span{color:#667085!important;opacity:1!important}.payment-page [class*=transaction] small{color:#98a2b3!important;opacity:1!important}.payment-page input[type=search]{color:#172033!important;background:#fff!important;border:1px solid #d9e0e8!important;border-radius:11px!important}.payment-page input[type=search]::placeholder{color:#98a2b3!important}.payment-page button[type=submit]{color:#fff!important;cursor:pointer!important;background:#172033!important;border:none!important;border-radius:11px!important;min-height:48px!important;font-weight:800!important;transition:background .2s,transform .2s!important}.payment-page button[type=submit]:hover{transform:translateY(-1px);background:#25334a!important}@media (width<=1000px){.payment-page .payment-summary-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=700px){.payment-page .payment-topbar{padding:18px 20px!important}.payment-page .payment-content{padding:22px 18px 40px!important}.payment-page .payment-summary-grid{grid-template-columns:1fr!important}.payment-page .payment-topbar h1{font-size:24px!important}}.payment-page{color:#172033!important;opacity:1!important;background:#f3f5f8!important;width:100%!important;min-height:100vh!important}.payment-page .payment-topbar{box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #e5e9ef!important;align-items:center!important;gap:18px!important;width:100%!important;min-height:96px!important;padding:22px 38px!important;display:flex!important}.payment-page .payment-topbar>div{flex-direction:column!important;gap:4px!important;display:flex!important}.payment-page .payment-topbar>div>span{color:#b78200!important;opacity:1!important;letter-spacing:2.5px!important;font-size:10px!important;font-weight:800!important}.payment-page .payment-topbar h1{color:#172033!important;opacity:1!important;margin:0!important;font-size:28px!important;font-weight:800!important;line-height:1.15!important}.payment-page .payment-back{color:#344054!important;cursor:pointer!important;background:#fff!important;border:1px solid #dce2e9!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;display:flex!important}.payment-page .payment-back:hover{color:#a97900!important;background:#fff9eb!important;border-color:#d5aa37!important}.payment-page .payment-content{box-sizing:border-box!important;width:100%!important;max-width:1450px!important;margin:0 auto!important;padding:30px 38px 60px!important}.payment-page .payment-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-bottom:22px!important;display:grid!important}.payment-page .payment-summary-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e0e5eb!important;border-radius:18px!important;min-height:155px!important;padding:22px 24px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 24px #1018280d!important}.payment-page .payment-summary-card:after{content:""!important;pointer-events:none!important;background:#fbf7ed!important;border-radius:50%!important;width:105px!important;height:105px!important;position:absolute!important;bottom:-40px!important;right:-35px!important}.payment-page .payment-summary-icon{border-radius:13px!important;justify-content:center!important;align-items:center!important;width:46px!important;height:46px!important;display:flex!important}.payment-page .payment-summary-icon.gold{color:#c58a00!important;background:#fff2d2!important}.payment-page .payment-summary-icon.green{color:#07966d!important;background:#e3f7ef!important}.payment-page .payment-summary-icon.blue{color:#3678dc!important;background:#e7efff!important}.payment-page .payment-summary-card>span{color:#667085!important;opacity:1!important;margin-top:17px!important;font-size:12px!important;font-weight:600!important;display:block!important}.payment-page .payment-summary-card>strong{color:#172033!important;opacity:1!important;margin-top:6px!important;font-size:25px!important;font-weight:800!important;line-height:1.2!important;display:block!important}.payment-page .payment-summary-card>small{color:#98a2b3!important;opacity:1!important;margin-top:7px!important;font-size:10px!important;display:block!important}.payment-page .payment-main-grid{grid-template-columns:minmax(390px,.88fr) minmax(520px,1.12fr)!important;align-items:start!important;gap:22px!important;display:grid!important}.payment-page .payment-form-card,.payment-page .payment-list-card{box-sizing:border-box!important;color:#172033!important;opacity:1!important;background:#fff!important;border:1px solid #e0e5eb!important;border-radius:20px!important;box-shadow:0 8px 24px #1018280b!important}.payment-page .payment-list-card{min-width:0!important;padding:28px!important}.payment-page .payment-card-heading,.payment-page .payment-list-heading{justify-content:space-between!important;align-items:flex-start!important;margin-bottom:25px!important;display:flex!important}.payment-page .payment-card-heading>div,.payment-page .payment-list-heading>div{flex-direction:column!important;display:flex!important}.payment-page .payment-card-heading span,.payment-page .payment-list-heading span{color:#b78200!important;opacity:1!important;letter-spacing:2px!important;font-size:10px!important;font-weight:800!important}.payment-page .payment-card-heading h2,.payment-page .payment-list-heading h2{color:#172033!important;opacity:1!important;margin:7px 0 0!important;font-size:20px!important;font-weight:800!important;line-height:1.25!important}.payment-page .payment-form-card form{flex-direction:column!important;gap:18px!important;display:flex!important}.payment-page .payment-form-card label,.payment-page .payment-method-label{flex-direction:column!important;gap:8px!important;display:flex!important}.payment-page .payment-form-card label>span,.payment-page .payment-method-label>span{color:#475467!important;opacity:1!important;font-size:12px!important;font-weight:700!important}.payment-page .payment-input{box-sizing:border-box!important;color:#172033!important;background:#fff!important;border:1px solid #d8dfe8!important;border-radius:12px!important;align-items:center!important;gap:11px!important;min-height:50px!important;padding:0 14px!important;display:flex!important}.payment-page .payment-input>svg{color:#8491a3!important;opacity:1!important;flex:none!important}.payment-page .payment-input input,.payment-page .payment-input select{color:#172033!important;opacity:1!important;background:0 0!important;border:0!important;outline:none!important;width:100%!important;min-width:0!important;height:48px!important;padding:0!important;font-size:13px!important}.payment-page .payment-input select{cursor:pointer!important}.payment-page .payment-input input::placeholder{color:#98a2b3!important;opacity:1!important}.payment-page .payment-input:focus-within{border-color:#d4a72c!important;box-shadow:0 0 0 3px #d4a72c1f!important}.payment-page .payment-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.payment-page .payment-method{color:#475467!important;cursor:pointer!important;background:#fff!important;border:1px solid #d9e0e8!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:70px!important;padding:10px!important;transition:all .18s!important;display:flex!important}.payment-page .payment-method svg{color:#7d8a9c!important;opacity:1!important}.payment-page .payment-method span{color:#475467!important;opacity:1!important;font-size:11px!important;font-weight:700!important}.payment-page .payment-method:hover{background:#fffaf0!important;border-color:#d4a72c!important;transform:translateY(-1px)!important}.payment-page .payment-method.active{background:#fff7df!important;border-color:#d4a72c!important;box-shadow:inset 0 0 0 1px #d4a72c2e!important}.payment-page .payment-date-grid{grid-template-columns:1fr!important;display:grid!important}.payment-page .payment-submit{color:#fff!important;cursor:pointer!important;background:#172033!important;border:0!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:50px!important;margin-top:3px!important;font-size:13px!important;font-weight:800!important;display:flex!important}.payment-page .payment-submit svg{color:#fff!important}.payment-page .payment-submit:disabled{opacity:.6!important;cursor:wait!important}.payment-page .payment-list-heading{flex-direction:row!important;align-items:flex-start!important}.payment-page .payment-search{box-sizing:border-box!important;background:#fff!important;border:1px solid #d9e0e8!important;border-radius:11px!important;align-items:center!important;width:245px!important;min-height:42px!important;padding:0 13px!important;display:flex!important}.payment-page .payment-search svg{color:#8793a4!important;flex:none!important}.payment-page .payment-search input{color:#172033!important;opacity:1!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;min-width:0!important;margin-left:9px!important;font-size:12px!important}.payment-page .payment-search input::placeholder{color:#98a2b3!important;opacity:1!important}.payment-page .payment-list{flex-direction:column!important;gap:10px!important;display:flex!important}.payment-page .payment-row{box-sizing:border-box!important;color:#172033!important;background:#fbfcfd!important;border:1px solid #e3e8ee!important;border-radius:13px!important;grid-template-columns:42px minmax(0,1fr) auto auto!important;align-items:center!important;gap:14px!important;min-height:78px!important;padding:12px 15px!important;display:grid!important}.payment-page .payment-row-icon{color:#07966d!important;background:#e5f8f0!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;display:flex!important}.payment-page .payment-row-main{flex-direction:column!important;gap:4px!important;min-width:0!important;display:flex!important}.payment-page .payment-row-main strong{color:#172033!important;opacity:1!important;font-size:13px!important;font-weight:800!important}.payment-page .payment-row-main span{color:#7b8797!important;opacity:1!important;font-size:10px!important}.payment-page .payment-row-method{flex-direction:column!important;gap:4px!important;display:flex!important}.payment-page .payment-row-method>span{color:#475467!important;opacity:1!important;font-size:11px!important;font-weight:700!important}.payment-page .payment-row-method small{color:#98a2b3!important;opacity:1!important;font-size:10px!important}.payment-page .payment-row-amount{color:#172033!important;opacity:1!important;text-align:right!important;min-width:120px!important;font-size:14px!important;font-weight:800!important}.payment-page .payment-empty{box-sizing:border-box!important;color:#98a2b3!important;text-align:center!important;background:#fcfdff!important;border:1px dashed #d9e0e8!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;min-height:220px!important;padding:25px!important;display:flex!important}.payment-page .payment-empty p,.payment-page .payment-empty span{color:#98a2b3!important;opacity:1!important}@media (width<=1100px){.payment-page .payment-main-grid{grid-template-columns:1fr!important}}@media (width<=800px){.payment-page .payment-summary-grid{grid-template-columns:1fr!important}.payment-page .payment-content{padding:22px 18px 40px!important}.payment-page .payment-topbar{padding:18px 20px!important}.payment-page .payment-list-heading{flex-direction:column!important;gap:15px!important}.payment-page .payment-search{width:100%!important}.payment-page .payment-row{grid-template-columns:42px minmax(0,1fr)!important}.payment-page .payment-row-method,.payment-page .payment-row-amount{text-align:left!important;grid-column:2!important}}.payment-page{color:#172033!important;background:#f5f7fa!important}.payment-page .payment-topbar{background:#fff!important;border-bottom:1px solid #e5e9ef!important}.payment-page .payment-topbar h1{color:#172033!important;font-weight:800!important}.payment-page .payment-topbar span{color:#b58200!important}.payment-page .payment-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.payment-page .payment-summary-card{background:#fff!important;border:1px solid #e1e6ed!important;box-shadow:0 6px 20px #1018280d!important}.payment-page .payment-summary-card>span{color:#667085!important;font-weight:600!important}.payment-page .payment-summary-card>strong{color:#172033!important;font-weight:800!important}.payment-page .payment-form-card,.payment-page .payment-list-card{background:#fff!important;border:1px solid #e1e6ed!important;box-shadow:0 6px 22px #1018280b!important}.payment-page .payment-card-heading h2,.payment-page .payment-list-heading h2{color:#172033!important;font-weight:800!important}.payment-page .payment-card-heading>div>span,.payment-page .payment-list-heading>div>span{color:#b58200!important}.payment-page .payment-form-card label>span,.payment-page .payment-method-label>span{color:#475467!important;font-weight:700!important}.payment-page .payment-input{color:#7b8796!important;background:#fff!important;border:1px solid #d8dfe7!important}.payment-page .payment-input input,.payment-page .payment-input select{color:#172033!important;background:0 0!important}.payment-page .payment-input input::placeholder{color:#98a2b3!important}.payment-page .payment-input:focus-within{background:#fff!important;border-color:#d2a532!important}.payment-page .payment-method{color:#667085!important;background:#fff!important;border:1px solid #d9e0e8!important}.payment-page .payment-method svg{color:#7b8796!important}.payment-page .payment-method span{color:#667085!important}.payment-page .payment-method:hover{background:#fffaf0!important;border-color:#d2a532!important}.payment-page .payment-method.active{color:#9a7100!important;background:#fff7df!important;border-color:#d2a532!important}.payment-page .payment-method.active svg,.payment-page .payment-method.active span{color:#9a7100!important}.payment-page .payment-submit{color:#fff!important;background:#172033!important;font-weight:800!important}.payment-page .payment-submit:hover:not(:disabled){background:#26344b!important}.payment-page .payment-search{color:#7b8796!important;background:#fff!important;border:1px solid #d8dfe7!important}.payment-page .payment-search input{color:#172033!important}.payment-page .payment-search input::placeholder{color:#98a2b3!important}.payment-page .payment-row{background:#fbfcfd!important;border:1px solid #e5e9ee!important}.payment-page .payment-row:hover{background:#fffdf8!important;border-color:#dfc46e!important}.payment-page .payment-row-main strong{color:#172033!important;font-weight:800!important}.payment-page .payment-row-main span{color:#7b8797!important}.payment-page .payment-row-method>span{color:#475467!important;font-weight:700!important}.payment-page .payment-row-method small{color:#98a2b3!important}.payment-page .payment-row-amount{color:#172033!important;font-weight:800!important}@media (width<=1050px){.payment-page .payment-main-grid{grid-template-columns:1fr!important}}@media (width<=760px){.payment-page .payment-summary-grid{grid-template-columns:1fr!important}.payment-page .payment-content{padding:22px 16px 40px!important}.payment-page .payment-form-card,.payment-page .payment-list-card{padding:20px!important}}.payment-page{color:#172033!important;background:#eef1f5!important;min-height:100vh!important}.payment-page .payment-topbar{background:#fff!important;border-bottom:1px solid #dfe4ea!important;min-height:92px!important;padding:18px 42px!important;box-shadow:0 2px 8px #0f172a08!important}.payment-page .payment-back{color:#344054!important;background:#fff!important;border:1px solid #d9e0e8!important;border-radius:14px!important;width:48px!important;height:48px!important}.payment-page .payment-back:hover{background:#f5f7fa!important;transform:none!important}.payment-page .payment-topbar>div{gap:3px!important}.payment-page .payment-topbar span{color:#b88900!important;letter-spacing:.22em!important;font-size:11px!important;font-weight:800!important}.payment-page .payment-topbar h1{color:#172033!important;letter-spacing:-.04em!important;margin:0!important;font-size:28px!important;font-weight:800!important}.payment-page .payment-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin-bottom:24px!important}.payment-page .payment-summary-card{border:0!important;border-radius:18px!important;min-height:170px!important;padding:24px!important;box-shadow:0 10px 25px #10182817!important}.payment-page .payment-summary-card:first-child{background:linear-gradient(135deg,#fff1cf 0%,#f6d36a 100%)!important}.payment-page .payment-summary-card:nth-child(2){background:linear-gradient(135deg,#dff8ed 0%,#75d9aa 100%)!important}.payment-page .payment-summary-card:nth-child(3){background:linear-gradient(135deg,#e4edff 0%,#91b7f4 100%)!important}.payment-page .payment-summary-card:after{background:#ffffff52!important;width:120px!important;height:120px!important;bottom:-50px!important;right:-35px!important}.payment-page .payment-summary-icon{background:#ffffffb8!important;border-radius:14px!important;width:48px!important;height:48px!important;margin-bottom:20px!important}.payment-page .payment-summary-icon.gold{color:#b77f00!important}.payment-page .payment-summary-icon.green{color:#008f62!important}.payment-page .payment-summary-icon.blue{color:#2769d1!important}.payment-page .payment-summary-card>span{color:#344054!important;margin-bottom:7px!important;font-size:13px!important;font-weight:600!important}.payment-page .payment-summary-card>strong{color:#172033!important;letter-spacing:-.04em!important;font-size:27px!important;font-weight:850!important}.payment-page .payment-summary-card>small{color:#667085!important;margin-top:8px!important;font-size:11px!important}.payment-page .payment-main-grid{grid-template-columns:minmax(420px,.9fr) minmax(560px,1.35fr)!important;align-items:start!important;gap:24px!important}.payment-page .payment-form-card,.payment-page .payment-list-card{background:#fff!important;border:1px solid #dfe4ea!important;border-radius:20px!important;padding:30px!important;box-shadow:0 10px 30px #1018280e!important}.payment-page .payment-card-heading,.payment-page .payment-list-heading{margin-bottom:28px!important}.payment-page .payment-card-heading h2,.payment-page .payment-list-heading h2{color:#172033!important;letter-spacing:-.035em!important;margin-top:7px!important;font-size:21px!important;font-weight:800!important}.payment-page .payment-card-heading>div>span,.payment-page .payment-list-heading>div>span{color:#b88900!important;letter-spacing:.2em!important;font-size:10px!important;font-weight:850!important}.payment-page .payment-form-card form{gap:20px!important}.payment-page .payment-form-card label>span,.payment-page .payment-method-label>span{color:#344054!important;margin-bottom:1px!important;font-size:12px!important;font-weight:700!important}.payment-page .payment-input{color:#7a8697!important;background:#f9fafb!important;border:1px solid #d8dee7!important;border-radius:13px!important;min-height:52px!important;padding:0 15px!important}.payment-page .payment-input:hover{border-color:#c4ccd7!important}.payment-page .payment-input:focus-within{background:#fff!important;border-color:#d1a52c!important;box-shadow:0 0 0 4px #d1a52c1a!important}.payment-page .payment-input input,.payment-page .payment-input select{color:#172033!important;font-size:13px!important;font-weight:500!important}.payment-page .payment-method-grid{gap:12px!important}.payment-page .payment-method{background:#fff!important;border:1px solid #d8dee7!important;border-radius:13px!important;min-height:68px!important}.payment-page .payment-method span{color:#475467!important;font-size:12px!important}.payment-page .payment-method.active{color:#9a7100!important;background:#fff7df!important;border:2px solid #d5a72f!important}.payment-page .payment-method.active span,.payment-page .payment-method.active svg{color:#9a7100!important}.payment-page .payment-submit{color:#fff!important;background:#172033!important;border-radius:13px!important;min-height:54px!important;margin-top:5px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 8px 18px #17203321!important}.payment-page .payment-submit:hover:not(:disabled){background:#26344b!important;transform:translateY(-1px)!important}.payment-page .payment-search{background:#f9fafb!important;border:1px solid #d8dee7!important;border-radius:12px!important;width:260px!important;min-height:44px!important}.payment-page .payment-search input{color:#172033!important;font-size:12px!important}.payment-page .payment-list{gap:12px!important}.payment-page .payment-row{background:#fbfcfd!important;border:1px solid #e2e7ed!important;border-radius:14px!important;grid-template-columns:44px minmax(0,1fr) 85px 125px!important;min-height:82px!important;padding:15px 17px!important}.payment-page .payment-row:hover{background:#fffdf7!important;border-color:#e0c56f!important;transform:translateY(-1px)!important}.payment-page .payment-row-icon{color:#009b6b!important;background:#e4f8ef!important;border-radius:12px!important;width:44px!important;height:44px!important}.payment-page .payment-row-main{gap:5px!important}.payment-page .payment-row-main strong{color:#172033!important;font-size:14px!important;font-weight:800!important}.payment-page .payment-row-main span{color:#7a8697!important;font-size:10px!important}.payment-page .payment-row-method{align-items:flex-start!important}.payment-page .payment-row-method>span{color:#344054!important;font-size:11px!important;font-weight:700!important}.payment-page .payment-row-method small{color:#98a2b3!important;font-size:10px!important}.payment-page .payment-row-amount{color:#172033!important;min-width:0!important;font-size:14px!important;font-weight:850!important}.payment-page .payment-empty{color:#98a2b3!important;background:#fbfcfd!important;border:1px dashed #d5dce5!important;border-radius:15px!important;min-height:260px!important}@media (width<=1100px){.payment-page .payment-content{padding:28px 24px 50px!important}.payment-page .payment-main-grid{grid-template-columns:1fr!important}}@media (width<=760px){.payment-page .payment-topbar{padding:16px 20px!important}.payment-page .payment-content{padding:20px 16px 40px!important}.payment-page .payment-summary-grid{grid-template-columns:1fr!important}.payment-page .payment-form-card,.payment-page .payment-list-card{padding:22px!important}.payment-page .payment-search{width:100%!important}.payment-page .payment-row{grid-template-columns:42px minmax(0,1fr)!important}.payment-page .payment-row-method,.payment-page .payment-row-amount{grid-column:2!important}}.payment-page{color:#172033!important;opacity:1!important}.payment-page h1,.payment-page h2,.payment-page h3,.payment-page h4,.payment-page strong{color:#172033!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}.payment-page span,.payment-page small,.payment-page p,.payment-page label,.payment-page div{opacity:1!important;visibility:visible!important}.payment-page .payment-topbar h1{color:#172033!important;opacity:1!important;visibility:visible!important}.payment-page .payment-topbar span{color:#a87500!important;opacity:1!important}.payment-page .payment-summary-card>span{color:#475467!important;opacity:1!important}.payment-page .payment-summary-card>strong{color:#101828!important;opacity:1!important}.payment-page .payment-summary-card>small{color:#667085!important;opacity:1!important}.payment-page .payment-card-heading h2,.payment-page .payment-list-heading h2{color:#101828!important;opacity:1!important;visibility:visible!important}.payment-page .payment-card-heading>div>span,.payment-page .payment-list-heading>div>span{color:#a87500!important;opacity:1!important}.payment-page .payment-form-card label>span,.payment-page .payment-method-label>span{color:#344054!important;opacity:1!important;visibility:visible!important}.payment-page .payment-input{color:#475467!important;opacity:1!important}.payment-page .payment-input input,.payment-page .payment-input select,.payment-page .payment-input textarea{color:#101828!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#101828!important}.payment-page .payment-input input::placeholder,.payment-page .payment-input textarea::placeholder{color:#98a2b3!important;opacity:1!important;-webkit-text-fill-color:#98a2b3!important}.payment-page .payment-method{color:#344054!important;opacity:1!important}.payment-page .payment-method span{color:#344054!important;opacity:1!important;visibility:visible!important}.payment-page .payment-method.active,.payment-page .payment-method.active span{color:#8a6500!important;opacity:1!important}.payment-page .payment-search{color:#475467!important;opacity:1!important}.payment-page .payment-search input{color:#101828!important;opacity:1!important;-webkit-text-fill-color:#101828!important}.payment-page .payment-search input::placeholder{color:#98a2b3!important;opacity:1!important;-webkit-text-fill-color:#98a2b3!important}.payment-page .payment-row-main strong{color:#101828!important;opacity:1!important;visibility:visible!important}.payment-page .payment-row-main span{color:#667085!important;opacity:1!important;visibility:visible!important}.payment-page .payment-row-method>span{color:#344054!important;opacity:1!important;visibility:visible!important}.payment-page .payment-row-method small{color:#667085!important;opacity:1!important;visibility:visible!important}.payment-page .payment-row-amount{color:#101828!important;opacity:1!important;visibility:visible!important}.payment-page .payment-empty{color:#667085!important;opacity:1!important;visibility:visible!important}.payment-page .payment-submit,.payment-page .payment-submit span{color:#fff!important;opacity:1!important;visibility:visible!important}.payment-page .payment-back{color:#344054!important;opacity:1!important;visibility:visible!important}.payment-page svg{opacity:1!important;visibility:visible!important}.payment-page select option{color:#101828!important;background:#fff!important}.payment-page .payment-topbar *,.payment-page .payment-summary-card *,.payment-page .payment-form-card *,.payment-page .payment-list-card *{text-shadow:none!important}.payment-page,.payment-page *{box-sizing:border-box}.payment-page{color:#172033!important;-webkit-text-fill-color:initial!important;background:#f4f6f9!important}.payment-page h1,.payment-page h2,.payment-page h3,.payment-page h4,.payment-page strong,.payment-page span,.payment-page small,.payment-page p,.payment-page label,.payment-page div{-webkit-text-fill-color:currentColor!important}.payment-page .payment-topbar{background:#fff!important;border-bottom:1px solid #e3e7ed!important;padding:22px 42px!important}.payment-page .payment-topbar h1{color:#172033!important;letter-spacing:-.04em!important;font-size:30px!important;font-weight:800!important}.payment-page .payment-topbar>div>span{color:#b48712!important;font-weight:800!important}.payment-page .payment-content{max-width:1500px!important;padding:34px 42px 60px!important}.payment-page .payment-summary-grid{gap:22px!important}.payment-page .payment-summary-card{background:#fff!important;border:1px solid #e1e6ec!important;border-radius:20px!important;min-height:165px!important;padding:24px!important;box-shadow:0 10px 30px #1720330f!important}.payment-page .payment-summary-card>span{color:#667085!important;font-size:13px!important}.payment-page .payment-summary-card>strong{color:#101828!important;font-size:27px!important;font-weight:800!important}.payment-page .payment-summary-card>small{color:#98a2b3!important}.payment-page .payment-form-card,.payment-page .payment-list-card{background:#fff!important;border:1px solid #e1e6ec!important;border-radius:22px!important;padding:30px!important;box-shadow:0 10px 30px #1720330e!important}.payment-page .payment-card-heading h2,.payment-page .payment-list-heading h2{color:#101828!important;-webkit-text-fill-color:#101828!important;font-size:21px!important;font-weight:800!important}.payment-page .payment-card-heading>div>span,.payment-page .payment-list-heading>div>span{color:#b48712!important;-webkit-text-fill-color:#b48712!important;font-weight:800!important}.payment-page .payment-form-card label>span,.payment-page .payment-method-label>span{color:#344054!important;-webkit-text-fill-color:#344054!important;font-size:12px!important;font-weight:700!important}.payment-page .payment-input{color:#344054!important;background:#fff!important;border:1px solid #d6dce5!important;border-radius:13px!important;min-height:52px!important}.payment-page .payment-input input,.payment-page .payment-input select,.payment-page .payment-input textarea{color:#101828!important;-webkit-text-fill-color:#101828!important;font-size:14px!important;font-weight:500!important}.payment-page .payment-input input::placeholder,.payment-page .payment-input textarea::placeholder{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important;opacity:1!important}.payment-page .payment-method{color:#344054!important;background:#fff!important;border:1px solid #d6dce5!important;min-height:64px!important}.payment-page .payment-method span{color:#344054!important;-webkit-text-fill-color:#344054!important;font-weight:700!important}.payment-page .payment-method.active{background:#fff8e5!important;border-color:#d6a928!important}.payment-page .payment-method.active span{color:#8a6500!important;-webkit-text-fill-color:#8a6500!important}.payment-page .payment-search{background:#fff!important;border:1px solid #d6dce5!important}.payment-page .payment-search input{color:#101828!important;-webkit-text-fill-color:#101828!important}.payment-page .payment-search input::placeholder{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important}.payment-page .payment-row{background:#fff!important;border:1px solid #e3e8ee!important;border-radius:15px!important;padding:16px!important}.payment-page .payment-row-main strong{color:#101828!important;-webkit-text-fill-color:#101828!important;font-size:14px!important}.payment-page .payment-row-main span{color:#667085!important;-webkit-text-fill-color:#667085!important}.payment-page .payment-row-method>span{color:#344054!important;-webkit-text-fill-color:#344054!important}.payment-page .payment-row-method small{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important}.payment-page .payment-row-amount{color:#101828!important;-webkit-text-fill-color:#101828!important;font-size:15px!important;font-weight:800!important}.payment-page .payment-submit{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#17212d!important;border-radius:13px!important;min-height:52px!important;font-weight:800!important}.payment-page .payment-submit span{color:#fff!important;-webkit-text-fill-color:#fff!important}.payment-page .payment-back{color:#172033!important;-webkit-text-fill-color:#172033!important;background:#fff!important;border:1px solid #d6dce5!important}.payment-page .payment-empty,.payment-page .payment-empty p,.payment-page .payment-empty span{color:#667085!important;-webkit-text-fill-color:#667085!important}.payment-page *{text-shadow:none!important}.payment-page h1,.payment-page h2,.payment-page h3,.payment-page h4,.payment-page strong{-webkit-text-fill-color:currentColor!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}@media (width<=760px){.payment-page .payment-topbar{padding:18px 20px!important}.payment-page .payment-content{padding:22px 16px 40px!important}.payment-page .payment-form-card,.payment-page .payment-list-card{border-radius:18px!important;padding:20px!important}}html,body,#root{width:100%;min-width:320px;min-height:100vh}body{overflow-x:hidden}.gym-app{color:#172033;background:#f4f6f9;width:100%;min-height:100vh;display:flex}.main-content{background:#f4f6f9;flex:1;width:calc(100% - 250px);min-width:0;min-height:100vh}.gym-app h1,.gym-app h2,.gym-app h3,.gym-app h4,.gym-app strong{color:#101828}.gym-app p{color:#667085}.gym-app button{font-family:inherit}.page-container{width:100%;max-width:1500px;margin:0 auto;padding:32px 40px 55px}.sidebar{align-self:flex-start;width:250px;min-width:250px;min-height:100vh;position:sticky;top:0}.topbar{width:100%;min-height:82px}.dashboard-card,.stat-card{color:#172033}.dashboard-card h3,.stat-card strong{color:#101828}.dashboard-card span,.stat-card span,.dashboard-card small,.stat-card small{color:#667085}@media (width<=1100px){.page-container{padding:28px 28px 50px}}@media (width<=768px){.gym-app{min-height:100vh;display:block}.main-content{width:100%;min-height:100vh;padding-bottom:76px}.sidebar{z-index:1000;width:280px;min-width:280px;height:100vh;min-height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.page-container{width:100%;padding:22px 16px 35px}.topbar{min-height:70px;padding:14px 16px}}@media (width<=480px){body{font-size:14px}.page-container{padding-left:14px;padding-right:14px}}.visit-page{color:#172033;box-sizing:border-box;background:radial-gradient(circle at 100% 0,#daae3514,#0000 30%),#f4f6f9;width:100%;min-height:100%}.visit-page *,.visit-page :before,.visit-page :after{box-sizing:border-box}.visit-topbar{background:#fff;border-bottom:1px solid #e3e7ed;align-items:center;gap:20px;min-height:96px;padding:20px 42px;display:flex}.visit-back{color:#172033;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;transition:all .2s;display:grid}.visit-back:hover{background:#f5f7fa;border-color:#c8ced7;transform:translateY(-1px)}.visit-topbar>div{flex-direction:column;gap:5px;display:flex}.visit-topbar>div>span{letter-spacing:.18em;color:#ad7c00;font-size:11px;font-weight:800}.visit-topbar h1{letter-spacing:-.035em;color:#172033;margin:0;font-size:30px;font-weight:800;line-height:1.1}.visit-content{width:100%;max-width:1500px;margin:0 auto;padding:34px 42px 60px}.visit-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px;display:grid}.visit-summary-card{background:#fff;border:1px solid #e0e5eb;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:174px;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #141f2d0f}.visit-summary-card:after{content:"";background:#daae3517;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-38px;right:-30px}.visit-summary-icon{z-index:1;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid;position:relative}.visit-summary-card.gold .visit-summary-icon{color:#c18c00;background:#fff3d5}.visit-summary-card.green .visit-summary-icon{color:#0a9b70;background:#e3f7ef}.visit-summary-card.blue .visit-summary-icon{color:#3478dc;background:#e8f0ff}.visit-summary-card>span{z-index:1;color:#667085;margin-bottom:7px;font-size:13px;font-weight:600;position:relative}.visit-summary-card>strong{z-index:1;letter-spacing:-.035em;color:#101828;font-size:27px;font-weight:800;line-height:1.2;position:relative}.visit-summary-card>small{z-index:1;color:#8791a0;margin-top:8px;font-size:12px;position:relative}.visit-main-grid{grid-template-columns:minmax(400px,.88fr) minmax(560px,1.45fr);align-items:start;gap:24px;display:grid}.visit-form-card,.visit-list-card{background:#fff;border:1px solid #e0e5eb;border-radius:22px;min-width:0;padding:30px;box-shadow:0 8px 28px #141f2d0e}.visit-card-heading,.visit-list-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;display:flex}.visit-card-heading>div:first-child,.visit-list-heading>div:first-child{flex-direction:column;gap:6px;display:flex}.visit-card-heading span,.visit-list-heading span{letter-spacing:.18em;color:#b17f00;font-size:11px;font-weight:800}.visit-card-heading h2,.visit-list-heading h2{letter-spacing:-.025em;color:#172033;margin:0;font-size:22px;font-weight:800;line-height:1.25}.visit-price-badge{color:#a87500;white-space:nowrap;background:#fff5dc;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:800}.visit-description{color:#667085;margin:0 0 25px;font-size:13px;line-height:1.6}.visit-form-card form{flex-direction:column;gap:19px;display:flex}.visit-form-card label,.visit-method-label{flex-direction:column;gap:9px;display:flex}.visit-form-card label>span,.visit-method-label>span{color:#344054;font-size:13px;font-weight:700}.visit-input{color:#8290a3;background:#fbfcfd;border:1px solid #d8dee7;border-radius:13px;align-items:center;gap:11px;width:100%;min-height:52px;padding:0 15px;transition:all .2s;display:flex}.visit-input:focus-within{background:#fff;border-color:#d3a62e;box-shadow:0 0 0 4px #d3a62e1c}.visit-input input{color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:inherit;font-size:14px}.visit-input input::placeholder{color:#98a2b3;opacity:1}.visit-notes{min-height:52px}.visit-date-info{grid-template-columns:1fr 1fr;gap:12px;display:grid}.visit-date-info>div{color:#758195;background:#f8fafc;border:1px solid #e1e5ea;border-radius:13px;align-items:center;gap:11px;min-height:70px;padding:13px 15px;display:flex}.visit-date-info>div>span{color:#8a94a3;flex-direction:column;gap:4px;font-size:11px;display:flex}.visit-date-info strong{color:#172033;font-size:13px;font-weight:750}.visit-method-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.visit-method{color:#667085;cursor:pointer;background:#fff;border:1px solid #dce1e8;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:72px;padding:10px;transition:all .2s;display:flex}.visit-method span{font-size:12px;font-weight:750}.visit-method:hover{border-color:#d2a62f;transform:translateY(-1px)}.visit-method.active{color:#9b7000;background:#fff8e8;border-color:#d4a62f;box-shadow:inset 0 0 0 1px #d4a62f26}.visit-submit{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:53px;margin-top:3px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.visit-submit:hover:not(:disabled){background:#202c40;transform:translateY(-1px);box-shadow:0 9px 20px #17203329}.visit-submit:disabled{opacity:.65;cursor:wait}.visit-search{color:#8591a3;background:#fbfcfd;border:1px solid #d9dfe7;border-radius:12px;align-items:center;gap:9px;width:250px;min-height:44px;padding:0 13px;display:flex}.visit-search:focus-within{background:#fff;border-color:#d3a62e;box-shadow:0 0 0 3px #d3a62e1a}.visit-search input{color:#172033;background:0 0;border:0;outline:0;width:100%;font-family:inherit;font-size:13px}.visit-search input::placeholder{color:#98a2b3}.visit-list{flex-direction:column;gap:11px;margin-top:24px;display:flex}.visit-row{background:#fcfdfe;border:1px solid #e7ebf0;border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:15px;min-height:78px;padding:14px 16px;transition:all .2s;display:grid}.visit-row:hover{background:#fffdf8;border-color:#ddc77e;transform:translateY(-1px)}.visit-row-icon{color:#b78200;background:#fff3d6;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.visit-row-main{flex-direction:column;gap:5px;min-width:0;display:flex}.visit-row-main strong{color:#172033;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.visit-row-main span{color:#8791a0;font-size:11px}.visit-row-date{flex-direction:column;gap:5px;min-width:105px;display:flex}.visit-row-date strong{color:#475467;font-size:11px}.visit-row-date small{color:#98a2b3;font-size:10px}.visit-row-payment{flex-direction:column;align-items:flex-end;gap:5px;min-width:105px;display:flex}.visit-row-payment strong{color:#172033;font-size:13px;font-weight:800}.visit-row-payment small{color:#b07d00;letter-spacing:.08em;font-size:10px;font-weight:800}.visit-empty{color:#8993a3;text-align:center;background:#fbfcfd;border:1px dashed #d8dee7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:250px;margin-top:22px;font-size:13px;display:flex}.visit-empty svg{color:#a3acb9}@media (width<=1150px){.visit-content{padding:28px 28px 50px}.visit-main-grid{grid-template-columns:1fr}.visit-list-card{order:2}}@media (width<=850px){.visit-summary-grid{grid-template-columns:1fr}.visit-summary-card{min-height:150px}.visit-topbar{padding:18px 24px}.visit-content{padding:24px 20px 44px}}@media (width<=620px){.visit-topbar{gap:13px;min-height:78px;padding:14px 16px}.visit-back{flex-basis:42px;width:42px;height:42px}.visit-topbar h1{font-size:23px}.visit-topbar>div>span{font-size:9px}.visit-content{padding:18px 14px 35px}.visit-summary-grid{gap:13px;margin-bottom:16px}.visit-summary-card{border-radius:17px;min-height:142px;padding:20px}.visit-summary-icon{width:42px;height:42px;margin-bottom:13px}.visit-summary-card>strong{font-size:24px}.visit-form-card,.visit-list-card{border-radius:17px;padding:20px}.visit-card-heading,.visit-list-heading{flex-direction:column;gap:13px}.visit-card-heading h2,.visit-list-heading h2{font-size:19px}.visit-price-badge{align-self:flex-start}.visit-search{width:100%}.visit-date-info{grid-template-columns:1fr}.visit-method-grid{gap:7px}.visit-method{min-height:65px}.visit-row{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:13px}.visit-row-icon{width:40px;height:40px}.visit-row-date,.visit-row-payment{grid-column:2;align-items:flex-start;min-width:0}.visit-row-payment{padding-top:2px}.visit-empty{min-height:190px}}.checkin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin-bottom:24px;display:grid}.checkin-stat-card{background:#fff;border:1px solid #e1e6ed;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:165px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #141f2d0f}.checkin-stat-card:after{content:"";background:#daae3514;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-35px;right:-30px}.checkin-stat-icon{z-index:1;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:16px;display:grid;position:relative}.checkin-stat-card.today .checkin-stat-icon{color:#b47d00;background:#fff3d6}.checkin-stat-card.seven .checkin-stat-icon{color:#3574d3;background:#e7f0ff}.checkin-stat-card.thirty .checkin-stat-icon{color:#11966d;background:#e4f7ef}.checkin-stat-card>span{z-index:1;letter-spacing:.13em;color:#667085;font-size:11px;font-weight:800;position:relative}.checkin-stat-card>strong{z-index:1;color:#172033;margin-top:6px;font-size:30px;font-weight:800;line-height:1.15;position:relative}.checkin-stat-card>small{z-index:1;color:#8993a2;margin-top:7px;font-size:12px;position:relative}@media (width<=850px){.checkin-stats-grid{grid-template-columns:1fr}.checkin-stat-card{min-height:145px}}@media (width<=600px){.checkin-stats-grid{gap:13px;margin-bottom:17px}.checkin-stat-card{border-radius:17px;min-height:135px;padding:20px}.checkin-stat-icon{width:42px;height:42px;margin-bottom:12px}.checkin-stat-card>strong{font-size:26px}}.auth-page{background:radial-gradient(circle at 20% 10%,#daae3521,#0000 30%),radial-gradient(circle at 85% 85%,#2a5e9a24,#0000 32%),#0b1220;place-items:center;width:100%;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-background{pointer-events:none;background:linear-gradient(135deg,#070d18f5,#0d1828e8);position:absolute;inset:0}.auth-card{z-index:1;background:#fffffff7;border:1px solid #ffffff1a;border-radius:26px;width:min(100%,450px);padding:38px;position:relative;box-shadow:0 30px 80px #00000052}.auth-brand{align-items:center;gap:13px;margin-bottom:38px;display:flex}.auth-brand-icon{color:#e0b83f;background:#172236;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.auth-brand strong{letter-spacing:.08em;color:#172033;font-size:17px;display:block}.auth-brand span{letter-spacing:.18em;color:#8a94a3;margin-top:3px;font-size:9px;font-weight:800;display:block}.auth-heading>span{letter-spacing:.16em;color:#b1820e;font-size:10px;font-weight:800}.auth-heading h1{color:#172033;letter-spacing:-.035em;margin:7px 0 9px;font-size:29px;line-height:1.15}.auth-heading p{color:#697586;margin:0;font-size:13px;line-height:1.7}.auth-form{flex-direction:column;gap:19px;margin-top:30px;display:flex}.auth-form label{flex-direction:column;gap:8px;display:flex}.auth-form label>span{color:#344054;font-size:12px;font-weight:750}.auth-input{color:#8a94a3;background:#f9fafb;border:1px solid #d9dee7;border-radius:13px;align-items:center;gap:11px;min-height:52px;padding:0 14px;transition:all .2s;display:flex}.auth-input:focus-within{background:#fff;border-color:#d3aa36;box-shadow:0 0 0 4px #d3aa361c}.auth-input input{color:#172033;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.auth-input input::placeholder{color:#a0a8b4}.auth-password-toggle{color:#8993a1;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.auth-error{color:#b42318;background:#fff5f5;border:1px solid #f2caca;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.5}.auth-submit{color:#fff;cursor:pointer;background:#172236;border:0;border-radius:13px;min-height:53px;margin-top:3px;font-size:14px;font-weight:800;transition:all .2s}.auth-submit:hover:not(:disabled){background:#24344d;transform:translateY(-1px);box-shadow:0 10px 25px #17223633}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-footer{border-top:1px solid #edf0f3;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;display:flex}.auth-footer span{letter-spacing:.12em;color:#8b95a3;font-size:9px;font-weight:800}.auth-footer small{color:#a0a8b4;font-size:10px}@media (width<=520px){.auth-page{padding:15px}.auth-card{border-radius:21px;padding:28px 22px}.auth-brand{margin-bottom:30px}.auth-heading h1{font-size:25px}.auth-footer{flex-direction:column}}