:root{--accent:#f97316;--accent-light:#fb923c;--accent-dark:#ea580c;--accent-glow:#f9731626;--accent-soft:#f9731614;--bg:#f4f5f9;--bg2:#eceef4;--surface:#fff;--surface2:#f6f7fb;--t1:#1a1d2e;--t2:#585c75;--t3:#9ca0b4;--t-inv:#fff;--border:#00000012;--green:#22c55e;--green-soft:#22c55e1a;--red:#ef4444;--red-soft:#ef444414;--gold:#eab308;--gold-soft:#eab3081a;--blue:#3b82f6;--blue-soft:#3b82f61a;--grad-main:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--grad-card:linear-gradient(145deg, #1c1f36 0%, #28305a 100%);--grad-blue:linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--grad-green:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--grad-bg:linear-gradient(160deg, #fff7ed 0%, #f0f3ff 50%, #f5f0ff 100%);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;--shadow-sm:0 1px 4px #0000000d;--shadow-md:0 2px 12px #00000012;--shadow-lg:0 4px 24px #0000001a;--shadow-accent:0 6px 20px #f9731640;--font:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font2:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-height:64px;--bottom-nav-height:68px;--primary-color:var(--accent);--primary-color-hover:var(--accent-dark);--primary-color-light:var(--accent-soft);--primary-color-glow:var(--accent-glow);--bg-primary:var(--bg);--bg-secondary:var(--surface);--bg-tertiary:var(--bg2);--bg-card:var(--surface);--text-primary:var(--t1);--text-secondary:var(--t2);--text-muted:var(--t3);--text-inverse:var(--t-inv);--border-color:var(--border);--border-color-light:#0000000a;--success-color:var(--green);--success-soft:var(--green-soft);--danger-color:var(--red);--danger-soft:var(--red-soft);--warning-color:var(--gold);--warning-soft:var(--gold-soft);--info-color:var(--blue);--info-soft:var(--blue-soft);--font-family:var(--font);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{justify-content:center;align-items:center;display:flex}.mobile-container{background:var(--bg);flex-direction:column;width:100%;max-width:480px;height:100dvh;display:flex;overflow:hidden}@media (width>=481px){body{background:#e8eaf0}.mobile-container{height:100dvh;box-shadow:0 0 40px #0000000f}}.page-content{padding-bottom:calc(var(--bottom-nav-height) + 16px);flex:1;overflow:hidden auto}.page-content::-webkit-scrollbar{width:0}.btn-primary{background:var(--grad-main);color:#fff;border-radius:var(--r-sm);width:100%;font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-accent);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:15px;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.btn-primary:active{opacity:.9;transform:scale(.99)}.sec{color:var(--t1);justify-content:space-between;align-items:center;padding:18px 16px 8px;font-size:14px;font-weight:700;display:flex}.sec-link{color:var(--accent);cursor:pointer;font-size:12px;font-weight:600}.field-group{flex-direction:column;gap:12px;display:flex}.field-lbl{color:var(--t2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:600}.field-input-wrap{position:relative}.field-input-wrap .fi-icon{color:var(--t3);display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--t1);font-family:var(--font);outline:none;padding:12px 14px 12px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.field-input::placeholder{color:var(--t3)}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex;position:sticky;top:0}.brand-header{position:sticky}.topbar-logo{align-items:center;gap:9px;display:flex}.topbar-logo-icon{background:var(--grad-main);border-radius:var(--r-sm);justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 8px #f9731633}.topbar-brand{color:var(--t1);font-size:17px;font-weight:800;font-family:var(--font2);letter-spacing:-.3px}.topbar-brand span{color:var(--accent)}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-icon-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:34px;height:34px;color:var(--t2);justify-content:center;align-items:center;transition:background .2s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg2)}.notif-dot{background:var(--red);border:1.5px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.topbar-center-title{color:var(--t1);font-size:16px;font-weight:700;left:50%}.mark-read-btn{color:var(--accent);background:var(--accent-soft);border-radius:var(--r-sm);font-size:11px;font-family:var(--font);cursor:pointer;border:none;padding:4px 10px;font-weight:700}.back-header{position:sticky}.back-btn{color:var(--t2);font-family:var(--font);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:500;display:flex}.header-title{color:var(--t1);font-size:16px;font-weight:700}.bottom-nav{height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--border);padding:0 6px env(safe-area-inset-bottom,0px);z-index:100;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000d}.nav-item{height:100%;color:var(--t3);font-size:10px;font-family:var(--font);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px 12px;font-weight:600;transition:all .2s;display:flex;position:relative}.nav-icon{transition:transform .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-item:active{transform:scale(.95)}.nav-badge{background:var(--red);border:1.5px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-5px}.nav-qr-wrap{flex:1;justify-content:center;align-items:flex-end;padding-bottom:8px;display:flex;position:relative}.nav-qr-btn{border-radius:var(--r-md);background:var(--grad-main);width:52px;height:52px;box-shadow:var(--shadow-accent);cursor:pointer;border:2px solid var(--surface);color:#fff;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;bottom:12px}.nav-qr-btn:active{transform:scale(.92);box-shadow:0 4px 12px #f9731640}.nav-qr-btn.active{transform:scale(1.05);box-shadow:0 6px 20px #f9731666}.login-page{background:var(--grad-bg);flex-direction:column;flex:1;align-items:center;height:100vh;padding:24px 0 0;display:flex;position:relative;overflow:hidden}.login-blob{pointer-events:none;background:radial-gradient(circle,#f973161f 0%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.login-blob2{pointer-events:none;background:radial-gradient(circle,#3b82f60f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:80px;left:-80px}.login-top{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 28px 16px;display:flex}.login-logo-wrap{background:var(--grad-main);border-radius:var(--r-md);width:52px;height:52px;box-shadow:var(--shadow-accent);justify-content:center;align-items:center;display:flex}.login-app-name{font-family:var(--font2);color:var(--t1);letter-spacing:-1px;font-size:26px;font-weight:800}.login-app-name span{color:var(--accent)}.login-tagline{color:var(--t2);font-size:12px;font-weight:400}.scan-outer{flex-direction:column;align-items:center;gap:12px;margin:auto 0;padding:0 24px;display:flex}.scan-box{background:var(--surface);border-radius:var(--r-lg);width:240px;height:240px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scan-corner{border-color:var(--accent);z-index:3;border-style:solid;width:28px;height:28px;position:absolute}.scan-corner.tl{border-width:3px 0 0 3px;border-radius:6px 0 0;top:16px;left:16px}.scan-corner.tr{border-width:3px 3px 0 0;border-radius:0 6px 0 0;top:16px;right:16px}.scan-corner.bl{border-width:0 0 3px 3px;border-radius:0 0 0 6px;bottom:16px;left:16px}.scan-corner.br{border-width:0 3px 3px 0;border-radius:0 0 6px;bottom:16px;right:16px}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.85;z-index:3;width:70%;height:2px;animation:2.2s ease-in-out infinite scanBeam;position:absolute}@keyframes scanBeam{0%,to{top:16%}50%{top:80%}}.scan-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-overlay{background:var(--surface);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.scan-inner-icon{opacity:.12;color:var(--t2)}.scan-status-text{color:var(--t3);font-size:13px;font-weight:500}.scan-label{color:var(--t3);text-align:center;max-width:260px;font-size:12px;font-weight:400;line-height:1.6}.login-email-btn{color:var(--accent);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:14px 28px 16px;font-size:14px;font-weight:600}.login-inline-form{flex-direction:column;gap:14px;width:100%;max-width:360px;margin:0 auto;padding:0 24px 40px;animation:.3s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-inline-title{color:var(--t2);text-align:center;font-size:14px;font-weight:600}.login-inline-error{color:#ef4444;margin-top:-4px;font-size:12px}.ptr-container{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.ptr-container::-webkit-scrollbar{width:0}.ptr-indicator{justify-content:center;align-items:flex-end;transition:height .2s,opacity .2s;display:flex;overflow:hidden}.ptr-spinner{justify-content:center;align-items:center;padding-bottom:8px;display:flex}.ptr-spinning{animation:.8s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.home-page{flex-direction:column;display:flex}.home-hero-card{background:var(--grad-card);border-radius:var(--r-lg);margin:16px 16px 0;padding:20px 20px 18px;position:relative;overflow:hidden;box-shadow:0 4px 20px #1c1f3633}.hero-glow-1{pointer-events:none;background:radial-gradient(circle,#f973162e 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.hero-glow-2{pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-50px;left:-30px}.hero-top{justify-content:space-between;align-items:flex-start;display:flex}.hero-greet{color:#ffffff8c;font-size:12px;font-weight:400}.hero-name{color:#fff;letter-spacing:-.3px;margin-top:2px;font-size:20px;font-weight:700}.hero-plan-tag{border-radius:var(--r-sm);color:#fb923c;text-transform:uppercase;letter-spacing:.06em;background:#f973162e;border:1px solid #f9731659;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.hero-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f9731659,#f973162e);border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.hero-stats{border-top:1px solid #ffffff17;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:20px;padding-top:18px;display:grid}.hero-stat{text-align:center}.hero-stat+.hero-stat{border-left:1px solid #ffffff17}.hero-stat-val{color:#fff;font-size:22px;font-weight:800;font-family:var(--font2);line-height:1}.hero-stat-lbl{color:#ffffff73;text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:10px;font-weight:500}.hero-id-row{border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.hero-id{color:#ffffff73;font-size:11px}.hero-days-left{border-radius:var(--r-sm);color:#fb923c;background:#ffffff14;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.banners{flex-direction:column;gap:8px;margin:12px 16px 0;display:flex}.banner{border-radius:var(--r-sm);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;font-weight:400;line-height:1.5;display:flex}.banner-alert{background:var(--red-soft);color:#b91c1c}.banner-birthday{background:var(--gold-soft);color:#854d0e}.banner strong{font-weight:700}.banner-icon{flex-shrink:0;margin-top:1px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;display:grid}.qcard{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;flex-direction:column;gap:12px;padding:16px 14px;transition:transform .15s,box-shadow .15s;display:flex}.qcard:active{box-shadow:none;transform:scale(.97)}.qcard-icon{border-radius:var(--r-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.qcard-icon.orange{background:var(--accent-soft)}.qcard-icon.blue{background:var(--blue-soft)}.qcard-icon.green{background:var(--green-soft)}.qcard-icon.purple{background:#8250ff1a}.qcard-label{color:var(--t1);font-size:13px;font-weight:700}.qcard-sub{color:var(--t3);margin-top:1px;font-size:11px;font-weight:400}.pt-card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);align-items:center;gap:14px;margin:0 16px;padding:14px;display:flex}.pt-ava{border-radius:var(--r-sm);background:var(--grad-blue);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pt-info{flex:1;min-width:0}.pt-info h4{color:var(--t1);font-size:14px;font-weight:700}.pt-info p{color:var(--t2);margin-top:1px;font-size:11px;font-weight:400}.pt-active-pill{background:var(--green-soft);border-radius:var(--r-sm);color:#16a34a;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;margin-top:6px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.pt-btns{flex-shrink:0;gap:8px;display:flex}.pt-btn{border-radius:var(--r-sm);background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--t2);justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.pt-btn:hover{border-color:var(--accent);color:var(--accent)}.pwa-popup{margin:6px 0 2px;padding:0 16px;animation:.35s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pwa-popup-content{background:var(--grad-main);border-radius:var(--r-md);box-shadow:var(--shadow-accent);align-items:center;gap:12px;padding:12px 14px;display:flex}.pwa-popup-icon{border-radius:var(--r-sm);background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pwa-popup-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pwa-popup-text strong{color:#fff;font-size:13px;font-weight:700}.pwa-popup-text span{color:#ffffffd9;font-size:11px}.pwa-popup-add{border-radius:var(--r-sm);color:var(--accent);font-family:var(--font);cursor:pointer;background:#fff;border:none;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:700;transition:background .2s}.pwa-popup-add:hover{background:#ffffffe6}.pwa-popup-add-outline{color:#fff;background:0 0;border:1.5px solid #ffffff80}.pwa-popup-add-outline:hover{background:#ffffff26}.pwa-popup-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:20px;line-height:1}.pwa-popup-close:hover{color:#fff}.qr-page{flex-direction:column;align-items:center;display:flex}.qr-screen-wrap{flex-direction:column;align-items:center;gap:14px;width:100%;padding:20px 16px 0;display:flex}.qr-hero-card{background:var(--grad-card);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:18px;width:100%;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #1c1f362e}.qr-hero-glow{pointer-events:none;background:radial-gradient(circle,#f9731626 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.qr-white-box{border-radius:var(--r-sm);aspect-ratio:1;background:#fff;justify-content:center;align-items:center;width:80%;max-width:300px;padding:12px;display:flex;box-shadow:0 2px 12px #0000001f}.qr-mid-id{color:#fff;letter-spacing:2px;font-size:16px;font-weight:700;font-family:var(--font2)}.qr-mid-id:first-of-type{letter-spacing:1px;color:#ffffff80;margin-top:-6px;font-size:12px;font-weight:500}.qr-hint{color:#ffffff73;text-align:center;font-size:12px;font-weight:400}.qr-live-row{color:#ffffff8c;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.qr-pulse{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulseAnim}@keyframes pulseAnim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.qr-refresh-btn{border-radius:var(--r-sm);font-family:var(--font);color:#ffffffb3;cursor:pointer;background:#ffffff17;border:1px solid #ffffff24;align-items:center;gap:7px;padding:8px 18px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.qr-refresh-btn:hover{background:#ffffff24}.today-log{width:100%}.today-log-card{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.log-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:10px;height:10px}.log-info{flex:1}.log-date{color:var(--t1);font-size:13px;font-weight:600}.log-time{color:var(--t2);margin-top:2px;font-size:11px}.log-chip{background:var(--green-soft);color:#16a34a;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.payments-page{flex-direction:column;gap:8px;display:flex}.due-card{background:var(--grad-main);border-radius:var(--r-lg);box-shadow:var(--shadow-accent);margin:16px 16px 0;padding:20px 20px 18px;position:relative;overflow:hidden}.due-glow{pointer-events:none;background:#ffffff1f;border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-50px}.due-glow2{pointer-events:none;background:#ffffff0f;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-40px;left:-30px}.due-lbl{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}.due-amt{color:#fff;font-size:40px;font-weight:800;font-family:var(--font2);letter-spacing:-1px;margin-top:4px;line-height:1.1}.due-dt{color:#ffffffa6;margin-top:4px;font-size:12px}.due-dt span{color:#fff;font-weight:600}.btn-pay{border-radius:var(--r-sm);color:#fff;font-family:var(--font);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.btn-pay:hover{background:#ffffff47}.pay-list{flex-direction:column;gap:8px;padding:0 16px;display:flex}.pay-item{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.pay-item:hover{border-color:#f9731640;box-shadow:0 1px 8px #f9731614}.pay-action{align-items:center;gap:10px;display:flex}.pay-receipt-link{color:var(--accent);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.pay-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pay-name{color:var(--t1);font-size:13px;font-weight:600}.pay-val{color:var(--t1);font-size:15px;font-weight:800;font-family:var(--font2);letter-spacing:-.3px}.pay-meta-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.pay-meta{color:var(--t3);font-size:11px}.pay-chip{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.04em;padding:2px 10px;font-size:10px;font-weight:700}.pay-chip.paid{background:var(--green-soft);color:#16a34a}.pay-chip.due{background:var(--red-soft);color:var(--red)}.notifications-page{flex-direction:column;display:flex}.notif-list{flex-direction:column;gap:8px;padding:8px 16px 0;display:flex}.notif-item{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;gap:12px;padding:12px 14px;transition:transform .15s;display:flex}.notif-item:active{transform:scale(.98)}.notif-item.unread{background:var(--accent-soft);border-color:#f9731626}.notif-logo-wrap{border-radius:var(--r-sm);background:var(--grad-main);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-logo-wrap.blue{background:var(--grad-blue)}.notif-logo-wrap.green{background:var(--grad-green)}.notif-logo-wrap.gold{background:linear-gradient(135deg,#eab308,#ca8a04)}.notif-logo-wrap.dark{background:var(--grad-card)}.notif-body{flex:1;min-width:0}.notif-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notif-title{color:var(--t1);font-size:13px;font-weight:700;line-height:1.3}.notif-time{color:var(--t3);white-space:nowrap;flex-shrink:0;margin-top:1px;font-size:10px;font-weight:500}.notif-desc{color:var(--t2);margin-top:4px;font-size:12px;font-weight:400;line-height:1.5}.notif-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.notif-sep{color:var(--t3);text-transform:uppercase;letter-spacing:.08em;padding:10px 0 2px;font-size:11px;font-weight:700}.profile-page{flex-direction:column;gap:0;display:flex}.profile-hero{background:var(--grad-card);flex-direction:column;align-items:center;gap:10px;padding:24px 20px 20px;display:flex;position:relative;overflow:hidden}.profile-hero-glow{pointer-events:none;background:radial-gradient(circle,#f9731626 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.profile-pic{border-radius:var(--r-md);color:#fff;width:72px;height:72px;font-size:26px;font-weight:800;font-family:var(--font2);z-index:1;background:linear-gradient(135deg,#f9731666,#f9731633);border:2px solid #ffffff26;justify-content:center;align-items:center;display:flex}.profile-name{color:#fff;letter-spacing:-.3px;font-size:19px;font-weight:800;font-family:var(--font2);z-index:1}.profile-id{color:#fff6;z-index:1;margin-top:2px;font-size:11px}.profile-badges{z-index:1;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px;display:flex}.profile-badge{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.pb-gold{color:#eab308;background:#eab3081f;border:1px solid #eab30840}.pb-green{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40}.info-section{flex-direction:column;gap:0;padding:0 16px;display:flex}.info-card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.info-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.info-row+.info-row{border-top:1px solid var(--border)}.info-left{align-items:center;gap:10px;display:flex}.info-lbl-icon{color:var(--t3);display:flex}.info-lbl{color:var(--t2);font-size:13px;font-weight:500}.info-val{color:var(--t1);text-align:right;font-size:13px;font-weight:700}.info-val.green{color:var(--green)}.btn-signout{background:var(--red-soft);border-radius:var(--r-sm);width:calc(100% - 32px);color:var(--red);font-family:var(--font);cursor:pointer;border:1px solid #ef444433;justify-content:center;align-items:center;gap:8px;margin:16px 16px 0;padding:12px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.btn-signout:hover{background:#ef44441f}.edit-btn{color:var(--accent);font-family:var(--font);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.edit-btn:hover{background:var(--accent-glow)}.edit-actions{align-items:center;gap:6px;display:flex}.edit-save,.edit-cancel{border-radius:var(--r-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.edit-save{background:var(--green-soft);color:var(--green)}.edit-save:hover{background:#22c55e26}.edit-cancel{background:var(--red-soft);color:var(--red)}.edit-cancel:hover{background:#ef44441f}.info-edit-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r-sm);width:120px;color:var(--t1);font-family:var(--font);text-align:right;outline:none;padding:6px 10px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.info-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.attendance-page{flex-direction:column;gap:8px;display:flex}.att-stat-row{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:16px 16px 0;display:grid}.att-stat-box{background:var(--surface);border-radius:var(--r-sm);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:12px 10px}.att-stat-num{font-size:24px;font-weight:800;line-height:1;font-family:var(--font2)}.att-stat-num.g{color:var(--green)}.att-stat-num.r{color:var(--red)}.att-stat-num.o{color:var(--accent)}.att-stat-lbl{color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:10px;font-weight:600}.att-list{flex-direction:column;gap:8px;padding:0 16px;display:flex}.att-item{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.att-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.att-dot.p{background:var(--green)}.att-dot.a{background:var(--red)}.att-txt{flex:1}.att-dt{color:var(--t1);font-size:13px;font-weight:600}.att-tm{color:var(--t2);margin-top:2px;font-size:11px}.att-chip{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:700}.att-chip.p{background:var(--green-soft);color:#16a34a}.att-chip.a{background:var(--red-soft);color:var(--red)}.plans-page{flex-direction:column;gap:8px;display:flex}.plans-list{flex-direction:column;gap:10px;padding:0 16px;display:flex}.plan-card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:16px;position:relative;overflow:hidden}.plan-card.active-plan{background:var(--grad-card);border-color:#f9731640}.plan-card.history-plan{background:var(--surface);border-color:#94a3b826 #94a3b826 #94a3b826 #94a3b866;border-left-style:solid;border-left-width:3px}.plan-card.history-plan .plan-tier.ob,.plan-card.history-plan .plan-name.ob,.plan-card.history-plan .plan-price.ob,.plan-card.history-plan .plan-feat.ob{opacity:.6}.plan-card.history-plan .plan-price.ob,.plan-card.history-plan .feat-chk.ob{color:var(--t3)}.plan-card.active-plan:before{content:"";background:var(--grad-main);height:3px;position:absolute;top:0;left:0;right:0}.plan-active-tag{background:var(--accent);color:#fff;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.06em;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.plan-tier{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.plan-tier.oa{color:#fff6}.plan-tier.ob{color:var(--t3)}.plan-name{letter-spacing:-.5px;font-size:22px;font-weight:800;font-family:var(--font2);margin-top:2px}.plan-name.oa{color:#fff}.plan-name.ob{color:var(--t1)}.plan-price{font-size:26px;font-weight:800;font-family:var(--font2);letter-spacing:-.5px}.plan-price sub{vertical-align:baseline;font-size:13px;font-weight:500}.plan-price.oa{color:#fb923c}.plan-price.ob{color:var(--accent)}.plan-div{height:1px;margin:14px 0}.plan-div.oa{background:#ffffff14}.plan-div.ob{background:var(--border)}.plan-feats{flex-direction:column;gap:8px;display:flex}.plan-feat{align-items:center;gap:9px;font-size:12.5px;display:flex}.plan-feat.oa{color:#fff9}.plan-feat.ob{color:var(--t2)}.feat-chk{flex-shrink:0}.feat-chk.oa{color:#fb923c}.feat-chk.ob{color:var(--green)}.plan-exp{align-items:center;gap:5px;margin-top:14px;font-size:11px;display:flex}.plan-exp.oa{color:#ffffff59}.plan-exp span{color:var(--red);font-weight:600}.btn-upgrade{background:var(--accent-soft);border-radius:var(--r-sm);width:100%;color:var(--accent);font-family:var(--font);cursor:pointer;border:1px solid #f9731640;margin-top:14px;padding:11px;font-size:13px;font-weight:700;transition:background .2s}.btn-upgrade:hover{background:#f9731626}.btn-secondary-plan{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--t2);font-family:var(--font);cursor:pointer;background:0 0;margin-top:14px;padding:11px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s}.btn-secondary-plan:hover{border-color:var(--accent);color:var(--accent)}.receipt-page{flex-direction:column;height:100%;display:flex}.receipt-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.receipt-toolbar-info{align-items:center;gap:8px;display:flex}.receipt-no-label{color:var(--t1);font-size:13px;font-weight:700;font-family:var(--font2)}.receipt-download-btn{background:var(--grad-main);border-radius:var(--r-sm);color:#fff;font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-accent);border:none;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.receipt-download-btn:active{opacity:.9;transform:scale(.98)}.receipt-preview-area{-webkit-overflow-scrolling:touch;background:#e8eaf0;flex:1;justify-content:flex-start;align-items:flex-start;padding:16px;display:flex;overflow:auto}.receipt-preview-area::-webkit-scrollbar{width:0}.a4-wrapper{flex-shrink:0;position:relative}.a4-paper{transform-origin:0 0;box-sizing:border-box;background:#fff;width:210mm;min-height:297mm;position:absolute;top:0;left:0;box-shadow:0 4px 24px #00000026}.a4-content{box-sizing:border-box;--sd-receipt-accent:#7367f0;color:#333;flex-direction:column;min-height:297mm;padding:18mm 16mm;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative}.sd-receipt-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sd-receipt-header-left{align-items:flex-start;gap:12px;display:flex}.sd-receipt-logo{object-fit:contain;border-radius:4px;flex-shrink:0;width:42px;height:42px}.sd-receipt-gym-name{color:#14162a;letter-spacing:-.3px;font-size:18px;font-weight:800}.sd-receipt-address{color:#666;margin-top:2px;font-size:10px}.sd-receipt-contact-info{flex-direction:column;gap:1px;margin-top:2px;display:flex}.sd-receipt-contact-info span{color:#888;font-size:10px}.sd-receipt-header-right{text-align:right}.sd-receipt-title{color:var(--sd-receipt-accent);letter-spacing:.05em;font-size:16px;font-weight:800}.sd-receipt-number{color:#888;margin-top:2px;font-size:11px;font-weight:600}.sd-receipt-divider{background:linear-gradient(90deg, var(--sd-receipt-accent), #5c21a0);border-radius:1px;height:2px;margin:16px 0}.sd-receipt-info-grid{gap:40px;margin-bottom:18px;display:flex}.sd-receipt-info-col{flex-direction:column;flex:1;gap:8px;display:flex}.sd-receipt-info-row{align-items:baseline;gap:6px;font-size:11px;display:flex}.sd-receipt-info-label{color:#888;min-width:100px;font-weight:500}.sd-receipt-info-label--right{min-width:110px}.sd-receipt-info-value{color:#14162a;font-weight:600}.sd-receipt-summary{margin-bottom:16px}.sd-receipt-summary-title{color:#14162a;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--sd-receipt-accent);margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:700}.sd-receipt-summary-grid{background:#e8e8e8;border:1px solid #e8e8e8;border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.sd-receipt-summary-cell{color:#666;white-space:nowrap;background:#fff;padding:10px 14px;font-size:11px}.sd-receipt-summary-cell strong{color:#14162a;font-weight:700}.sd-receipt-summary-discount,.sd-receipt-summary-outstanding{color:#14162a!important}.sd-receipt-summary-extra{color:#666;justify-content:space-between;padding:8px 14px 0;font-size:11px;display:flex}.sd-receipt-table{border-collapse:collapse;border:1px solid #e8e8e8;width:100%;margin-bottom:16px;font-size:11px}.sd-receipt-table-header-row{border-bottom:2px solid var(--sd-receipt-accent);background:#f7f8fb}.sd-receipt-table-header-cell{text-align:left;color:#14162a;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--sd-receipt-accent);border-right:1px solid #e8e8e8;padding:10px 12px;font-size:10px;font-weight:700}.sd-receipt-table-header-cell:last-child{border-right:none}.sd-receipt-table-header-cell--right{text-align:right}.sd-receipt-table-cell{color:#333;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding:12px}.sd-receipt-table-cell:last-child{border-right:none}.sd-receipt-table-cell--bold{font-weight:600}.sd-receipt-table-cell--right{text-align:right;font-weight:700}.sd-receipt-amount-paid{justify-content:flex-end;gap:12px;margin:16px;font-size:14px;font-weight:800;display:flex}.sd-receipt-amount-paid span:first-child{color:var(--sd-receipt-accent)}.sd-receipt-amount-paid span:last-child{color:#666}.sd-receipt-words{background:#f7f8fb;border:1px solid #eee;border-radius:8px;align-items:baseline;gap:6px;margin-bottom:20px;padding:10px 14px;font-size:11px;display:flex}.sd-receipt-words-label{color:#888;white-space:nowrap;font-weight:600}.sd-receipt-words-value{color:#14162a;font-style:italic;font-weight:600}.sd-receipt-tnc{margin-bottom:20px;padding:8px 0}.sd-receipt-tnc-title{color:#14162a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700}.sd-receipt-tnc-text{color:#888;font-size:9px;line-height:1.6}.sd-receipt-tnc-list{color:#888;margin:0;padding-left:16px;font-size:9px;line-height:1.6}.sd-receipt-tnc-list li{margin-bottom:2px}.sd-receipt-bottom{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;padding-top:16px;display:flex}.sd-receipt-qr{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.sd-receipt-qr-wrapper{justify-content:center;align-items:center;width:90px;height:90px;display:flex}.sd-receipt-qr-wrapper img{border-radius:4px}.sd-receipt-qr-label{color:#888;font-size:9px;font-weight:600}.sd-receipt-bottom-center{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;padding-bottom:4px;display:flex}.sd-receipt-gstin{color:#888;margin-bottom:4px;font-size:10px;font-weight:600}.sd-receipt-thankyou{color:var(--sd-receipt-accent);margin-bottom:4px;font-size:11px;font-weight:700}.sd-receipt-disclaimer{color:#aaa;max-width:200px;font-size:9px}.sd-receipt-signature{flex-direction:column;align-items:center;gap:6px;display:flex}.sd-receipt-signature-line{border-top:1px dashed #aaa;width:120px}.sd-receipt-signature-label{color:#888;font-size:10px}@media print{@page{size:A4;margin:0}html,body{background:#fff!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}#root,.mobile-container,.page-content{height:auto!important;overflow:visible!important}.app-header,.bottom-nav,#receipt-toolbar-no-print{display:none!important}.receipt-page{height:auto!important}.receipt-preview-area{background:#fff!important;padding:0!important;display:block!important;overflow:visible!important}.a4-wrapper{width:auto!important;min-height:auto!important}.a4-paper{box-shadow:none!important;width:100%!important;min-height:297mm!important;margin:0!important;position:static!important;overflow:hidden!important;transform:none!important}.a4-content,.a4-content *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.a4-content{flex-direction:column!important;height:auto!important;min-height:277mm!important;padding:18mm 16mm!important;display:flex!important}}.stats-page{flex-direction:column;gap:16px;padding:16px 16px 90px;display:flex}.st-loading{color:var(--t3);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.st-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite st-spin}@keyframes st-spin{to{transform:rotate(360deg)}}.st-header{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.st-header-title{color:var(--t1);font-size:20px;font-weight:700}.st-header-sub{color:var(--t3);margin-top:2px;font-size:13px}.st-header-icon{border-radius:var(--r-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);justify-content:center;align-items:center;display:flex}.st-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.st-card{border-radius:var(--r-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:16px 14px;display:flex;position:relative;overflow:hidden}.st-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.st-card--accent{background:var(--surface);border:1px solid var(--border)}.st-card--accent:before{background:var(--grad-main)}.st-card--accent .st-card-icon{color:var(--accent);background:var(--accent-soft)}.st-card--blue{background:var(--surface);border:1px solid var(--border)}.st-card--blue:before{background:var(--grad-blue)}.st-card--blue .st-card-icon{color:var(--blue);background:var(--blue-soft)}.st-card--green{background:var(--surface);border:1px solid var(--border)}.st-card--green:before{background:var(--grad-green)}.st-card--green .st-card-icon{color:var(--green);background:var(--green-soft)}.st-card--gold{background:var(--surface);border:1px solid var(--border)}.st-card--gold:before{background:var(--gold)}.st-card--gold .st-card-icon{color:var(--gold);background:var(--gold-soft)}.st-card-icon{border-radius:var(--r-sm);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:4px;display:flex}.st-card-value{color:var(--t1);font-size:24px;font-weight:800;font-family:var(--font2);line-height:1.1}.st-card-label{color:var(--t3);font-size:12px}.st-section{flex-direction:column;gap:10px;display:flex}.st-section-head{justify-content:space-between;align-items:baseline;display:flex}.st-section-title{color:var(--t1);font-size:16px;font-weight:700}.st-section-sub{color:var(--t3);font-size:12px}.st-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);height:150px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-end;padding:16px 14px 10px;display:flex}.st-bar-col{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.st-bar-track{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.st-bar{background:var(--grad-main);border-radius:6px 6px 0 0;width:20px;max-width:60%;min-height:6px;transition:height .4s}.st-bar-label{color:var(--t3);font-size:11px;font-weight:500}.st-pr-list{flex-direction:column;gap:8px;display:flex}.st-pr-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 14px;display:flex}.st-pr-icon{border-radius:var(--r-sm);background:var(--gold-soft);width:34px;height:34px;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-pr-name{color:var(--t1);flex:1;font-size:14px;font-weight:500}.st-pr-value{color:var(--accent);font-size:15px;font-weight:700;font-family:var(--font2)}.st-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.st-empty-icon{color:var(--t3);opacity:.4;margin-bottom:4px}.st-empty-text{color:var(--t2);font-size:15px;font-weight:600}.st-empty-sub{color:var(--t3);font-size:13px}.workouts-page{flex-direction:column;gap:16px;min-height:100%;padding:16px;display:flex;position:relative}.wk-loading{color:var(--t3);flex-direction:column;align-items:center;gap:14px;padding:60px 0;font-size:14px;display:flex}.wk-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite wk-spin}@keyframes wk-spin{to{transform:rotate(360deg)}}.wk-header{background:var(--grad-card);border-radius:var(--r-lg);justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #1c1f3626}.wk-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9731626 0%,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.wk-header-info{flex-direction:column;gap:4px;display:flex}.wk-header-title{color:#fff;letter-spacing:.02em;font-size:20px;font-weight:700}.wk-header-count{color:#ffffff80;font-size:13px;font-weight:500}.wk-header-icon{border-radius:var(--r-md);color:#fffc;background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wk-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.wk-empty-icon{background:var(--accent-soft);width:80px;height:80px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.wk-empty-title{color:var(--t1);font-size:16px;font-weight:700}.wk-empty-desc{color:var(--t3);max-width:220px;font-size:13px;line-height:1.5}.wk-list{flex-direction:column;gap:10px;display:flex}.wk-item{flex-direction:column;display:flex}.wk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:12px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.wk-card:active{box-shadow:none;transform:scale(.98)}.wk-card--expanded{border-radius:var(--r-md) var(--r-md) 0 0;border-bottom-color:#0000}.wk-card-left{flex-shrink:0}.wk-card-icon{border-radius:var(--r-sm);background:var(--accent-soft);width:38px;height:38px;color:var(--accent);justify-content:center;align-items:center;display:flex}.wk-card-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.wk-card-name{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.wk-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wk-meta-chip{color:var(--t2);background:var(--surface2);border-radius:var(--r-full);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.wk-chevron{color:var(--t3);flex-shrink:0;align-items:center;transition:transform .25s;display:flex}.wk-chevron--open{transform:rotate(180deg)}.wk-detail{background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--r-md) var(--r-md);box-shadow:var(--shadow-sm);border-top:none;margin-bottom:2px;padding:14px}.wk-detail-loading{color:var(--t3);text-align:center;padding:8px 0;font-size:13px}.wk-detail-content{flex-direction:column;gap:12px;display:flex}.wk-detail-notes{color:var(--t2);background:var(--surface2);border-radius:var(--r-sm);padding:10px 12px;font-size:13px;line-height:1.5}.wk-detail-empty{color:var(--t3);text-align:center;padding:4px 0;font-size:13px}.wk-exercises{flex-direction:column;gap:6px;display:flex}.wk-exercises-title{color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:12px;font-weight:700}.wk-exercise-row{background:var(--surface2);border-radius:var(--r-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.wk-exercise-name{color:var(--t1);font-size:13px;font-weight:600}.wk-exercise-stats{color:var(--t2);gap:8px;font-size:12px;font-weight:500;display:flex}.wk-detail-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.wk-edit-form{flex-direction:column;gap:8px;display:flex}.wk-edit-actions{gap:8px;display:flex}.wk-input{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--t1);font-family:var(--font);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.wk-input:focus{border-color:var(--accent)}.wk-textarea{resize:none}.wk-label{color:var(--t1);margin-top:4px;font-size:13px;font-weight:600}.wk-label:first-child{margin-top:0}.wk-btn{font-family:var(--font);border-radius:var(--r-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.wk-btn:active{transform:scale(.97)}.wk-btn--primary{background:var(--grad-main);color:#fff;box-shadow:var(--shadow-accent)}.wk-btn--ghost{background:var(--surface2);color:var(--t2);border:1px solid var(--border)}.wk-btn--danger{background:var(--red-soft);color:var(--red);border:1px solid #ef444433}.wk-btn--full{width:100%;margin-top:8px;padding:13px;font-size:15px}.wk-fab{bottom:calc(var(--bottom-nav-height) + 20px);background:var(--grad-main);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-accent);z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.wk-fab:active{transform:translate(-50%)scale(.9)}.wk-overlay{z-index:90;background:#0006;animation:.2s wk-fade-in;position:fixed;inset:0}@keyframes wk-fade-in{0%{opacity:0}to{opacity:1}}.wk-sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;z-index:100;width:100%;max-width:480px;max-height:85vh;padding:20px;animation:.25s wk-slide-up;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes wk-slide-up{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.wk-sheet-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wk-sheet-title{color:var(--t1);font-size:18px;font-weight:700}.wk-sheet-close{background:var(--surface2);width:32px;height:32px;color:var(--t2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.wk-sheet-close:active{background:var(--bg2)}.wk-sheet-body{flex-direction:column;gap:8px;display:flex}.wk-chip-group{flex-wrap:wrap;gap:6px;display:flex}.wk-chip{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface2);color:var(--t2);font-family:var(--font);cursor:pointer;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.wk-chip--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.wk-meta-chip--accent{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.wk-exercises-editor{flex-direction:column;gap:10px;margin-top:4px;display:flex}.wk-exercises-editor-title{color:var(--t1);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.wk-exercises-editor-title:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:14px}.wk-ex-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:10px;padding:12px;display:flex}.wk-ex-card-head{align-items:center;gap:8px;display:flex}.wk-ex-num{background:var(--accent-soft);width:24px;height:24px;color:var(--accent-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.wk-ex-name{flex:1;font-size:13px;font-weight:500}.wk-ex-remove{width:28px;height:28px;color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.wk-ex-remove:active{background:var(--red-soft);color:var(--red)}.wk-ex-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wk-ex-field-wrap{flex-direction:column;gap:3px;display:flex}.wk-ex-field-label{color:var(--t3);text-transform:uppercase;letter-spacing:.03em;padding-left:2px;font-size:10px;font-weight:600}.wk-ex-field{text-align:center;padding:8px 10px;font-size:13px;font-weight:600}.wk-ex-add{border-radius:var(--r-md);border:1.5px dashed var(--border);width:100%;color:var(--t2);font-family:var(--font);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.wk-ex-add:active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wk-log-row{background:var(--surface2);border-radius:var(--r-sm);flex-direction:column;gap:6px;padding:10px;display:flex}.wk-log-name{color:var(--t1);font-size:13px;font-weight:600}.wk-log-notes{font-size:12px}.wk-history-list{flex-direction:column;gap:10px;display:flex}.wk-history-card{background:var(--surface2);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.wk-history-top{justify-content:space-between;align-items:center;display:flex}.wk-history-date{color:var(--t1);font-size:14px;font-weight:700}.wk-history-vol{color:var(--accent);background:var(--accent-soft);border-radius:var(--r-full);padding:2px 8px;font-size:12px;font-weight:600}.wk-history-dur{color:var(--t2);font-size:12px}.wk-history-exs{flex-direction:column;gap:4px;margin-top:2px;display:flex}.wk-history-ex{justify-content:space-between;align-items:center;font-size:12px;display:flex}.wk-history-ex-name{color:var(--t2);font-weight:500}.wk-history-ex-stats{color:var(--t1);font-weight:600}.wk-confirm-dialog{background:var(--surface);border-radius:var(--r-md);text-align:center;z-index:1001;width:85%;max-width:340px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:12px;padding:24px 20px;animation:.2s wk-confirm-pop;display:flex;position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%)}@keyframes wk-confirm-pop{0%{opacity:0;transform:translate(-50%,50%)scale(.9)}to{opacity:1;transform:translate(-50%,50%)scale(1)}}.wk-confirm-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--red);border-radius:50%;justify-content:center;align-items:center;display:flex}.wk-confirm-icon svg{width:22px;height:22px}.wk-confirm-title{color:var(--t1);font-size:17px;font-weight:700}.wk-confirm-desc{color:var(--t3);font-size:13px;line-height:1.5}.wk-confirm-actions{gap:10px;width:100%;margin-top:4px;display:flex}.wk-confirm-actions .wk-btn{flex:1}