:root{--ink: #000000;--ink-secondary: #1D1D1F;--body: #3C3C43;--muted: #6E6E73;--subtle: #8E8E93;--system-bg: #F8F9FE;--system-bg-gradient: radial-gradient(ellipse 95% 55% at 50% -5%, rgba(55, 96, 249, .12), rgba(218, 217, 251, .14) 55%, transparent 80%), #F8F9FE;--surface: #FFFFFF;--paper: #FFFFFF;--paper-strong: #FFFFFF;--glass-bg: rgba(255, 255, 255, .9);--glass-bg-subtle: rgba(255, 255, 255, .75);--glass-bg-strong: rgba(255, 255, 255, .98);--glass-border: rgba(55, 96, 249, .08);--glass-border-highlight: rgba(255, 255, 255, .95);--line: rgba(55, 96, 249, .08);--line-subtle: rgba(23, 22, 27, .05);--indigo: #3760F9;--indigo-2: #5B7EFA;--indigo-dim: rgba(55, 96, 249, .12);--primary-gradient: linear-gradient(135deg, #3760F9 0%, #2048DE 100%);--primary-shadow: 0 10px 28px -4px rgba(55, 96, 249, .4);--obsidian: #17161B;--obsidian-dim: rgba(23, 22, 27, .08);--volt-lime: #D2FC59;--volt-lime-dim: rgba(210, 252, 89, .25);--lavender: #DAD9FB;--lavender-dim: rgba(218, 217, 251, .35);--marigold: #D2FC59;--marigold-dim: rgba(210, 252, 89, .25);--accent-gradient: linear-gradient(135deg, #D2FC59 0%, #B4E832 100%);--accent-shadow: 0 10px 28px -4px rgba(180, 232, 50, .4);--success: #34D399;--success-dim: rgba(52, 211, 153, .16);--danger: #FF4757;--danger-dim: rgba(255, 71, 87, .14);--blue: #3760F9;--blue-dim: rgba(55, 96, 249, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--radius-xs: 8px;--radius-pill: 9999px;--radius: 20px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 4px 14px -2px rgba(0, 0, 0, .04), 0 1px 4px -1px rgba(0, 0, 0, .02), inset 0 1px 1px rgba(255, 255, 255, .95);--shadow-md: 0 10px 28px -4px rgba(0, 0, 0, .05), 0 3px 10px -2px rgba(0, 0, 0, .02), inset 0 1px 1.5px rgba(255, 255, 255, .95);--shadow-lg: 0 18px 42px -8px rgba(0, 0, 0, .08), 0 6px 16px -3px rgba(0, 0, 0, .03), inset 0 1.5px 2px rgba(255, 255, 255, .95);--shadow-xl: 0 28px 64px -12px rgba(0, 0, 0, .12), 0 10px 24px -4px rgba(0, 0, 0, .05), inset 0 1.5px 2px rgba(255, 255, 255, .95);--glass-blur: blur(28px) saturate(200%);--glass-blur-sm: blur(18px) saturate(180%);--ease-spring: cubic-bezier(.2, .8, .2, 1);--ease-spring-snappy: cubic-bezier(.25, 1, .5, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-bounce: cubic-bezier(.34, 1.4, .64, 1);--loader-bg: #F1F4F9;--loader-bg-radial: radial-gradient(ellipse 90% 70% at 50% 30%, #FFFFFF 0%, #DFE7F2 100%);--loader-card-border: rgba(0, 0, 0, .08);--loader-card-shadow: 0 14px 36px -6px rgba(15, 23, 42, .09), 0 2px 8px rgba(0, 0, 0, .04);--loader-speeder-top: #EF4444;--loader-speeder-body: #1E293B;--loader-speeder-face: #1E293B;--loader-speeder-visor: #EF4444;--loader-fazer-color: rgba(30, 41, 59, .55);--loader-longfazer-color: rgba(0, 122, 255, .35);--loader-cloud-bg: #FFFFFF;--loader-cloud-opacity: .9;--loader-cloud-shadow: 0 6px 18px rgba(15, 23, 42, .08);--loader-text-title: #0F172A;--loader-text-sub: #64748B;--loader-title-shadow: none}body.dark-mode,:root.dark-mode{--ink: #FFFFFF;--ink-secondary: #EBEBF5;--body: #E5E5EA;--muted: #98989D;--subtle: #636366;--system-bg: #111015;--system-bg-gradient: radial-gradient(ellipse 95% 55% at 50% -5%, rgba(55, 96, 249, .24), rgba(210, 252, 89, .05) 55%, transparent 80%), #111015;--surface: rgba(23, 22, 27, .88);--paper: rgba(23, 22, 27, .88);--paper-strong: rgba(30, 29, 36, .94);--glass-bg: rgba(23, 22, 27, .88);--glass-bg-subtle: rgba(255, 255, 255, .06);--glass-bg-strong: rgba(30, 29, 36, .94);--glass-border: rgba(255, 255, 255, .12);--glass-border-highlight: rgba(255, 255, 255, .25);--line: rgba(255, 255, 255, .1);--line-subtle: rgba(255, 255, 255, .06);--indigo: #3760F9;--indigo-2: #5B7EFA;--indigo-dim: rgba(55, 96, 249, .22);--primary-gradient: linear-gradient(135deg, #3760F9 0%, #2048DE 100%);--primary-shadow: 0 10px 28px -4px rgba(55, 96, 249, .55);--obsidian: #17161B;--obsidian-dim: rgba(23, 22, 27, .5);--volt-lime: #D2FC59;--volt-lime-dim: rgba(210, 252, 89, .25);--lavender: #DAD9FB;--lavender-dim: rgba(218, 217, 251, .25);--marigold: #D2FC59;--marigold-dim: rgba(210, 252, 89, .25);--accent-gradient: linear-gradient(135deg, #D2FC59 0%, #B4E832 100%);--accent-shadow: 0 10px 28px -4px rgba(210, 252, 89, .35);--success: #34D399;--success-dim: rgba(52, 211, 153, .2);--danger: #FF4757;--danger-dim: rgba(255, 71, 87, .2);--blue: #3760F9;--blue-dim: rgba(55, 96, 249, .22);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 14px rgba(0, 0, 0, .45), inset 0 1px 1px rgba(255, 255, 255, .12);--shadow-md: 0 14px 34px -6px rgba(0, 0, 0, .6), inset 0 1px 1.5px rgba(255, 255, 255, .16);--shadow-lg: 0 22px 50px -8px rgba(0, 0, 0, .7), inset 0 1.5px 2px rgba(255, 255, 255, .2);--shadow-xl: 0 30px 70px -10px rgba(0, 0, 0, .85), inset 0 1.5px 2px rgba(255, 255, 255, .25);--loader-bg: #0B0D17;--loader-bg-radial: radial-gradient(ellipse 90% 70% at 50% 30%, #171B28 0%, #0B0D17 100%);--loader-card-border: rgba(255, 255, 255, .1);--loader-card-shadow: 0 16px 42px rgba(0, 0, 0, .75);--loader-speeder-top: #F51313;--loader-speeder-body: #F3CFCF;--loader-speeder-face: #F3CFCF;--loader-speeder-visor: #F51313;--loader-fazer-color: #FFFFFF;--loader-longfazer-color: rgba(255, 255, 255, .9);--loader-cloud-bg: #FFFFFF;--loader-cloud-opacity: .25;--loader-cloud-shadow: 0 0 25px rgba(255, 255, 255, .12);--loader-text-title: #FFFFFF;--loader-text-sub: rgba(255, 255, 255, .65);--loader-title-shadow: 0 2px 10px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{width:100%;min-height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;overscroll-behavior-x:none}body{margin:0;padding:0;width:100%;min-height:100vh;min-height:100dvh;background:var(--system-bg-gradient);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,SF Pro,Inter,-system-ui,sans-serif;font-size:15px;line-height:1.45;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overflow-x:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}h1,h2,h3,h4,.display{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro,Inter,sans-serif;font-weight:700;letter-spacing:-.025em;color:var(--ink);margin:0}h1{font-size:26px;line-height:1.2;font-weight:800}h2{font-size:20px;line-height:1.25;font-weight:700}h3{font-size:17px;line-height:1.3;font-weight:600}.mono,.stat .num,.scan-punch .time,.tier-price,.plan-preview-price{font-family:JetBrains Mono,ui-monospace,Menlo,Monaco,monospace;font-feature-settings:"tnum" 1}p{margin:0 0 10px;color:var(--body)}#app{width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;background:transparent}.screen{padding:20px 18px 148px;flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.screen.screen-enter{animation:appleFadeIn .22s var(--ease-spring)}@keyframes appleFadeIn{0%{opacity:.9;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.topbar,.bottom-nav,.card,.stat,.attendance-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.topbar{position:relative;z-index:40;padding:calc(18px + env(safe-area-inset-top,0px)) 20px 22px;background:#ffffffdb;border-bottom:1px solid rgba(0,0,0,.05);backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);box-shadow:0 10px 30px -6px #00000008,inset 0 -1px 1px #ffffffd9;border-radius:0 0 28px 28px;transition:background .25s ease,border-color .25s ease}body.dark-mode .topbar{background:#121216d1;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 34px -6px #0009,inset 0 -1px 1px #ffffff1f}.topbar-inner-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:2}.topbar-text-content{flex:1;min-width:0}.topbar .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--indigo);margin-bottom:3px;display:flex;align-items:center;gap:6px}body.dark-mode .topbar .eyebrow{color:var(--indigo-2)}.topbar h1{font-size:25px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0}.topbar p{margin:4px 0 0;font-size:13.5px;color:var(--muted);font-weight:400;line-height:1.35}.topbar-back-btn,.ios-back-btn{display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--indigo);border:1px solid rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:-.01em;padding:6px 14px 6px 10px;border-radius:var(--radius-pill);box-shadow:0 2px 8px #0000000a,inset 0 1px 1px #fffffff2;cursor:pointer;margin-bottom:10px;transition:transform .15s var(--ease-spring-snappy),background-color .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent;width:auto;align-self:flex-start}body.dark-mode .topbar-back-btn,body.dark-mode .ios-back-btn{background:#ffffff1a;color:var(--indigo-2);border-color:#ffffff29;box-shadow:0 2px 8px #00000059}.topbar-back-btn:hover,.ios-back-btn:hover{background:#f8f9fd;border-color:#007aff40}.topbar-back-btn:active,.ios-back-btn:active{transform:scale(.96);opacity:.85}.topbar-back-btn .ui-icon,.ios-back-btn .ui-icon{width:16px;height:16px}.topbar-back-btn .ui-icon svg,.ios-back-btn .ui-icon svg{stroke-width:2.6}.ios-back-btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink-secondary);background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-pill);box-shadow:0 4px 14px #00000008,inset 0 1px 1.5px #fffffff2;padding:13px 18px;width:100%;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .15s var(--ease-spring-snappy),background-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}body.dark-mode .ios-back-btn-pill{background:#ffffff14;border-color:#ffffff29;color:var(--ink)}.ios-back-btn-pill:hover{background:#f8f9fd;color:var(--ink)}.ios-back-btn-pill:active{transform:scale(.98);opacity:.85}.topbar-notif-btn{position:relative;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);color:var(--ink);cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 14px -2px #0000000f,inset 0 1px 1.5px #fffffff2;transition:transform .15s var(--ease-spring-snappy),background-color .15s ease,box-shadow .15s ease;flex-shrink:0;margin:0;padding:0}body.dark-mode .topbar-notif-btn{background:#ffffff1a;border-color:#ffffff29;box-shadow:0 4px 14px -2px #0006,inset 0 1px 1.5px #fff3}.topbar-notif-btn:hover{transform:scale(1.05);background:#fff;box-shadow:0 6px 20px -2px #007aff40}.topbar-notif-btn:active{transform:scale(.95)}.topbar-notif-btn .ui-icon{display:flex;align-items:center;justify-content:center;vertical-align:middle;width:20px;height:20px;margin:0;padding:0;line-height:1}.topbar-notif-btn .ui-icon svg{width:20px;height:20px;stroke:var(--ink);stroke-width:2.1;display:block;margin:auto}.topbar-notif-badge{position:absolute;top:-3px;right:-3px;background:#ff3b30;color:#fff;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:9999px;padding:0 4px;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;box-shadow:0 2px 8px #ff3b3080;border:2px solid #FFFFFF;animation:appleBadgePulse 2.4s infinite;pointer-events:none}body.dark-mode .topbar-notif-badge{border-color:#1c1c1e}@keyframes appleBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.card,.qr-ticket,.stat,.attendance-item,.staff-row,.chat-list-item,.support-inbox-item,.support-hero,.emoji-panel,.config-warning,.pricing-matrix-wrap{position:relative;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;box-shadow:0 8px 24px -4px #0000000a,0 2px 6px -1px #00000005,inset 0 1px 1px #fffffff2;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);min-width:0;transition:transform .2s var(--ease-spring),box-shadow .2s ease,border-color .2s ease}body.dark-mode .card,body.dark-mode .qr-ticket,body.dark-mode .stat,body.dark-mode .attendance-item,body.dark-mode .staff-row,body.dark-mode .chat-list-item,body.dark-mode .support-inbox-item,body.dark-mode .support-hero,body.dark-mode .emoji-panel,body.dark-mode .config-warning,body.dark-mode .pricing-matrix-wrap{background:#1c1c1ebf;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px -6px #000000a6,0 4px 12px -2px #0006,inset 0 1px 1.5px #ffffff29}.card:before,.qr-ticket:before,.attendance-item:before,.staff-row:before,.chat-list-item:before,.support-inbox-item:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);opacity:.8;pointer-events:none}body.dark-mode .card:before,body.dark-mode .qr-ticket:before,body.dark-mode .attendance-item:before,body.dark-mode .staff-row:before,body.dark-mode .chat-list-item:before,body.dark-mode .support-inbox-item:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);opacity:.5}.card{padding:22px}.section-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.015em;color:var(--ink);margin:0 0 8px;display:flex;align-items:center;gap:8px}.section-title .ui-icon{color:var(--indigo)}body.dark-mode .section-title .ui-icon{color:var(--indigo-2)}label{display:block;font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}input,select,textarea{width:100%;padding:13px 16px;border-radius:16px;border:1.5px solid rgba(0,0,0,.08);font-size:16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;background:#fff;color:var(--ink);margin-bottom:14px;box-shadow:inset 0 1px 2px #00000008;min-width:0;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#1c1c1ebf;border-color:#ffffff24;box-shadow:inset 0 1.5px 2px #0000004d}input::placeholder,textarea::placeholder{color:var(--subtle)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--indigo);background:#fff;box-shadow:0 0 0 3.5px var(--indigo-dim),inset 0 1px 2px #00000005}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{background:#0e281ce6;border-color:var(--indigo-2);box-shadow:0 0 0 3.5px var(--indigo-dim)}.login-field{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:0 14px;border-radius:16px;background:#fff;border:1.5px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 2px #00000008;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}body.dark-mode .login-field{background:#091d14d1;border-color:#34d39933;box-shadow:inset 0 1.5px 2px #0000004d}.login-field:focus-within{border-color:var(--indigo);background:#fff;box-shadow:0 0 0 3.5px var(--indigo-dim),inset 0 1px 2px #00000005}body.dark-mode .login-field:focus-within{background:#0e281ce6;border-color:var(--indigo-2);box-shadow:0 0 0 3.5px var(--indigo-dim)}.login-field .ui-icon{color:var(--indigo);width:20px;height:20px}body.dark-mode .login-field .ui-icon{color:var(--indigo-2)}.login-field input{margin:0;padding:13px 0;box-shadow:none!important;background:transparent!important;border:none!important}.login-field input:focus{box-shadow:none!important}.login-status{display:none;align-items:center;justify-content:center;gap:8px;margin:-4px 0 12px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.login-status.show{display:flex}.login-status.error{background:var(--danger-dim);color:var(--danger);border:1px solid rgba(255,59,48,.2)}.login-status.success{background:var(--success-dim);color:var(--success);border:1px solid rgba(52,199,89,.2)}.role-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:16px;padding:4px;border-radius:var(--radius-pill);background:#0000000d;border:1px solid rgba(0,0,0,.04);box-shadow:inset 0 1px 2px #00000008}body.dark-mode .role-toggle{background:#ffffff14;border-color:#ffffff1f}.role-toggle button{min-width:0;padding:9px 8px;border-radius:var(--radius-pill);border:none;background:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:-.01em;color:var(--muted);cursor:pointer;box-shadow:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}.role-toggle button.active{background:#fff;color:#000;box-shadow:0 2px 8px #0000001a,0 1px 2px #0000000a}body.dark-mode .role-toggle button.active{background:#fff3;color:#fff;box-shadow:0 2px 8px #0006}.category-bubbles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}.category-bubbles button{min-width:0;padding:12px 6px;border:1px solid rgba(0,0,0,.06);border-radius:16px;background:#fff;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:11px;font-weight:600;box-shadow:0 2px 6px #00000005;transition:transform .14s var(--ease-spring-snappy),color .14s ease,background-color .14s ease,border-color .14s ease}body.dark-mode .category-bubbles button{background:#1c1c1ebf;border-color:#ffffff1f}.category-bubbles button:active{transform:scale(.96)}.category-bubbles .ui-icon{width:20px;height:20px}.category-bubbles button.active{background:var(--indigo-dim);color:var(--indigo);border-color:#10b98166;box-shadow:0 2px 8px #10b98133}body.dark-mode .category-bubbles button.active{background:var(--indigo-dim);color:var(--indigo-2);border-color:#34d39973}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{padding:7px 15px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.06);background:#fff;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;box-shadow:0 2px 6px #00000005;transition:all .15s ease}body.dark-mode .chip{background:#091d14d1;border-color:#34d39929;color:var(--muted)}.chip:active{transform:scale(.96)}.chip.active{background:var(--indigo);color:#fff;border-color:var(--indigo);box-shadow:0 4px 14px #10b98159}body.dark-mode .chip.active{background:var(--indigo);border-color:var(--indigo-2);box-shadow:0 4px 14px #10b98173}.theme-switch-container,.apple-glass-theme-switch-container{display:flex;align-items:center;justify-content:center;padding:14px 0 10px;width:100%}.theme-switch{--toggle-size: 16px;--container-width: 5.625em;--container-height: 2.5em;--container-radius: 6.25em;--container-light-bg: #3D7EAE;--container-night-bg: #1D1F2C;--circle-container-diameter: 3.375em;--sun-moon-diameter: 2.125em;--sun-bg: #ECCA2F;--moon-bg: #C4C9D1;--spot-color: #959DB1;--circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color: #fff;--clouds-color: #F3FDFF;--back-clouds-color: #AACADF;--transition: .5s cubic-bezier(0, -.02, .4, 1.25);--circle-transition: .3s cubic-bezier(0, -.02, .35, 1.17);display:inline-block;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.theme-switch,.theme-switch *,.theme-switch *:before,.theme-switch *:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;-webkit-box-shadow:0em -.062em .062em rgba(0,0,0,.25),0em .062em .125em rgba(255,255,255,.94);box-shadow:0 -.062em .062em #00000040,0 .062em .125em #fffffff0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:relative}.theme-switch__container:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;-webkit-box-shadow:0em .05em .187em rgba(0,0,0,.25) inset,0em .05em .187em rgba(0,0,0,.25) inset;box-shadow:0 .05em .187em #00000040 inset,0 .05em .187em #00000040 inset;border-radius:var(--container-radius);pointer-events:none}.theme-switch__checkbox{display:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:#ffffff1a;position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);-webkit-box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.1),inset 0 0 0 3.375em rgba(255,255,255,.1),0 0 0 .625em rgba(255,255,255,.1),0 0 0 1.25em rgba(255,255,255,.1);box-shadow:inset 0 0 0 3.375em #ffffff1a,inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:var(--circle-transition);-o-transition:var(--circle-transition);transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);-webkit-box-shadow:.062em .062em .062em 0em rgba(254,255,239,.61) inset,0em -.062em .062em 0em #a1872a inset;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #a1872a inset;-webkit-filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));overflow:hidden;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.theme-switch__moon{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;-webkit-box-shadow:.062em .062em .062em 0em rgba(254,255,239,.61) inset,0em -.062em .062em 0em #969696 inset;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #969696 inset;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:relative}.theme-switch__spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);-webkit-box-shadow:0em .0312em .062em rgba(0,0,0,.25) inset;box-shadow:0 .0312em .062em #00000040 inset}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;-webkit-box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0em var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);-webkit-transition:.5s cubic-bezier(0,-.02,.4,1.25);-o-transition:.5s cubic-bezier(0,-.02,.4,1.25);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-weight:600;font-size:15px;letter-spacing:-.015em;cursor:pointer;min-height:48px;text-align:center;line-height:1.25;position:relative;user-select:none;-webkit-user-select:none;transition:transform .16s var(--ease-spring-snappy),opacity .16s ease,box-shadow .16s ease,background-color .16s ease}.btn:active{transform:scale(.96);opacity:.92}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary-gradient);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:var(--primary-shadow),inset 0 1px 1.5px #fff9}.btn-primary:hover{box-shadow:0 12px 32px -3px #0596697a,inset 0 1px 1.5px #ffffffb3}.btn-marigold{background:linear-gradient(180deg,#ffa01e,#ff9500);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 24px -4px #ff95006b,inset 0 1px 1.5px #fff9}.btn-marigold:hover{box-shadow:0 10px 28px -3px #ff950085}.btn-outline{background:#fff;color:var(--indigo);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 14px -2px #0000000a,inset 0 1px 1px #fffffff2}body.dark-mode .btn-outline{background:#ffffff14;color:var(--indigo-2);border-color:#ffffff29;box-shadow:0 4px 14px -2px #0006,inset 0 1px 1.5px #ffffff26}.btn-outline:hover{background:#f8f9fd;border-color:#007aff40}body.dark-mode .btn-outline:hover{background:#ffffff24}.btn-dark{background:#17161b;color:#fff;font-weight:700;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px -4px #17161b66;transition:transform .16s var(--ease-spring-snappy),box-shadow .16s ease}.btn-dark:hover{background:#24232b;box-shadow:0 12px 28px -4px #17161b8c}body.dark-mode .btn-dark{background:#24232b;border-color:#fff3}.btn-lime{background:#d2fc59;color:#17161b;font-weight:800;border-radius:var(--radius-pill);border:1px solid rgba(23,22,27,.1);box-shadow:0 8px 24px -4px #d2fc5973;transition:transform .16s var(--ease-spring-snappy),box-shadow .16s ease}.btn-lime:hover{background:#c4f542;box-shadow:0 12px 28px -4px #d2fc5999}.topbar-plan-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#17161bf2,#23222bf2);color:#fff;border-radius:20px;padding:12px 18px;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px -4px #00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;transition:transform .16s var(--ease-spring-snappy),box-shadow .16s ease}.topbar-plan-banner:hover{transform:translateY(-2px);box-shadow:0 12px 28px -4px #00000059}.topbar-plan-banner .plan-tag{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:#fff;letter-spacing:-.01em}.topbar-plan-banner .plan-status-pill{background:#d2fc5933;color:#d2fc59;font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid rgba(210,252,89,.4);text-transform:uppercase}.topbar-plan-banner .plan-quota{font-size:12px;color:#ffffffa6;margin-top:2px}.topbar-plan-banner .plan-upgrade-btn{background:#d2fc59;color:#17161b;font-size:12.5px;font-weight:800;padding:7px 14px;border-radius:var(--radius-pill);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;box-shadow:0 4px 14px #d2fc5959}.todo-card{background:#fff;border-radius:24px;padding:20px;border:1px solid var(--line-subtle);box-shadow:var(--shadow-sm);margin-bottom:16px}body.dark-mode .todo-card{background:var(--surface);border-color:var(--glass-border)}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.todo-header h3{margin:0;font-size:16px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}.todo-create-btn{background:#17161b;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-pill);padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:transform .15s ease,background .15s ease}.todo-create-btn:hover{background:#2a2933;transform:translateY(-1px)}body.dark-mode .todo-create-btn{background:#3760f9;border-color:#fff3}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:var(--system-bg);border:1px solid var(--line-subtle);transition:all .15s ease}.todo-item.done{opacity:.55}.todo-item.done .todo-text{text-decoration:line-through}.todo-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.todo-check-circle{width:22px;height:22px;border-radius:50%;border:2px solid var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.todo-item.done .todo-check-circle{border-color:#3760f9;background:#3760f9;color:#fff}.todo-text{font-size:14px;font-weight:600;color:var(--ink);word-break:break-word}.todo-del-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.todo-del-btn:hover{color:var(--danger)}.btn-ghost{background:#0000000a;color:var(--muted);font-weight:600;padding:8px 14px;min-height:auto;border:1px solid rgba(0,0,0,.04);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-ghost:hover{color:var(--ink);background:#00000014}body.dark-mode .btn-ghost{background:#ffffff0f;border-color:#ffffff1f}body.dark-mode .btn-ghost:hover{background:#ffffff1f;color:#fff}.btn-google{background:#fff;color:#1d1d1f;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px -2px #0000000d,inset 0 1px 1.5px #ffffffe6;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;transition:all .2s cubic-bezier(.25,1,.5,1)}.btn-google:hover{background:#fafafc;border-color:#0000002e;box-shadow:0 6px 20px -2px #00000014}body.dark-mode .btn-google{background:#ffffff1f;color:#fff;border-color:#fff3;box-shadow:0 4px 16px -2px #00000080,inset 0 1px 1px #ffffff26}body.dark-mode .btn-google:hover{background:#ffffff2e}.auth-divider{display:flex;align-items:center;text-align:center;margin:18px 0 16px;color:var(--subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.08)}body.dark-mode .auth-divider:before,body.dark-mode .auth-divider:after{border-bottom-color:#ffffff1a}.auth-divider span{padding:0 12px}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 40px;max-width:460px;width:100%;margin:0 auto;min-height:calc(100vh - 40px);min-height:calc(100dvh - 40px);box-sizing:border-box}.auth-screen>.auth-card{width:100%;max-width:440px;margin:0 auto}.auth-card{background:#fff;border-radius:28px;padding:32px 24px 28px;border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 36px -6px #0000000a,0 4px 12px -2px #00000005}body.dark-mode .auth-card{background:#15161e;border-color:#ffffff14;box-shadow:0 12px 36px -6px #00000080}.auth-badge{width:90px;height:90px;border-radius:50%;background:#eef2ff;margin:4px auto 20px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 4px #5d5fef14}body.dark-mode .auth-badge{background:#5d5fef29;box-shadow:inset 0 2px 4px #ffffff0d}.auth-title{font-size:25px;font-weight:800;color:var(--ink);letter-spacing:-.025em;text-align:center;margin:0 0 8px;line-height:1.25}.auth-subtitle{font-size:14px;color:var(--muted);font-weight:500;text-align:center;margin:0 auto 22px;max-width:300px;line-height:1.45}.auth-label{font-size:13px;font-weight:600;color:var(--ink-secondary);margin-bottom:7px;display:block;text-transform:none;letter-spacing:normal}.auth-input-box{display:flex;align-items:center;gap:12px;background:#fafafc;border:1.5px solid #E5E7EB;border-radius:14px;height:52px;padding:0 16px;margin-bottom:16px;transition:all .2s cubic-bezier(.25,1,.5,1)}body.dark-mode .auth-input-box{background:#1c1d26;border-color:#2d2e3b}.auth-input-box:focus-within{background:#fff;border-color:#5d5fef;box-shadow:0 0 0 4px #5d5fef24}body.dark-mode .auth-input-box:focus-within{background:#20222d;border-color:#6c63ff;box-shadow:0 0 0 4px #6c63ff40}.auth-input-box input{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:15px;font-weight:500;color:var(--ink);width:100%;height:100%;outline:none}.btn-auth-primary{width:100%;height:52px;border-radius:14px;background:linear-gradient(180deg,#6c63ff,#5d5fef);color:#fff;font-size:16px;font-weight:700;border:none;box-shadow:0 8px 24px -4px #5d5fef6b;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.25,1,.5,1)}.btn-auth-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px -3px #5d5fef85}.btn-auth-primary:active{transform:scale(.985)}.btn-auth-outline{width:100%;height:50px;border-radius:14px;background:#fff;color:var(--ink);border:1.5px solid #E5E7EB;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;cursor:pointer;font-family:inherit;transition:all .2s ease}body.dark-mode .btn-auth-outline{background:#1c1d26;border-color:#2d2e3b;color:#fff}.btn-auth-outline:hover{background:#f9fafb;border-color:#d1d5db}body.dark-mode .btn-auth-outline:hover{background:#252733}.auth-role-tabs{display:flex;background:#f3f4f6;border-radius:14px;padding:4px;margin-bottom:20px;gap:4px}body.dark-mode .auth-role-tabs{background:#1c1d26;border:1px solid #2D2E3B}.auth-role-tab{flex:1;height:40px;border-radius:11px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.25,1,.5,1)}.auth-role-tab.active{background:#fff;color:#5d5fef;box-shadow:0 2px 8px #0000000f}body.dark-mode .auth-role-tab.active{background:#2d2e3d;color:#8183ff}.social-circle-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 20px}.social-circle-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:1.5px solid #E5E7EB;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #0000000a;transition:all .2s ease}body.dark-mode .social-circle-btn{background:#1c1d26;border-color:#2d2e3b;color:#fff}.social-circle-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}body.dark-mode .social-circle-btn:hover{background:#252733}.auth-footer-text{text-align:center;font-size:14px;color:var(--muted);margin-top:20px}.auth-footer-text .link{color:#5d5fef;font-weight:700;cursor:pointer;text-decoration:none}body.dark-mode .auth-footer-text .link{color:#8183ff}.link{color:var(--indigo);font-weight:600;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;transition:opacity .15s ease}body.dark-mode .link{color:var(--indigo-2)}.link:hover{opacity:.8}.link:active{opacity:.6}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}.stat{padding:16px 12px;text-align:center;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(22px) saturate(200%);-webkit-backdrop-filter:blur(22px) saturate(200%);box-shadow:0 6px 18px -3px #00000008,inset 0 1px 1px #fffffff2}body.dark-mode .stat{background:#1c1c1ebf;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px -4px #0006,inset 0 1px 1.5px #ffffff29}.stat .num{font-size:24px;font-weight:800;color:var(--indigo);line-height:1.15}body.dark-mode .stat .num{color:var(--indigo-2)}.stat .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-weight:600}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.tile{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;transition:transform .15s var(--ease-spring-snappy);user-select:none;-webkit-user-select:none}.tile:active{transform:scale(.93)}.tile-icon{width:60px;height:60px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;background:linear-gradient(135deg,#3760f9,#5b7efa);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);box-shadow:0 10px 24px -4px #3760f959,inset 0 1.5px 2px #fff9;position:relative;transition:transform .2s var(--ease-spring-snappy),box-shadow .2s ease,filter .2s ease}body.dark-mode .tile-icon{border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 26px -4px #0009,inset 0 1.5px 2px #ffffff4d}.tile:hover .tile-icon{transform:translateY(-3px) scale(1.04);filter:brightness(1.08)}.tile:active .tile-icon{transform:scale(.91);filter:brightness(.95)}.tile-icon .ui-icon{width:28px;height:28px;stroke-width:2.2px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tile-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tile-label{font-size:12px;font-weight:700;color:var(--ink);text-align:center;line-height:1.28;letter-spacing:-.2px;overflow-wrap:anywhere;transition:color .15s ease}.tile:hover .tile-label{color:var(--indigo)}.staff-hero-glass{position:relative;overflow:hidden;border-radius:24px;padding:20px;margin-bottom:22px;background:#ffffffe0;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 32px -4px #3760f914,0 2px 10px #00000008,inset 0 1.5px 2px #fff;transition:transform .2s var(--ease-spring-snappy),box-shadow .2s ease,border-color .2s ease}body.dark-mode .staff-hero-glass{background:#1a1921e0;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 42px -6px #0009,inset 0 1px 1.5px #ffffff1a}.staff-hero-glass.status-in{border-top:3.5px solid #10B981;box-shadow:0 14px 36px -4px #10b98124,0 2px 10px #00000008,inset 0 1.5px 2px #fff}.staff-hero-glass.status-ready{border-top:3.5px solid #6366F1;box-shadow:0 14px 36px -4px #6366f124,0 2px 10px #00000008,inset 0 1.5px 2px #fff}.staff-hero-glass.status-out{border-top:3.5px solid #F59E0B;box-shadow:0 14px 36px -4px #f59e0b24,0 2px 10px #00000008,inset 0 1.5px 2px #fff}.staff-hero-glass-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.staff-hero-live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:9999px;font-size:11.5px;font-weight:700;letter-spacing:.2px}.staff-hero-live-pill.status-in{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.28)}body.dark-mode .staff-hero-live-pill.status-in{background:#10b98138;color:#34d399;border:1px solid rgba(16,185,129,.4)}.staff-hero-live-pill.status-ready{background:#6366f11a;color:#4338ca;border:1px solid rgba(99,102,241,.25)}body.dark-mode .staff-hero-live-pill.status-ready{background:#6366f138;color:#a5b4fc;border:1px solid rgba(99,102,241,.4)}.staff-hero-live-pill.status-out{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.25)}body.dark-mode .staff-hero-live-pill.status-out{background:#f59e0b38;color:#fcd34d;border:1px solid rgba(245,158,11,.4)}.live-pulse-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:staff-pulse-dot 1.8s infinite}@keyframes staff-pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.staff-hero-date-chip{font-size:12px;font-weight:600;color:var(--muted);background:#0000000a;padding:4px 10px;border-radius:9999px;border:1px solid rgba(0,0,0,.05)}body.dark-mode .staff-hero-date-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--body)}.staff-hero-user-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.staff-hero-avatar-bubble{width:50px;height:50px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 20px -4px #6366f166;flex-shrink:0}.staff-hero-user-details{flex:1;min-width:0}.staff-hero-salute-text{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.1px;margin-bottom:2px}.staff-hero-name-text{font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--ink);line-height:1.25;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-hero-sub-meta{font-size:12.5px;color:var(--body);display:flex;flex-wrap:wrap;align-items:center;gap:4px}.staff-hero-btn-container{margin-top:4px}.staff-hero-scan-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:16px;border:none;font-size:14.5px;font-weight:800;cursor:pointer;color:#fff;box-shadow:0 8px 24px -4px #0003;transition:transform .15s var(--ease-spring-snappy),box-shadow .15s ease,filter .15s ease;font-family:inherit}.staff-hero-scan-btn.status-in{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 10px 26px -4px #10b98173}.staff-hero-scan-btn.status-ready{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 10px 26px -4px #6366f173}.staff-hero-scan-btn.status-out{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 10px 26px -4px #f59e0b73}.staff-hero-scan-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.staff-hero-scan-btn:active{transform:scale(.97)}.staff-hero-scan-btn .scan-btn-aperture{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.staff-hero-scan-btn .scan-btn-aperture svg{width:20px;height:20px;stroke:#fff;stroke-width:2.2}.staff-hero-scan-btn .scan-btn-chevron{font-size:16px;transition:transform .2s ease}.staff-hero-scan-btn:hover .scan-btn-chevron{transform:translate(4px)}.attendance-item,.staff-row,.chat-list-item,.support-inbox-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(22px) saturate(200%);-webkit-backdrop-filter:blur(22px) saturate(200%);box-shadow:0 4px 16px -2px #00000008,inset 0 1px 1.5px #fffffff2;margin-bottom:9px;gap:12px;min-width:0;user-select:none;-webkit-user-select:none}body.dark-mode .attendance-item,body.dark-mode .staff-row,body.dark-mode .chat-list-item,body.dark-mode .support-inbox-item{background:#1c1c1ebf;border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 18px -3px #0006,inset 0 1px 1.5px #ffffff29}.attendance-item:last-child,.staff-row:last-child,.chat-list-item:last-child,.support-inbox-item:last-child{margin-bottom:0}.chat-list-item:hover,.support-inbox-item:hover,.staff-row:hover,.attendance-item:hover{transform:translateY(-1px);box-shadow:0 8px 20px -3px #0000000f}.chat-list-item:active,.support-inbox-item:active{transform:scale(.985)}.staff-name{font-weight:600;font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}.staff-sub{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.att-left{display:flex;flex-direction:column;gap:2px;min-width:0}.att-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.date-group-label{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:-.01em;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:4px 0 2px;padding-top:4px}.badge{font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:4px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 1px #fff9}.badge-in{background:var(--success-dim);color:var(--success)}.badge-out{background:var(--danger-dim);color:var(--danger)}.badge-half{background:var(--marigold-dim);color:var(--marigold)}.badge-pending{background:#0000000d;color:var(--muted)}body.dark-mode .badge-pending{background:#ffffff1a;color:var(--muted)}.badge-holiday{background:var(--blue-dim);color:var(--blue)}.notify-dot{position:absolute;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:9.5px;font-weight:800;line-height:1;box-shadow:0 2px 6px #ff3b3066;border:2px solid var(--paper-strong)}.bottom-nav .notify-dot{top:2px;right:calc(50% - 22px)}.tile-icon .notify-dot{top:-4px;right:-4px}.floating-support .notify-dot{top:2px;right:2px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom,16px));z-index:100;width:calc(100% - 24px);max-width:412px;margin:0 auto;padding:5px 6px;border-radius:9999px!important;background:#ffffff2e!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 16px 40px -6px #0000001a,0 2px 8px #0000000a,inset 0 1.5px 2px #ffffffd9,inset 0 -1px 1px #fff3!important;display:flex;align-items:center;justify-content:center;overflow:visible!important;user-select:none;-webkit-user-select:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.bottom-nav:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);opacity:.85;pointer-events:none;z-index:3}body.dark-mode .bottom-nav{background:#ffffff0f!important;backdrop-filter:blur(18px) saturate(190%)!important;-webkit-backdrop-filter:blur(18px) saturate(190%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 20px 50px -6px #0000008c,0 4px 14px #00000059,inset 0 1.5px 2px #ffffff40,inset 0 -1px 1px #0006!important}body.dark-mode .bottom-nav:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);opacity:.6}.nav-items-tray{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;padding:0;gap:2px;border-radius:9999px}.ql-tab-indicator{position:absolute;top:2px!important;bottom:2px!important;height:auto!important;border-radius:9999px!important;z-index:1;pointer-events:none;background:#ffffff6b!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 4px 14px #0000000d,0 1px 3px #00000005,inset 0 1px 1px #ffffffe6!important;backdrop-filter:blur(10px) saturate(160%)!important;-webkit-backdrop-filter:blur(10px) saturate(160%)!important;transition:background .25s ease,box-shadow .25s ease}body.dark-mode .ql-tab-indicator{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 4px 18px #0006,inset 0 1px 1.5px #ffffff47!important;backdrop-filter:blur(10px) saturate(160%)!important;-webkit-backdrop-filter:blur(10px) saturate(160%)!important}.nav-tab-btn,.bottom-nav button{flex:1;min-width:0;background:transparent!important;border:none!important;outline:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:-.015em;color:#48484a;cursor:pointer;position:relative;z-index:2;padding:7px 4px 6px;border-radius:9999px;box-shadow:none!important;transition:color .2s ease,transform .18s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}body.dark-mode .nav-tab-btn,body.dark-mode .bottom-nav button{color:#ffffffb3}.nav-tab-btn:hover,.bottom-nav button:hover{color:#000}body.dark-mode .nav-tab-btn:hover,body.dark-mode .bottom-nav button:hover{color:#fff}.nav-tab-btn:active,.bottom-nav button:active{transform:scale(.9)}.nav-tab-btn.active,.bottom-nav button.active{color:#000;font-weight:700}body.dark-mode .nav-tab-btn.active,body.dark-mode .bottom-nav button.active{color:#fff;font-weight:700}.nav-items-tray:not(:has(.ql-tab-indicator)) .nav-tab-btn.active,.bottom-nav:not(:has(.ql-tab-indicator)) button.active{background:#ffffff6b!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 4px 14px #0000000d,inset 0 1px 1px #ffffffe6!important}body.dark-mode .nav-items-tray:not(:has(.ql-tab-indicator)) .nav-tab-btn.active,body.dark-mode .bottom-nav:not(:has(.ql-tab-indicator)) button.active{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 4px 18px #0006,inset 0 1px 1.5px #ffffff47!important}.nav-tab-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:22px}.nav-tab-btn .icon,.bottom-nav .icon{font-size:20px;line-height:1;color:currentColor;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s ease;display:flex;align-items:center;justify-content:center}.nav-tab-btn.active .icon,.bottom-nav button.active .icon{transform:scale(1.12) translateY(-1px);color:currentColor}.nav-tab-label{font-size:10px;line-height:1.1;margin-top:1px;white-space:nowrap;letter-spacing:-.01em}.nav-tab-icon-wrap .notify-dot,.bottom-nav .notify-dot{top:-2px;right:-6px;position:absolute;width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 6px #ff3b30b3;border:1.5px solid #FFFFFF}body.dark-mode .nav-tab-icon-wrap .notify-dot,body.dark-mode .bottom-nav .notify-dot{border-color:#1c1b22}.floating-support{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:90;min-width:112px;height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:12.5px;font-weight:700;background:var(--primary-gradient);box-shadow:var(--primary-shadow),inset 0 1px 1.5px #fff9;cursor:pointer;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);transition:transform .16s var(--ease-spring-snappy),box-shadow .16s ease}.floating-support:hover{transform:translateY(-2px);box-shadow:0 12px 30px -3px #10b9818c}.floating-support:active{transform:scale(.95)}.floating-support .ui-icon{width:17px;height:17px}.qr-ticket{text-align:center;padding:24px 20px;border-radius:var(--radius-xl)}.qr-ticket .biz{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-weight:700;color:var(--indigo);font-size:17px;margin-bottom:12px}body.dark-mode .qr-ticket .biz{color:var(--indigo-2)}.qr-ticket .qrbox{display:flex;justify-content:center;align-items:center;margin:8px auto 14px;padding:16px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line);max-width:280px}.qr-ticket .hint{font-size:12.5px;color:var(--muted)}.scan-punch{text-align:center;padding:30px 18px}.scan-punch .stamp{width:84px;height:84px;border-radius:var(--radius-xl);background:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:36px;box-shadow:0 12px 28px -4px #34c75966;animation:appleStampIn .35s var(--ease-bounce)}.scan-punch.out .stamp{background:var(--danger);box-shadow:0 12px 28px -4px #ff3b3066}@keyframes appleStampIn{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.scan-punch .time{font-size:28px;font-weight:700;color:var(--ink)}.scan-punch .date{color:var(--muted);font-size:13px;margin-top:4px}#reader{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.chat-thread-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:16px 4px 96px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}.chat-bubble-row{display:flex}.chat-bubble-row.own{justify-content:flex-end}.chat-bubble{max-width:76%;padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.38;position:relative;box-shadow:var(--shadow-xs);border:1px solid transparent}.chat-bubble.own{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #10b9814d}.chat-bubble.other{background:#e9e9eb;color:var(--ink);border-bottom-left-radius:4px;border-color:transparent}body.dark-mode .chat-bubble.other{background:#26252a;color:#fff}.chat-bubble .chat-time{font-size:10px;opacity:.72;margin-top:3px;display:block}.chat-image{display:block;max-width:220px;width:100%;border-radius:var(--radius-sm);margin:2px 0 6px;box-shadow:var(--shadow-xs)}.chat-input-bar{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;gap:8px;padding:10px 8px;align-items:flex-end;background:#ffffffe0;border-top:1px solid rgba(0,0,0,.06);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 -4px 16px #00000008}body.dark-mode .chat-input-bar{background:#18181ce0;border-color:#ffffff1a}.chat-input-bar.floating-chat-bar{position:fixed;left:50%;right:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(440px,calc(100% - 24px));z-index:95;padding:8px 10px;border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-lg)}body.dark-mode .chat-input-bar.floating-chat-bar{border-color:#ffffff24}.chat-input-bar textarea{flex:1;margin-bottom:0;resize:none;max-height:100px;padding:10px 14px;border-radius:var(--radius-md)}.chat-tool-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06);flex-shrink:0;background:#fff;color:var(--indigo);font-size:18px;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .15s var(--ease-spring-snappy)}body.dark-mode .chat-tool-btn{color:var(--indigo-2);background:#242428d9;border-color:#ffffff1f}.chat-tool-btn:active{transform:scale(.93)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);border:none;flex-shrink:0;background:var(--primary-gradient);color:#fff;font-size:18px;cursor:pointer;box-shadow:var(--primary-shadow);transition:transform .15s var(--ease-spring-snappy)}.chat-send-btn:active{transform:scale(.93)}.emoji-panel{display:none;grid-template-columns:repeat(8,1fr);gap:6px;padding:10px;margin:0 4px 8px;border-radius:var(--radius-lg)}.emoji-panel.open{display:grid}.emoji-panel button{border:none;background:transparent;border-radius:var(--radius-xs);padding:6px 0;font-size:18px;cursor:pointer;transition:background-color .12s ease}.emoji-panel button:hover{background:#0000000f}body.dark-mode .emoji-panel button:hover{background:#ffffff1a}.notif-modal-overlay,.trial-popup-overlay,.cropper-modal-overlay,.edit-pricing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9998;display:flex;justify-content:center;align-items:flex-end;padding:0;overflow-y:auto;animation:appleBackdropFade .25s ease}@keyframes appleBackdropFade{0%{opacity:0}to{opacity:1}}.notif-modal-card,.trial-popup-card,.cropper-modal-card,.edit-pricing-card{background:#ffffffeb;width:100%;max-width:500px;border-radius:32px 32px 0 0;box-shadow:0 32px 80px -12px #00000040,inset 0 1.5px 2px #fffffff2;border:1px solid rgba(0,0,0,.06);border-bottom:none;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);padding:22px 20px calc(24px + env(safe-area-inset-bottom,0px));animation:appleSheetSlideUp .32s var(--ease-sheet);max-height:90vh;overflow-y:auto}.edit-pricing-card{max-width:680px}body.dark-mode .notif-modal-card,body.dark-mode .trial-popup-card,body.dark-mode .cropper-modal-card,body.dark-mode .edit-pricing-card{background:#18181ceb;border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 80px -12px #000000d9,inset 0 1.5px 2px #ffffff40}.cropper-viewport-wrap{position:relative;width:280px;height:280px;margin:14px auto;border-radius:20px;overflow:hidden;background:#0d0e12;box-shadow:0 10px 30px #00000059,inset 0 0 16px #000c;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-canvas{width:100%;height:100%;display:block;cursor:grab}.cropper-canvas:active{cursor:grabbing}.cropper-guide-ring{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:2px dashed rgba(255,255,255,.75);box-shadow:0 0 0 9999px #00000061;pointer-events:none}.cropper-guide-square{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;pointer-events:none}.cropper-controls{display:flex;align-items:center;gap:12px;margin:12px auto;max-width:320px;width:100%}.cropper-slider{flex:1;accent-color:var(--indigo);height:6px;cursor:pointer}.notif-modal-card:before,.trial-popup-card:before,.cropper-modal-card:before,.edit-pricing-card:before{content:"";display:block;width:36px;height:4.5px;border-radius:3px;background:var(--subtle);opacity:.5;margin:-8px auto 16px}@keyframes appleSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.notif-item{background:#fff;border-radius:20px;padding:14px 16px;margin-bottom:9px;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 8px #00000005,inset 0 1px 1.5px #fffffff2;display:flex;gap:12px;align-items:flex-start;transition:transform .15s ease,background-color .15s ease}body.dark-mode .notif-item{background:#1c1c1ebf;border-color:#ffffff1f;box-shadow:0 4px 14px #00000059,inset 0 1px 1.5px #ffffff26}.notif-item.unread{border-left:4px solid var(--indigo);background:#f8f9fd}body.dark-mode .notif-item.unread{background:#24242ad9;border-left-color:var(--indigo-2)}.notif-type-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-xs);display:inline-block;text-transform:uppercase;letter-spacing:.04em}.notif-tag-offer{background:var(--marigold-dim);color:var(--marigold)}.notif-tag-upgrade{background:var(--indigo-dim);color:var(--indigo)}.notif-tag-system{background:var(--success-dim);color:var(--success)}.notif-tag-general{background:var(--blue-dim);color:var(--blue)}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#141418eb;color:#fff;padding:12px 22px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;width:min(380px,calc(100% - 32px));text-align:center;z-index:9999;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);box-shadow:0 16px 40px -6px #00000059;border:1px solid rgba(255,255,255,.2);animation:appleToastIn .28s var(--ease-spring)}body.dark-mode .toast{background:#2c2c2eeb;color:#fff}@keyframes appleToastIn{0%{opacity:0;transform:translate(-50%,14px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.plan-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px}.plan-tier-card{border:1.5px solid rgba(0,0,0,.06);border-radius:20px;padding:12px 10px;cursor:pointer;text-align:center;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 14px -2px #00000008,inset 0 1px 1.5px #fffffff2;display:flex;flex-direction:column;justify-content:space-between;min-height:104px;transition:transform .16s var(--ease-spring-snappy),border-color .16s ease,box-shadow .16s ease,background-color .16s ease}body.dark-mode .plan-tier-card{background:#1c1c1ebf;border-color:#ffffff1f;box-shadow:0 4px 14px -2px #00000059,inset 0 1px 1.5px #ffffff26}.plan-tier-card:hover{border-color:var(--indigo);transform:translateY(-2px);box-shadow:0 8px 20px -3px #10b98140}.plan-tier-card.active{border-color:var(--indigo);background:var(--indigo-dim);box-shadow:0 6px 18px -2px #10b98138,inset 0 1px 1.5px #fffffff2}body.dark-mode .plan-tier-card.active{border-color:var(--indigo-2);background:var(--indigo-dim);box-shadow:0 6px 18px -2px #10b98159,inset 0 1px 1.5px #ffffff40}.plan-tier-card .tier-name{font-weight:700;font-size:13.5px;color:var(--ink)}.plan-tier-card .tier-limit{font-size:11px;color:var(--muted);margin:2px 0 6px}.plan-tier-card .tier-price{font-weight:800;font-size:15px;color:var(--indigo)}body.dark-mode .plan-tier-card .tier-price{color:var(--indigo-2)}.duration-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.duration-pill{border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-pill);padding:8px 16px;font-size:12.5px;font-weight:600;cursor:pointer;background:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ink);transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #00000005,inset 0 1px 1px #fffffff2}body.dark-mode .duration-pill{background:#1c1c1ebf;border-color:#ffffff1f}.duration-pill.active{border-color:var(--indigo);background:var(--primary-gradient);color:#fff;box-shadow:var(--primary-shadow),inset 0 1px 1.5px #fff9}.duration-pill .pill-discount{font-size:10px;padding:2px 6px;border-radius:var(--radius-xs);background:var(--success-dim);color:var(--success);font-weight:700}.duration-pill.active .pill-discount{background:#ffffff40;color:#fff}.pricing-matrix-wrap{padding:18px;margin-bottom:16px}.pricing-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pricing-matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:520px}.pricing-matrix-table th,.pricing-matrix-table td{padding:10px 12px;border-bottom:1px solid var(--line-subtle)}.pricing-matrix-table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.pricing-matrix-table tr:last-child td{border-bottom:none}.plan-preview-banner{background:var(--indigo-dim);border:1.5px dashed rgba(16,185,129,.45);border-radius:18px;padding:14px 16px;margin:12px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.plan-preview-title{font-weight:700;font-size:14px;color:var(--ink)}.plan-preview-sub{font-size:12px;color:var(--muted);margin-top:2px}.plan-preview-price{font-size:19px;font-weight:800;color:var(--indigo)}body.dark-mode .plan-preview-price{color:var(--indigo-2)}.plan-mini-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:10px 12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}body.dark-mode .plan-mini-card{background:#1c1c1ebf;border-color:#ffffff1f}.plan-mini-card:hover{transform:translateY(-2px);border-color:var(--indigo)}.plan-mini-card.active{border-color:var(--indigo);background:#007aff14}.avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-weight:700;font-size:16px;margin-right:12px;box-shadow:var(--shadow-xs);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-photo{width:86px;height:86px;border-radius:var(--radius-xl);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-weight:800;font-size:28px;box-shadow:var(--shadow-md);overflow:hidden;flex-shrink:0}.profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.ui-icon{width:1.18em;height:1.18em;display:inline-block;flex-shrink:0;vertical-align:-.18em}.ui-icon svg{width:100%;height:100%;display:block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.row-flex{display:flex;align-items:center;min-width:0}.row-flex>div:not(.avatar):not(.profile-photo){min-width:0}.app-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--loader-bg);background-image:var(--loader-bg-radial);color:var(--loader-text-title);transition:background .3s ease,color .3s ease}.splash-title{font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--loader-text-title);margin:0;text-shadow:var(--loader-title-shadow);transition:color .3s ease}.splash-sub{font-size:13.5px;color:var(--loader-text-sub);margin-top:4px;transition:color .3s ease}.loader-card{position:relative;width:100%;min-height:220px;overflow:hidden;background:var(--loader-bg);background-image:var(--loader-bg-radial);border-radius:22px;margin:16px 0;border:1px solid var(--loader-card-border);box-shadow:var(--loader-card-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.loader-card-label{position:absolute;bottom:16px;left:0;right:0;text-align:center;z-index:10;font-size:13px;font-weight:600;color:var(--loader-text-sub);letter-spacing:-.01em;transition:color .3s ease}.loader{position:absolute;top:50%;left:50%;margin-left:-50px;animation:speeder .4s linear infinite;z-index:3}.loader>span{height:5px;width:35px;background:var(--loader-speeder-top);position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0;transition:background .3s ease}.base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid var(--loader-speeder-body);border-bottom:6px solid transparent;transition:border-right-color .3s ease}.base span:before{content:"";height:22px;width:22px;border-radius:50%;background:var(--loader-speeder-body);position:absolute;right:-110px;top:-16px;transition:background .3s ease}.base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid var(--loader-speeder-body);border-bottom:16px solid transparent;top:-16px;right:-98px;transition:border-right-color .3s ease}.face{position:absolute;height:12px;width:20px;background:var(--loader-speeder-face);border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px;transition:background .3s ease}.face:after{content:"";height:12px;width:12px;background:var(--loader-speeder-visor);right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 2px 2px;transition:background .3s ease}.loader>span>span{width:30px;height:1px;background:var(--loader-fazer-color);position:absolute;transition:background .3s ease}.loader>span>span:nth-child(1){animation:fazer1 .2s linear infinite}.loader>span>span:nth-child(2){top:3px;animation:fazer2 .4s linear infinite}.loader>span>span:nth-child(3){top:1px;animation:fazer3 .4s linear infinite;animation-delay:-1s}.loader>span>span:nth-child(4){top:4px;animation:fazer4 1s linear infinite;animation-delay:-1s}@keyframes fazer1{0%{transform:translate(0)}to{transform:translate(-80px);opacity:0}}@keyframes fazer2{0%{transform:translate(0)}to{transform:translate(-100px);opacity:0}}@keyframes fazer3{0%{transform:translate(0)}to{transform:translate(-50px);opacity:0}}@keyframes fazer4{0%{transform:translate(0)}to{transform:translate(-150px);opacity:0}}@keyframes speeder{0%{transform:translate(1px,.5px)}25%{transform:translate(-.5px,-1px)}50%{transform:translate(.5px,1px)}75%{transform:translate(-1px)}to{transform:translate(1px,.5px)}}.longfazers{position:absolute;width:100%;height:100%;z-index:4;pointer-events:none}.longfazers span{position:absolute;height:2px;width:20%;background:var(--loader-longfazer-color);transition:background .3s ease}.longfazers span:nth-child(1){top:20%;animation:lf .8s linear infinite;animation-delay:-5s}.longfazers span:nth-child(2){top:40%;animation:lf2 1s linear infinite;animation-delay:-1s}.longfazers span:nth-child(3){top:60%;animation:lf3 .8s linear infinite}.longfazers span:nth-child(4){top:80%;animation:lf4 .7s linear infinite;animation-delay:-3s}@keyframes lf{0%{transform:translate(200vw)}to{transform:translate(-100vw);opacity:0}}@keyframes lf2{0%{transform:translate(200vw)}to{transform:translate(-100vw);opacity:0}}@keyframes lf3{0%{transform:translate(200vw)}to{transform:translate(-100vw);opacity:0}}@keyframes lf4{0%{transform:translate(200vw)}to{transform:translate(-100vw);opacity:0}}.clouds{position:absolute;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none}.cloud{position:absolute;background:var(--loader-cloud-bg);border-radius:50%;opacity:var(--loader-cloud-opacity);box-shadow:var(--loader-cloud-shadow);animation:moveClouds linear infinite;transition:background .3s ease,opacity .3s ease,box-shadow .3s ease}.cloud:before,.cloud:after{content:"";position:absolute;background:var(--loader-cloud-bg);border-radius:50%;transition:background .3s ease}.cloud:before{width:60%;height:60%;top:-30%;left:10%}.cloud:after{width:40%;height:40%;top:-20%;left:50%}.cloud1{width:100px;height:55px;top:15%;left:100%;animation-duration:3s;animation-delay:-.5s}.cloud2{width:140px;height:70px;top:32%;left:100%;animation-duration:4.2s;animation-delay:-2s}.cloud3{width:85px;height:45px;top:22%;left:100%;animation-duration:3.6s;animation-delay:-1.2s}.cloud4{width:110px;height:60px;top:68%;left:100%;animation-duration:3.8s;animation-delay:-2.8s}.cloud5{width:150px;height:50px;top:78%;left:100%;animation-duration:3.2s;animation-delay:-1.6s}@keyframes moveClouds{0%{transform:translate(30px)}to{transform:translate(calc(-100vw - 260px))}}.loader-card .cloud,.profile-speeder-loader-card .cloud{animation-name:moveCloudsCard}@keyframes moveCloudsCard{0%{transform:translate(30px)}to{transform:translate(calc(-100% - 240px))}}.profile-speeder-loader-card{position:relative;width:100%;min-height:280px;height:46vh;max-height:390px;overflow:hidden;background:var(--loader-bg);background-image:var(--loader-bg-radial);border-radius:28px;margin:12px 0 20px;border:1px solid var(--loader-card-border);box-shadow:var(--loader-card-shadow);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:24px;box-sizing:border-box;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.profile-loader-meta{position:relative;z-index:10;text-align:center;padding:0 16px}.profile-loader-text{font-size:16px;font-weight:700;letter-spacing:-.015em;color:var(--loader-text-title);text-shadow:var(--loader-title-shadow);margin-bottom:3px}.profile-loader-subtext{font-size:12.5px;font-weight:500;color:var(--loader-text-sub);letter-spacing:-.01em}.spinner-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:180px;text-align:center;padding:40px 20px;color:var(--muted)}.empty{text-align:center;padding:32px 14px;color:var(--muted);font-size:14px}.config-warning{background:var(--marigold-dim);border:1px solid rgba(255,149,0,.25);border-radius:var(--radius-lg);padding:18px;font-size:13.5px;color:var(--ink);line-height:1.5}.config-warning code{background:var(--paper-strong);padding:2px 6px;border-radius:6px;font-family:monospace}.support-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-lg);background:var(--indigo-dim);border:1px solid rgba(0,122,255,.18)}.support-character{width:72px;height:72px;border-radius:var(--radius-md);flex-shrink:0;background:#fff url(../support-avatar.png) center 18% / 138% auto no-repeat;box-shadow:var(--shadow-sm)}.support-thread-title{font-size:17px;font-weight:700;color:var(--ink)}@media (min-width: 900px){#app{max-width:1200px}.topbar{border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:24px 32px;max-width:1152px;width:calc(100% - 48px);margin:20px auto 0}.topbar h1{font-size:30px}.screen{max-width:1200px;width:100%;margin:0 auto;padding:24px 24px 180px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}.screen>*{grid-column:1 / -1}.screen>.col-6,.screen>.card.col-6,.screen>.admin-col-6{grid-column:span 6}.screen.auth-screen,.auth-screen{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - 40px)!important;max-width:520px!important;width:100%!important;margin:0 auto!important;padding:32px 16px!important;grid-column:1 / -1!important}.screen.auth-screen>.auth-card,.auth-screen>.auth-card,.screen.auth-screen>*{grid-column:1 / -1!important;width:100%!important;max-width:440px!important;margin:0 auto!important}.screen>.card:only-of-type,.screen>*:only-child{max-width:760px;margin-left:auto;margin-right:auto;width:100%}.screen>.stat-row,.screen>.tile-grid,.screen>.section-title,.screen>.empty,.screen>.config-warning,.screen>.spinner-box,.admin-action-grid,.main-admin-actions,.main-admin-sync-card,.main-admin-owner-card,.main-admin-business-card,.main-admin-center-card,.main-business-attendance,.main-business-danger{grid-column:1 / -1}.screen>.qr-ticket{grid-column:1 / -1;max-width:520px;margin:0 auto;width:100%}.main-business-summary,.main-business-login,.main-business-staff{grid-column:span 5}.main-business-profile,.main-business-account,.main-business-staff-login{grid-column:span 7}.tile-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.stat-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:16px!important;width:100%!important}.bottom-nav{left:50%;right:auto;transform:translate(-50%);width:min(480px,calc(100% - 48px));border-radius:36px;bottom:24px;padding:8px 12px}.chat-input-bar{bottom:96px}.chat-input-bar.floating-chat-bar{bottom:20px;width:min(680px,calc(100% - 64px))}.floating-support{right:calc((100vw - min(1200px,100vw))/2 + 36px);bottom:96px}.notif-modal-overlay,.trial-popup-overlay,.cropper-modal-overlay,.edit-pricing-overlay{align-items:center;padding:20px}.notif-modal-card,.trial-popup-card,.cropper-modal-card,.edit-pricing-card{border-radius:var(--radius-xl);border-bottom:1px solid var(--glass-border)}}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}@media (max-width: 480px){.screen{padding:16px 14px calc(118px + env(safe-area-inset-bottom,20px));gap:14px;-webkit-overflow-scrolling:touch}.card{padding:18px 16px;border-radius:22px}.topbar{padding:calc(16px + env(safe-area-inset-top,0px)) 16px 18px}.topbar h1{font-size:22px}.plan-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-support{min-width:44px;width:44px;height:44px;padding:0;justify-content:center;bottom:calc(76px + env(safe-area-inset-bottom,0px));border-radius:50%}.floating-support span{display:none}.bottom-nav{width:calc(100% - 20px);padding:4px 6px}.nav-tab-label{font-size:10px}}@media (max-width: 350px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-bubbles,.admin-action-grid{grid-template-columns:1fr}}.profile-screen{max-width:1100px;width:100%;margin:0 auto;padding:20px 18px 160px;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.profile-screen{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important;padding:24px 24px 180px!important}}.profile-col{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.profile-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:8px}.profile-field-row label{margin-bottom:3px;font-size:11.5px}.profile-field-row input,.profile-field-row select{margin-bottom:0}.salary-screen{max-width:960px;width:100%;margin:0 auto;padding:20px 18px 160px;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.salary-screen{padding:24px 24px 180px!important}}.salary-control-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px}.salary-hero-card{background:linear-gradient(135deg,#5646c614,#007aff0a),var(--surface);border:1px solid rgba(86,70,198,.15);padding:22px 24px}body.dark-mode .salary-hero-card{background:linear-gradient(135deg,#5d5fef24,#007aff0f),#1c1c1ed9;border-color:#5d5fef40}.salary-stat-ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-top:14px}.salary-stat-chip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:10px 12px;text-align:center;display:flex;flex-direction:column;gap:2px}body.dark-mode .salary-stat-chip{background:#ffffff0d;border-color:#ffffff1a}.salary-stat-chip .val{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800;color:var(--ink);line-height:1.2}.salary-stat-chip .label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:active,.tile:active,.category-bubbles button:active{transform:none!important}}@media (prefers-reduced-transparency: reduce){.topbar,.bottom-nav,.card,.qr-ticket,.stat,.attendance-item,.staff-row,.chat-list-item,.support-inbox-item,.chat-input-bar,.notif-modal-card,.trial-popup-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}body.dark-mode .topbar,body.dark-mode .bottom-nav,body.dark-mode .card,body.dark-mode .qr-ticket,body.dark-mode .stat,body.dark-mode .attendance-item,body.dark-mode .staff-row,body.dark-mode .chat-list-item,body.dark-mode .support-inbox-item,body.dark-mode .chat-input-bar,body.dark-mode .notif-modal-card,body.dark-mode .trial-popup-card{background:#1c1c1e!important}}.uber-map-wrapper{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 12px 40px #00000029;border:1px solid rgba(0,0,0,.08);background:#111015}body.dark-mode .uber-map-wrapper{border-color:#ffffff1f;box-shadow:0 14px 44px #00000073}.uber-map-top-bar{position:absolute;top:14px;left:14px;right:14px;z-index:1000;display:flex;gap:8px;align-items:center;pointer-events:auto}.uber-search-pill{flex:1;background:#17161b;color:#fff;border-radius:var(--radius-pill);padding:9px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 18px #00000059;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.uber-search-pill select{border:none;background:transparent;font-size:13.5px;font-weight:700;color:#fff;outline:none;width:100%;cursor:pointer;font-family:inherit}.uber-search-pill select option{background:#17161b;color:#fff}.uber-floating-controls{position:absolute;top:72px;right:14px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.uber-control-btn{background:#17161b;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);padding:8px 14px;font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;box-shadow:0 4px 14px #00000059;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.uber-control-btn:hover{background:#25242c;transform:translateY(-1px)}.uber-control-btn.active{background:#3760f9;color:#fff;border-color:#3760f9}.uber-fab{width:42px;height:42px;border-radius:50%;background:#17161b;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 16px #00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .16s,background .16s;font-size:17px}.uber-fab:hover{background:#25242c;transform:scale(1.05)}.uber-fab:active{transform:scale(.92)}.leaflet-marker-icon.uber-moving-marker{transition:transform .85s cubic-bezier(.2,.8,.2,1)}.uber-beacon-container{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.uber-radar-ripple{position:absolute;width:48px;height:48px;border-radius:50%;background:#3760f940;border:1.5px solid rgba(55,96,249,.55);animation:uberRadarPulse 2.2s infinite ease-out;pointer-events:none}.uber-radar-core{position:relative;width:28px;height:28px;border-radius:50%;background:#17161b;border:2.5px solid #FFFFFF;box-shadow:0 4px 14px #00000080;display:flex;align-items:center;justify-content:center;z-index:2}.uber-radar-core svg{width:14px;height:14px;fill:#d2fc59}.uber-staff-pill{position:absolute;bottom:34px;left:50%;transform:translate(-50%);background:#17161b;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:800;padding:3px 8px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 12px #0006;display:flex;align-items:center;gap:4px;pointer-events:none}.uber-staff-pill:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:#17161B transparent transparent transparent}.uber-origin-pin{width:22px;height:22px;background:#17161b;border:2px solid #FFFFFF;border-radius:50%;box-shadow:0 3px 10px #00000073;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:900}@keyframes uberRadarPulse{0%{transform:scale(.6);opacity:.95}70%{transform:scale(1.4);opacity:.1}to{transform:scale(1.5);opacity:0}}.uber-hud-card{background:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 10px 30px #00000014;border:1px solid var(--line-subtle);margin-top:14px}body.dark-mode .uber-hud-card{background:var(--surface);border-color:var(--glass-border)}.uber-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.uber-metric-box{background:var(--system-bg);border-radius:16px;padding:10px 12px;text-align:center;border:1px solid var(--line-subtle)}.uber-metric-val{font-size:15px;font-weight:800;color:var(--indigo)}.uber-metric-lbl{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.leaflet-popup-content-wrapper{border-radius:18px!important;background:#17161b!important;color:#fff!important;box-shadow:0 12px 36px #00000073!important;border:1px solid rgba(255,255,255,.15)!important}.leaflet-popup-tip{background:#17161b!important}.leaflet-popup-content{margin:14px 16px!important;line-height:1.4!important;font-size:13px!important;color:#fff!important}.goo-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.85}body.dark-mode .goo-field{opacity:.95}.goo-layer{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;filter:url(#page-goo)}.goo-blob{position:absolute;border-radius:50%;will-change:transform;opacity:.75}.goo-blob.gb1{width:380px;height:380px;top:2%;left:-10%;background:radial-gradient(circle,#3760f973,#3760f914 70%);animation:ql-drift-a 32s ease-in-out infinite alternate}.goo-blob.gb2{width:320px;height:320px;top:22%;right:-8%;background:radial-gradient(circle,#d2fc5959,#d2fc590f 70%);animation:ql-drift-b 38s ease-in-out infinite alternate}.goo-blob.gb3{width:280px;height:280px;top:55%;left:4%;background:radial-gradient(circle,#5b7efa66,#5b7efa14 70%);animation:ql-drift-b 28s ease-in-out infinite alternate-reverse}.goo-blob.gb4{width:360px;height:360px;bottom:4%;right:5%;background:radial-gradient(circle,#3760f961,#3760f90f 70%);animation:ql-drift-a 35s ease-in-out infinite alternate-reverse}.goo-blob.gb5{width:240px;height:240px;bottom:35%;left:40%;background:radial-gradient(circle,#dad9fb73,#dad9fb14 70%);animation:ql-drift-a 25s ease-in-out infinite alternate}body.dark-mode .goo-blob.gb1{background:radial-gradient(circle,#3760f961,#3760f90a 70%)}body.dark-mode .goo-blob.gb2{background:radial-gradient(circle,#d2fc5947,#d2fc5908 70%)}body.dark-mode .goo-blob.gb3{background:radial-gradient(circle,#785aff59,#785aff0a 70%)}body.dark-mode .goo-blob.gb4{background:radial-gradient(circle,#2048de59,#2048de08 70%)}@keyframes ql-drift-a{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(90px,60px,0) scale(1.18)}to{transform:translate3d(-40px,90px,0) scale(.92)}}@keyframes ql-drift-b{0%{transform:translateZ(0) scale(1.12)}50%{transform:translate3d(-70px,80px,0) scale(.94)}to{transform:translate3d(50px,-50px,0) scale(1.08)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;opacity:.032;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}body.dark-mode .grain{opacity:.045}.scene-aurora{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(55,96,249,.12),transparent 75%);pointer-events:none}body.dark-mode .scene-aurora{background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(55,96,249,.18),transparent 75%)}.ql-content{position:relative;z-index:10;width:100%}.card,.stat-card,.scan-punch{background:#ffffffb8!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 14px 36px -8px #0000000f,0 2px 10px #00000008,inset 0 1px 1px #ffffffe6!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease!important}body.dark-mode .card,body.dark-mode .stat-card,body.dark-mode .scan-punch{background:#17161bbf!important;backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 16px 40px -10px #0009,0 2px 10px #0006,inset 0 1px 1px #ffffff2e!important}.topbar{background:#ffffffd1!important;backdrop-filter:blur(24px) saturate(190%)!important;-webkit-backdrop-filter:blur(24px) saturate(190%)!important;border-bottom:1px solid rgba(255,255,255,.9)!important;box-shadow:0 8px 24px -4px #0000000a!important}body.dark-mode .topbar{background:#17161bd1!important;backdrop-filter:blur(28px) saturate(200%)!important;-webkit-backdrop-filter:blur(28px) saturate(200%)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px -4px #00000073!important}.modal-card,.modal-sheet,.pricing-modal-card{background:#ffffffe0!important;backdrop-filter:blur(34px) saturate(220%)!important;-webkit-backdrop-filter:blur(34px) saturate(220%)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 28px 72px -12px #00000038,0 8px 24px #00000014!important}body.dark-mode .modal-card,body.dark-mode .modal-sheet,body.dark-mode .pricing-modal-card{background:#17161be0!important;backdrop-filter:blur(38px) saturate(220%)!important;-webkit-backdrop-filter:blur(38px) saturate(220%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 32px 80px -12px #000000d9,0 10px 30px #0009!important}.btn-primary,.btn-marigold{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.4,.64,1),box-shadow .2s ease!important}.btn-primary:active,.btn-marigold:active{transform:scale(.95) translateY(1px)!important}.btn-primary:before,.btn-marigold:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff47,#fff0);border-radius:inherit;pointer-events:none}.chip{background:#ffffffa6!important;backdrop-filter:blur(14px) saturate(170%)!important;-webkit-backdrop-filter:blur(14px) saturate(170%)!important;border:1px solid rgba(255,255,255,.8)!important;transition:transform .2s cubic-bezier(.34,1.4,.64,1),background .2s ease!important}body.dark-mode .chip{background:#17161bb3!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(255,255,255,.14)!important}.chip.active{background:var(--primary-gradient)!important;color:#fff!important;border-color:#ffffff59!important;box-shadow:0 6px 18px #3760f959!important}.profile-canvas{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 88% 10%,#ffdac0bf,#ffeee059 38%,#f7f8fc00 72%),#f7f8fc;padding:calc(env(safe-area-inset-top,14px) + 8px) 20px calc(118px + env(safe-area-inset-bottom,24px));max-width:480px;margin:0 auto;box-sizing:border-box;position:relative;width:100%}body.dark-mode .profile-canvas{background:radial-gradient(circle at 88% 10%,#ff782829,#783c1414 40%,#11101600 72%),#121116}@media (min-width: 768px){.profile-canvas{max-width:1080px;margin:24px auto;border-radius:36px;border:1px solid var(--glass-border);box-shadow:0 20px 60px -10px #00000014;padding:32px 36px 140px}.profile-ios-statusbar{display:none!important}.profile-sheet-backdrop{align-items:center!important;padding:24px!important}.profile-sheet-card{border-radius:28px!important;max-height:85vh!important;max-width:540px!important}}@media (max-width: 480px){.profile-canvas{padding:calc(env(safe-area-inset-top,14px) + 6px) 14px calc(118px + env(safe-area-inset-bottom,20px))}}.profile-ios-statusbar{display:flex;justify-content:space-between;align-items:center;padding:0 4px 14px;color:#111}body.dark-mode .profile-ios-statusbar{color:#f5f5f7}.profile-ios-time{font-size:15px;font-weight:700;letter-spacing:-.01em}.profile-ios-icons{display:flex;align-items:center;gap:6px}.profile-back-circle-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0000000d;transition:transform .16s ease,background .16s ease;color:#111;margin-bottom:20px}body.dark-mode .profile-back-circle-btn{background:#23222a;color:#fff;box-shadow:0 4px 14px #0006}.profile-back-circle-btn:active{transform:scale(.92)}.profile-screen-title{font-size:27px;font-weight:700;color:#111;letter-spacing:-.03em;margin:0 0 20px 2px}body.dark-mode .profile-screen-title{color:#fff}.profile-hero-card{background:#fff!important;border-radius:28px!important;padding:34px 22px 28px!important;text-align:center!important;box-shadow:0 10px 32px #00000009!important;border:1px solid rgba(255,255,255,.9)!important;margin-bottom:16px!important;position:relative}body.dark-mode .profile-hero-card{background:#1c1b22!important;border-color:#ffffff14!important;box-shadow:0 16px 40px #00000080!important}.profile-avatar-wrapper{position:relative;width:92px;height:92px;margin:0 auto 14px;border-radius:50%;cursor:pointer}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:0 6px 18px #00000014;border:2.5px solid #FFFFFF}body.dark-mode .profile-avatar-img{border-color:#2d2c35}.profile-avatar-change-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.profile-avatar-wrapper:hover .profile-avatar-change-overlay{opacity:1}.profile-hero-name{font-size:19px;font-weight:700;color:#111;margin-bottom:4px;letter-spacing:-.015em}body.dark-mode .profile-hero-name{color:#fff}.profile-hero-email{font-size:13.5px;color:#8e8e93;font-weight:400;margin-bottom:7px}body.dark-mode .profile-hero-email{color:#9c9ca4}.profile-hero-subtitle{font-size:13px;color:#8e8e93;font-weight:400;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px;margin:0 auto 22px;max-width:100%;line-height:1.3;text-align:center}body.dark-mode .profile-hero-subtitle{color:#9c9ca4}.profile-role-badge{white-space:nowrap;flex-shrink:0;font-weight:500;color:#6e6e73;line-height:1.3}body.dark-mode .profile-role-badge{color:#a0a0a5}.profile-dot{font-weight:700;font-size:13px;line-height:1;flex-shrink:0;opacity:.5;-webkit-user-select:none;user-select:none}.profile-loc-badge{display:inline-flex;align-items:center;gap:4px;min-width:0;flex-shrink:1;line-height:1.3}.profile-pin-icon{font-size:12px;line-height:1;flex-shrink:0;display:inline-flex;align-items:center}.profile-loc-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;display:inline-block;vertical-align:middle}@media (max-width: 380px){.profile-loc-text{max-width:140px}}.profile-orange-edit-btn{background:linear-gradient(135deg,#ff6a00,#ff4500)!important;color:#fff!important;border:none!important;border-radius:9999px!important;padding:12px 28px!important;font-size:14.5px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;box-shadow:0 8px 24px #ff500059!important;transition:transform .18s cubic-bezier(.34,1.4,.64,1),box-shadow .18s ease!important}.profile-orange-edit-btn:active{transform:scale(.95) translateY(1px)!important;box-shadow:0 4px 14px #ff500047!important}.profile-menu-card{background:#fff!important;border-radius:22px!important;box-shadow:0 10px 30px #00000009!important;border:1px solid rgba(255,255,255,.9)!important;margin-bottom:14px!important;overflow:hidden!important}body.dark-mode .profile-menu-card{background:#1c1b22!important;border-color:#ffffff14!important;box-shadow:0 14px 36px #00000073!important}.profile-menu-row{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;transition:background .15s ease}.profile-menu-row:active{background:#00000008}body.dark-mode .profile-menu-row:active{background:#ffffff0a}.profile-menu-left{display:flex;align-items:center;gap:15px}.profile-menu-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#111}body.dark-mode .profile-menu-icon{color:#fff}.profile-menu-label{font-size:15.5px;font-weight:600;color:#111;letter-spacing:-.01em}body.dark-mode .profile-menu-label{color:#fff}.profile-menu-chevron{color:#c7c7cc;display:flex;align-items:center;transition:transform .15s ease}.profile-menu-row:hover .profile-menu-chevron{transform:translate(2px)}.profile-menu-divider{height:1px;background:#f4f4f7;margin:0 20px}body.dark-mode .profile-menu-divider{background:#ffffff0f}.profile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-end;justify-content:center;animation:profileSheetFadeIn .25s ease forwards}.profile-sheet-card{background:#fff;border-radius:28px 28px 0 0;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;padding:24px 22px calc(env(safe-area-inset-bottom,20px) + 24px);box-shadow:0 -10px 40px #00000026;animation:profileSheetSlideUp .32s cubic-bezier(.32,.72,0,1) forwards}body.dark-mode .profile-sheet-card{background:#1c1b22;color:#fff}@keyframes profileSheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.visually-hidden-file{display:none!important;position:absolute!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}