@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Outfit:wght@600;700&display=swap";:root{--surface-bg:#faf7f4;--surface-1:#fff;--surface-2:#f0ebe5;--surface-3:#e8e1d8;--surface-overlay:#2c24207a;--surface-glass:#2c242005;--border-subtle:#2c24200f;--border-default:#e0d8cf;--border-strong:#cfc5b8;--border-focus:#f5822073;--text-primary:#2c2420;--text-secondary:#6b5d52;--text-tertiary:#8a7b6f;--text-quaternary:#a89989;--text-inverse:#faf7f4;--brand:#f58220;--brand-hover:#dd7015;--brand-fade:#f5822014;--brand-fade-strong:#f5822029;--brand-text:#b8560f;--brand-on:#2c2420;--green:#3a7d44;--green-fade:#3a7d4414;--green-strong:#3a7d4429;--red:#b83a2a;--red-fade:#b83a2a14;--red-strong:#b83a2a29;--amber:#b8860b;--amber-fade:#b8860b14;--amber-strong:#b8860b29;--purple:#7a5dab;--purple-fade:#7a5dab14;--shadow-sm:0 1px 2px #2c24200a;--shadow-md:0 1px 3px #2c24200d,0 6px 16px #2c24200a;--shadow-lg:0 1px 3px #2c24200f,0 16px 40px #2c242014;--shadow-focus:0 0 0 3px #f582202e;--shadow-inner:inset 0 1px 0 #fff9;--gradient-hero:none;--gradient-card:none;--skeleton-base:#2c24200a;--skeleton-shine:#2c242014;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading:"Outfit","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Monaco,Consolas,monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.1s;--duration-normal:.15s;--duration-slow:.22s;--duration-slower:.4s;--sidebar-w:220px;--sidebar-collapsed-w:0px;--topbar-h:52px;--content-max:1280px;--z-base:1;--z-sticky:40;--z-topbar:50;--z-sidebar:100;--z-overlay:500;--z-modal:600;--z-command:700;--z-toast:1000;--bg:var(--surface-bg);--bg2:var(--surface-2);--bg3:var(--surface-3);--panel:var(--surface-1);--panel2:var(--surface-1);--border:var(--border-default);--border2:var(--border-strong);--border3:var(--border-strong);--blue:var(--brand);--blue2:var(--brand-hover);--blue3:var(--brand-hover);--blue-light:var(--brand-text);--blue-glow:var(--brand-fade);--blue-glow2:var(--brand-fade);--white:var(--text-primary);--white2:var(--text-secondary);--muted:var(--text-secondary);--muted2:var(--text-tertiary);--muted3:var(--text-quaternary);--green-bg:var(--green-fade);--red-bg:var(--red-fade);--amber-bg:var(--amber-fade);--font-head:var(--font-heading);--font-body:var(--font-sans)}[data-theme=navy]{--surface-bg:#0b1220;--surface-1:#111827;--surface-2:#1f2937;--surface-3:#374151;--surface-overlay:#000000a6;--surface-glass:#ffffff08;--border-subtle:#cbd5e114;--border-default:#cbd5e11f;--border-strong:#cbd5e12e;--border-focus:#ff6a0073;--text-primary:#cbd5e1;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-quaternary:#475569;--text-inverse:#0b1220;--brand:#ff6a00;--brand-hover:#ff8533;--brand-fade:#ff6a001a;--brand-fade-strong:#ff6a0033;--brand-text:#ff8533;--brand-on:#0b1220;--green:#4ade80;--green-fade:#4ade801a;--green-strong:#4ade8033;--red:#f87171;--red-fade:#f871711a;--red-strong:#f8717133;--amber:#f59e0b;--amber-fade:#f59e0b1a;--amber-strong:#f59e0b33;--purple:#a78bfa;--purple-fade:#a78bfa1a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 3px #0006,0 6px 16px #0000004d;--shadow-lg:0 1px 3px #00000080,0 16px 40px #0006;--shadow-focus:0 0 0 3px #ff6a0040;--shadow-inner:inset 0 1px 0 #ffffff0a;--skeleton-base:#ffffff0a;--skeleton-shine:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background:var(--surface-bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-weight:400;line-height:1.5;overflow:hidden auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:600;line-height:1.25}.tnum,.stat-card-value,.members-table td{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}a{color:var(--brand-text);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--brand-hover)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-md);cursor:pointer;border:1px solid var(--border-default);background:var(--surface-1);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-weight:500;line-height:1.4;display:inline-flex}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);color:var(--brand-on);border-color:var(--brand)}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-danger{background:var(--red);color:var(--text-inverse);border-color:var(--red)}.btn-danger:hover{background:#a33226;border-color:#a33226}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-default)}.btn-sm{font-size:var(--text-sm);padding:5px 10px}.btn-xs{font-size:var(--text-xs);padding:3px 8px}.form-label{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-1);width:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out);padding:8px 12px;line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-quaternary)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:80px}.form-required:after{content:" *";color:var(--red)}@media (width<=600px){.form-row{grid-template-columns:1fr}}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-weight:500;line-height:1.5;display:inline-flex}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.data-table th{text-align:left;font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:1px solid var(--border-default);background:var(--surface-1);z-index:2;padding:8px 12px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 12px}.data-table tr:hover td{background:var(--surface-bg)}.data-table tr:last-child td{border-bottom:none}.card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.page-enter{animation:pageIn var(--duration-slow) var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.content-inner{padding:var(--space-6);max-width:var(--content-max);margin:0 auto}@media (width<=768px){.content-inner{padding:var(--space-4)}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-header-left{flex:1;min-width:0}.page-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);font-weight:600;line-height:1.2}.page-sub{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}@media (width<=600px){.page-header{gap:var(--space-3);flex-direction:column}.page-title{font-size:var(--text-xl)}}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.filter-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-pill{border-radius:var(--radius-pill);font-size:var(--text-sm);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;padding:5px 12px;font-weight:500}.filter-pill:hover{color:var(--text-primary);background:var(--surface-3)}.stat-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);letter-spacing:0;text-transform:none;align-items:center;gap:6px;font-weight:500;display:flex}.stat-card-label:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.stat-card-value{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-weight:600}.stat-card-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-tertiary);font-size:var(--text-md)}.skeleton{background:var(--skeleton-base);border-radius:var(--radius-sm);animation:1.5s infinite shimmer}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5)}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.spinner{border:2px solid var(--border-default);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);font-size:var(--text-md);color:var(--text-primary);pointer-events:auto;animation:toastIn var(--duration-slow) var(--ease-out);align-items:center;gap:var(--space-3);max-width:360px;display:flex}.toast.toast-green{border-left:3px solid var(--green)}.toast.toast-red{border-left:3px solid var(--red)}.toast.toast-amber{border-left:3px solid var(--amber)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#rf-modal-overlay{z-index:var(--z-modal);background:var(--surface-overlay);padding:var(--space-6);animation:fadeIn var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-close{cursor:pointer;padding:var(--space-1);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex}#rf-confirm-overlay{z-index:calc(var(--z-modal) + 10);background:var(--surface-overlay);padding:var(--space-6);animation:fadeIn var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#rf-print-overlay{z-index:var(--z-modal);background:var(--surface-bg);flex-direction:column;display:flex;position:fixed;inset:0}.photo-lightbox-overlay{z-index:var(--z-modal);cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-lightbox-overlay img{object-fit:contain;border-radius:var(--radius-md);max-width:90%;max-height:90dvh}.login-container{background:var(--surface-bg);min-height:100dvh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-8) var(--space-7);box-shadow:var(--shadow-md)}.login-brand{text-align:center;margin-bottom:var(--space-7)}.login-brand h1{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.03em;font-weight:700}.login-brand p{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.login-error{background:var(--red-fade);border:1px solid var(--red-strong);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--text-sm);color:var(--red);margin-bottom:var(--space-4);display:none}.login-error.visible{display:block}.cmd-overlay{z-index:var(--z-command);background:var(--surface-overlay);justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);overflow:hidden}.cmd-input-wrap{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.cmd-input-wrap svg{color:var(--text-tertiary);flex-shrink:0}.cmd-input{font-size:var(--text-lg);color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.cmd-input::placeholder{color:var(--text-quaternary)}.cmd-results{max-height:340px;padding:var(--space-2) 0;overflow-y:auto}.cmd-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);cursor:pointer;font-size:var(--text-md);color:var(--text-secondary);transition:background var(--duration-fast),color var(--duration-fast);display:flex}.cmd-item:hover,.cmd-item.active{background:var(--surface-2);color:var(--text-primary)}.cmd-item svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.cmd-item.active svg{color:var(--brand)}.cmd-item-label{flex:1}.cmd-item-hint{font-size:var(--text-xs);color:var(--text-quaternary);font-family:var(--font-mono)}.cmd-empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--text-tertiary);font-size:var(--text-md)}.cmd-footer{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-quaternary);display:flex}.cmd-kbd{background:var(--surface-2);border:1px solid var(--border-default);min-width:20px;font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);border-radius:4px;justify-content:center;align-items:center;padding:1px 5px;display:inline-flex}@supports (-webkit-touch-callout:none){select.form-input,select.filter-select{font-size:16px}}.pin-input-group{gap:var(--space-3);margin:var(--space-6) 0;justify-content:center;display:flex}.pin-digit{text-align:center;width:48px;height:56px;font-size:var(--text-2xl);border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-bg);color:var(--text-primary);font-weight:600;font-family:var(--font-sans);transition:border-color var(--duration-fast)}.pin-digit:focus{border-color:var(--brand);box-shadow:var(--shadow-focus);outline:none}.pin-error{color:var(--red);font-size:var(--text-sm);text-align:center;margin-top:var(--space-3);min-height:20px}.timeout-warning{bottom:var(--space-5);z-index:var(--z-toast);background:var(--surface-1);border:1px solid var(--amber);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-md);font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:var(--space-3);animation:toastIn var(--duration-slow) var(--ease-out);display:flex;position:fixed;left:50%;transform:translate(-50%)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:0;text-transform:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:9px 16px;font-weight:500;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:var(--brand-on);box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff42}.btn-primary:hover{background:var(--brand-hover);color:#fff;box-shadow:var(--shadow-md),inset 0 1px 0 #ffffff1a}.btn-ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger-soft{background:var(--red-fade);color:var(--red);border-color:#0000}.btn-danger-soft:hover{background:var(--red-strong)}.btn-success-soft{background:var(--green-fade);color:var(--green);border-color:#0000}.btn-success-soft:hover{background:var(--green-strong)}.btn-amber-soft{background:var(--amber-fade);color:var(--amber);border-color:#0000}.btn-amber-soft:hover{background:var(--amber-strong)}.btn-sm{font-size:var(--text-sm);border-radius:var(--radius-sm);padding:6px 11px}.btn-lg{font-size:var(--text-md);padding:12px 24px}.btn-full{width:100%}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.btn-icon:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.btn-icon svg{width:16px;height:16px}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);letter-spacing:0;white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-weight:500;line-height:1.4;display:inline-flex}.badge-green{background:var(--green-fade);color:var(--green);border-color:var(--green-strong)}.badge-red{background:var(--red-fade);color:var(--red);border-color:var(--red-strong)}.badge-amber{background:var(--amber-fade);color:var(--amber);border-color:var(--amber-strong)}.badge-blue{background:var(--brand-fade);color:var(--brand-text);border-color:var(--brand-fade-strong)}.badge-muted{background:var(--surface-2);color:var(--text-tertiary);border-color:var(--border-subtle)}.badge-purple{background:var(--purple-fade);color:var(--purple);border-color:var(--purple)}.badge-dot:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm),var(--shadow-inner);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md),var(--shadow-inner)}.card-enter{animation:cardEnter var(--duration-slower) var(--ease-out) both}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card-sm{padding:var(--space-5)}.card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:0;text-transform:none;font-weight:600}.stat-card{background:var(--surface-1);background-image:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm),var(--shadow-inner);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{border-color:var(--border-default);box-shadow:var(--shadow-md),var(--shadow-inner);transform:translateY(-2px)}.stat-card-clickable:active{transform:translateY(0)}.stat-card-accent{opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.stat-card-label{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);letter-spacing:0;text-transform:none;align-items:center;gap:6px;font-weight:600;display:flex}.stat-card-label:before{content:"";background:var(--stat-dot,var(--brand));border-radius:50%;width:6px;height:6px}.stat-card-value{font-size:var(--text-4xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.stat-card-sub{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-3);align-items:center;gap:6px;display:flex}.stat-card-sub .up{color:var(--green);font-weight:500}.stat-card-sub .down{color:var(--red);font-weight:500}.trend-up,.trend-down{font-size:var(--text-xs);border-radius:var(--radius-sm);align-items:center;gap:3px;padding:2px 6px;font-weight:600;display:inline-flex}.trend-up{color:var(--green);background:var(--green-fade)}.trend-down{color:var(--red);background:var(--red-fade)}.trend-up:before{content:"↑"}.trend-down:before{content:"↓"}.form-group{margin-bottom:var(--space-5)}.form-label{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:0;text-transform:none;margin-bottom:6px;font-weight:600;display:block}.form-hint{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:4px}.form-input{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);outline:none;padding:10px 14px}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{border-color:var(--brand);box-shadow:var(--shadow-focus)}.form-input::placeholder{color:var(--text-quaternary)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-error{font-size:var(--text-sm);color:var(--red);margin-top:5px}.table-wrap{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible}.table-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.search-input{background:var(--surface-bg);border:1px solid var(--border-default);font-size:var(--text-md);border-radius:var(--radius-md);color:var(--text-primary);width:260px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:8px 12px}.search-input:focus{border-color:var(--brand);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--text-quaternary)}.filter-select{background:var(--surface-1);border:1px solid var(--border-default);font-size:var(--text-md);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:8px 12px}.filter-select:hover{border-color:var(--border-strong)}.filter-select:focus{border-color:var(--brand);box-shadow:var(--shadow-focus)}table{border-collapse:collapse;width:100%}th{text-align:left;font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:0;text-transform:none;border-bottom:1px solid var(--border-subtle);background:0 0;padding:11px 18px;font-weight:600}td{font-size:var(--text-md);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:14px 18px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.modal-overlay{background:var(--surface-overlay);z-index:var(--z-overlay);padding:var(--space-5);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:520px;max-width:100%;max-height:88vh;box-shadow:var(--shadow-lg);animation:fadeUp var(--duration-normal) var(--ease-out);overflow-y:auto}.modal-sm{width:400px}.modal-lg{width:720px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--surface-1);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.modal-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:6px;font-size:18px;line-height:1}.modal-close:hover{color:var(--text-primary);background:var(--surface-2)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);gap:var(--space-3);justify-content:flex-end;display:flex}.toast{bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 16px));background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-md);color:var(--text-primary);z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);align-items:center;gap:var(--space-3);max-width:min(380px,100vw - 32px);box-shadow:var(--shadow-lg);padding:14px 18px;display:flex;position:fixed;right:16px;overflow:hidden;transform:translateY(12px)scale(.96)}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-icon svg{width:16px;height:16px}.toast-msg{flex:1;font-weight:500;line-height:1.4}.toast-progress{border-radius:0 0 var(--radius-md) var(--radius-md);height:2px;animation:linear forwards progressBar;position:absolute;bottom:0;left:0}.toast-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.section-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:600}.section-sub{font-size:var(--text-md);color:var(--text-secondary);margin-top:4px}.alert-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-left:3px solid var(--amber);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);display:flex}.alert-card:hover{border-color:var(--border-default);border-left-color:var(--amber);background:var(--surface-2)}.alert-card.critical{border-left-color:var(--red)}.alert-card.ok{border-left-color:var(--green)}.alert-info strong{color:var(--text-primary);font-weight:600}.alert-info p{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.activity-feed{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.activity-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out);display:flex;position:relative}.activity-item:hover{background:var(--surface-2)}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--text-md);color:var(--text-secondary);flex:1;line-height:1.5}.activity-text strong{color:var(--text-primary);font-weight:500}.activity-time{font-size:var(--text-xs);color:var(--text-quaternary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-top:2px}.member-avatar{background:var(--surface-2);border:1px solid var(--border-subtle);width:36px;height:36px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--brand-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.grid-2{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3,.grid-2,.form-row{grid-template-columns:1fr}}.grid-2>*,.grid-3>*,.grid-4>*,.finance-stats>*,.mini-stat-grid>*,.enquiry-funnel>*{animation:cardEnter var(--duration-slower) var(--ease-out) both}.grid-2>:first-child,.grid-3>:first-child,.grid-4>:first-child,.finance-stats>:first-child,.mini-stat-grid>:first-child,.enquiry-funnel>:first-child{animation-delay:0s}.grid-2>:nth-child(2),.grid-3>:nth-child(2),.grid-4>:nth-child(2),.finance-stats>:nth-child(2),.mini-stat-grid>:nth-child(2),.enquiry-funnel>:nth-child(2){animation-delay:50ms}.grid-2>:nth-child(3),.grid-3>:nth-child(3),.grid-4>:nth-child(3),.finance-stats>:nth-child(3),.mini-stat-grid>:nth-child(3),.enquiry-funnel>:nth-child(3){animation-delay:.1s}.grid-2>:nth-child(4),.grid-3>:nth-child(4),.grid-4>:nth-child(4),.finance-stats>:nth-child(4),.mini-stat-grid>:nth-child(4),.enquiry-funnel>:nth-child(4){animation-delay:.15s}.grid-3>:nth-child(5),.mini-stat-grid>:nth-child(5){animation-delay:.2s}.grid-3>:nth-child(6),.mini-stat-grid>:nth-child(6){animation-delay:.25s}.grid-3>:nth-child(n+7),.mini-stat-grid>:nth-child(n+7){animation-delay:.3s}.empty-state{text-align:center;padding:var(--space-9) var(--space-6);color:var(--text-tertiary)}.empty-state .empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:40px;display:block}.empty-state .empty-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state p{font-size:var(--text-md);line-height:1.6}.empty-state .btn{margin-top:var(--space-5)}.divider{background:var(--border-subtle);height:1px;margin:var(--space-5) 0}@media (width<=768px){.modal-overlay{touch-action:none;align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;animation:slideUp var(--duration-slow) var(--ease-out) both;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;overflow-y:auto;width:100%!important;max-width:100%!important}@keyframes slideUp{0%{opacity:.7;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{background:var(--surface-1);z-index:1;padding:16px 16px 14px;position:sticky;top:0}.modal-header:before{content:"";background:var(--border-strong);border-radius:2px;width:36px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.modal-title{font-size:var(--text-md)}.modal-body{padding:var(--space-3) var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));gap:var(--space-2);background:var(--surface-1);border-top:1px solid var(--border-subtle);flex-wrap:wrap;position:sticky;bottom:0}.modal-footer .btn{flex:1;justify-content:center;min-width:100px}.modal .form-row{grid-template-columns:1fr;gap:0}.modal .form-group{margin-bottom:var(--space-3)}.modal .form-label{font-size:var(--text-sm);margin-bottom:5px}.modal .form-input{padding:9px 12px;font-size:16px}.modal .mtype-switch{gap:5px}.modal .mtype-btn{font-size:var(--text-sm);letter-spacing:0;padding:8px 4px}}.loading-overlay{background:var(--surface-overlay);z-index:900;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex;position:fixed;inset:0}.loading-overlay p{color:var(--text-tertiary);font-size:var(--text-md)}.mtype-switch{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-default);gap:8px;padding:4px;display:flex}.mtype-btn{border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;padding:10px 8px;font-weight:500}.mtype-btn:hover{color:var(--text-secondary);background:var(--surface-3)}.mtype-btn.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-sm)}.mtype-btn.active[data-type=Unpaid]{background:var(--red);border-color:var(--red)}.mtype-btn.active[data-type=Trial]{background:var(--amber);border-color:var(--amber);color:#000}.gst-toggle-wrap{background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border-default);margin-bottom:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.gst-toggle-wrap.gst-on{border-color:var(--green-strong);background:var(--green-fade)}@media (width<=400px){.mtype-switch{flex-direction:column}.mtype-btn{width:100%}}@media (width<=768px){.action-btns{flex-wrap:nowrap;gap:3px}.action-btns .btn-sm{font-size:var(--text-sm);min-width:32px;padding:6px 8px}.section-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.section-header .btn{align-self:flex-start}.stat-card{padding:var(--space-4)}.stat-card-value{font-size:var(--text-3xl)}.content-inner{padding:var(--space-4) var(--space-3)}.alert-card{flex-direction:column;align-items:flex-start}.alert-card>div:last-child{align-self:flex-end}.payment-row{gap:var(--space-3);flex-wrap:wrap}.payment-member-info{width:100%}.plan-card-footer{gap:var(--space-2);flex-wrap:wrap}.plan-card-footer .action-btns{flex-wrap:wrap;gap:4px}}.members-table th{text-align:left;font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:0;text-transform:none;border-bottom:1px solid var(--border-subtle);background:var(--surface-2);white-space:nowrap;padding:11px 14px;font-weight:500}@media (width<=768px){.members-filters{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.members-filters .form-input:first-child{grid-column:1/-1}.members-table th,.members-table td{font-size:var(--text-base);padding:10px}@media (width<=480px){.members-table th:nth-child(4),.members-table td:nth-child(4),.members-table th:nth-child(6),.members-table td:nth-child(6){display:none}}}@supports (-webkit-touch-callout:none){select.form-input,select.filter-select{font-size:16px}}.theme-toggle{border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.theme-toggle svg{width:16px;height:16px}.sparkline{width:100%;height:28px;margin-top:var(--space-3);display:block}.sparkline path{fill:none;stroke-width:1.5px}.sparkline-fill{fill:currentColor;opacity:.08;stroke:none}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;font-family:var(--font-heading);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;padding:6px 14px}.filter-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-pill.active{background:var(--brand-fade);color:var(--brand-text);border-color:var(--brand-fade-strong)}.chart-tabs{background:var(--surface-2);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.chart-tab{font-size:var(--text-xs);font-weight:600;font-family:var(--font-heading);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;padding:5px 12px}.chart-tab:hover{color:var(--text-primary)}.chart-tab.active{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-sm)}.fab{bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 16px));background:var(--brand);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-lg);cursor:pointer;z-index:var(--z-sticky);transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:24px}.fab:hover{background:var(--brand-hover);box-shadow:var(--shadow-lg),0 0 0 4px var(--brand-fade);transform:scale(1.08)}.fab:active{transform:scale(.95)}.fab svg{width:22px;height:22px}.fab-menu{bottom:max(82px,calc(env(safe-area-inset-bottom,0px) + 74px));gap:var(--space-2);z-index:var(--z-sticky);animation:fadeUp var(--duration-normal) var(--ease-out);flex-direction:column-reverse;display:flex;position:fixed;right:24px}.fab-menu-item{align-items:center;gap:var(--space-3);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);padding:8px 14px;font-weight:500;display:flex}.fab-menu-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.fab-menu-item svg{width:14px;height:14px;color:var(--brand)}.pw-strength-bar{gap:3px;height:4px;margin-top:6px;display:flex}.pw-strength-bar span{background:var(--surface-3);border-radius:2px;flex:1;transition:background .3s}.pw-strength-bar[data-score="1"] span:first-child{background:var(--red)}.pw-strength-bar[data-score="2"] span:nth-child(-n+2),.pw-strength-bar[data-score="3"] span:nth-child(-n+3){background:var(--amber)}.pw-strength-bar[data-score="4"] span:nth-child(-n+4){background:var(--green)}.settings-tabs{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;display:flex}.settings-tab{font-size:var(--text-sm);font-weight:600;font-family:var(--font-heading);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #0000;padding:8px 16px}.settings-tab:hover{color:var(--text-primary);background:var(--surface-2)}.settings-tab.active{color:var(--brand-text);background:var(--brand-fade);border-color:var(--brand-fade-strong)}.wa-preview{border-radius:var(--radius-lg);padding:var(--space-4);background:#075e54;max-height:260px;overflow-y:auto}.wa-bubble{color:#000;border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);white-space:pre-wrap;word-wrap:break-word;background:#dcf8c6;max-width:85%;line-height:1.6}@media (width<=768px){.mini-stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.mini-stat-grid>div{min-width:0;overflow:hidden}}@media (width<=360px){.mini-stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}}.drop-zone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--brand);background:var(--brand-fade)}.drop-zone .drop-text{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2)}.landing{background:var(--surface-bg);color:var(--text-primary);min-height:100dvh;overflow-x:hidden}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);transition:box-shadow var(--duration-normal) var(--ease-out);background:#faf7f4d1;justify-content:space-between;align-items:center;padding:14px clamp(20px,5vw,48px);display:flex;position:sticky;top:0}.landing-nav-logo{width:auto;height:34px;display:block}.landing-nav-links{align-items:center;gap:28px;display:flex}.landing-nav-link{font-size:var(--text-md);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);font-weight:500}.landing-nav-link:hover{color:var(--brand-text)}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(40px,7vw,72px) 24px clamp(36px,5vw,56px);display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 0%,var(--brand-fade) 0%,transparent 70%), radial-gradient(1.5px 1.5px at 12% 30%,var(--border-strong) 0,transparent 60%), radial-gradient(1.5px 1.5px at 28% 62%,var(--border-strong) 0,transparent 60%), radial-gradient(1.5px 1.5px at 44% 22%,var(--border-strong) 0,transparent 60%), radial-gradient(1.5px 1.5px at 62% 55%,var(--border-strong) 0,transparent 60%), radial-gradient(1.5px 1.5px at 78% 30%,var(--border-strong) 0,transparent 60%), radial-gradient(1.5px 1.5px at 90% 65%,var(--border-strong) 0,transparent 60%), radial-gradient(1.5px 1.5px at 20% 80%,var(--border-strong) 0,transparent 60%), radial-gradient(1.5px 1.5px at 70% 85%,var(--border-strong) 0,transparent 60%);opacity:.6;height:120%;position:absolute;inset:-20% -10% auto}.landing-hero-inner{z-index:1;flex-direction:column;align-items:center;max-width:640px;display:flex;position:relative}.landing-hero-logo{width:min(280px,58vw);height:auto;margin-bottom:18px}.landing-tagline{font-family:var(--font-heading);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:12px;font-size:clamp(24px,4vw,38px);font-weight:700;line-height:1.15}.landing-hero-sub{color:var(--text-secondary);max-width:480px;margin-bottom:26px;font-size:clamp(14px,2vw,16px);line-height:1.6}.landing-cta{font-size:var(--text-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:13px 34px}.landing-cta:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.landing-hero-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.landing-pill{border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.landing-pill svg{color:var(--brand);flex-shrink:0}.landing-divider{align-items:center;gap:14px;max-width:1120px;margin:0 auto;padding:0 24px;display:flex}.landing-divider:before,.landing-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.landing-divider-badge{background:var(--surface-1);border:1px solid var(--border-default);width:34px;height:34px;color:var(--brand);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-section{max-width:1120px;margin:0 auto;padding:clamp(36px,5.5vw,60px) 24px}.landing-section-head{text-align:center;max-width:560px;margin:0 auto clamp(24px,4vw,36px)}.landing-eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--brand-text);background:var(--brand-fade);border-radius:var(--radius-pill);margin-bottom:14px;padding:5px 14px;font-weight:700;display:inline-block}.landing-section-title{font-family:var(--font-heading);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:10px;font-size:clamp(22px,3vw,30px);font-weight:700}.landing-section-sub{font-size:var(--text-md);color:var(--text-secondary);line-height:1.6}.landing-services-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.landing-service-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm),var(--shadow-inner);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);padding:28px 20px}.landing-service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-fade-strong);transform:translateY(-4px)}.landing-service-icon{border-radius:var(--radius-lg);background:var(--brand-fade);width:52px;height:52px;color:var(--brand);transition:transform var(--duration-normal) var(--ease-spring),background var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.landing-service-card:hover .landing-service-icon{background:var(--brand);color:#fff;transform:scale(1.08)rotate(-4deg)}.landing-service-name{font-family:var(--font-heading);font-size:var(--text-md);color:var(--text-primary);margin-bottom:6px;font-weight:600}.landing-service-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5}.landing-about{background:var(--surface-2)}.landing-about-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(28px,5vw,56px);display:grid}.landing-about-copy .landing-eyebrow{margin-bottom:14px}.landing-about-copy .landing-section-title{margin-bottom:12px}.landing-about-copy .landing-section-sub{max-width:420px;margin-bottom:22px}.landing-about-list{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.landing-about-row{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:16px;padding:18px 22px;display:flex}.landing-about-row:last-child{border-bottom:none}.landing-about-row:hover{background:var(--surface-2)}.landing-about-icon{border-radius:var(--radius-md);background:var(--green-fade);width:40px;height:40px;color:var(--green);flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-about-value{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:700}.landing-about-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px;line-height:1.4}.landing-contact{background:var(--text-primary);color:var(--text-inverse)}.landing-contact-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;display:grid}.landing-contact .landing-section-title{color:var(--text-inverse)}.landing-contact-item{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.landing-contact-icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--brand);background:#f5822029;flex-shrink:0;justify-content:center;align-items:center;display:flex}.landing-contact-label{font-size:var(--text-xs);color:#faf7f48c;text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:3px}.landing-contact-value{font-size:var(--text-md);color:#faf7f4eb;line-height:1.55}.landing-contact-value a{color:inherit;text-decoration:none}.landing-contact-value a:hover{color:var(--brand)}.landing-map-card{border-radius:var(--radius-lg);background:#faf7f40f;border:1px solid #faf7f41f;padding:26px}.landing-map-card .landing-nav-logo{filter:brightness(0)invert();height:30px;margin-bottom:14px}.landing-map-card p{font-size:var(--text-sm);color:#faf7f4b3;margin-bottom:18px;line-height:1.6}.landing-footer-bottom{font-size:var(--text-xs);color:#faf7f48c;border-top:1px solid #faf7f41f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1120px;margin-top:clamp(28px,4vw,40px);margin-left:auto;margin-right:auto;padding-top:22px;display:flex}.landing-footer-owner{color:#faf7f4bf}.reveal{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(28px)}.reveal.in-view{opacity:1;transform:none}@media (width<=900px){.landing-services-grid{grid-template-columns:repeat(3,1fr)}.landing-about-grid{grid-template-columns:1fr}.landing-about-copy{text-align:center}.landing-about-copy .landing-section-sub{margin-left:auto;margin-right:auto}.landing-contact-grid{grid-template-columns:1fr;gap:32px}}@media (width<=600px){.landing-nav-links{gap:14px}.landing-nav-link{display:none}.landing-services-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{padding-top:32px}}@media (width<=420px){.landing-services-grid{grid-template-columns:1fr}}.app-shell{background:var(--surface-bg);min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-w);height:100dvh;z-index:var(--z-sidebar);background:var(--surface-2);border-right:1px solid var(--border-default);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-brand{border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;padding:18px 20px 16px;display:flex}.sidebar-logo-img{object-fit:contain;object-position:center;width:100%;max-width:172px;max-height:66px;display:block}.sidebar-nav{padding:var(--space-3) var(--space-2);flex:1}.nav-section-label{padding:var(--space-4) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.nav-item{align-items:center;gap:var(--space-3);cursor:pointer;width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-secondary);text-align:left;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),border-color var(--duration-normal) var(--ease-out),padding-left var(--duration-normal) var(--ease-out);background:0 0;border:none;margin:2px 0;padding:9px 14px;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--surface-3);transform:translate(1px)}.nav-item.active{color:var(--text-primary);background:var(--surface-1);box-shadow:var(--shadow-sm);border-left:3px solid var(--brand);padding-left:11px;font-weight:600}.nav-item:not(.active){border-left:3px solid #0000}.nav-item svg{color:inherit;opacity:.7;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);flex-shrink:0}.nav-item:hover svg{opacity:.95}.nav-item.active svg{opacity:1;color:var(--brand)}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.sidebar-logout{align-items:center;gap:var(--space-3);cursor:pointer;width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-tertiary);transition:color var(--duration-fast);background:0 0;border:none;padding:8px 0;display:flex}.sidebar-logout:hover{color:var(--red)}.sidebar-theme-btn{align-items:center;gap:var(--space-3);cursor:pointer;width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-tertiary);transition:color var(--duration-fast);background:0 0;border:none;margin-bottom:4px;padding:8px 0;display:flex}.sidebar-theme-btn:hover{color:var(--brand)}.app-main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-height:100dvh;display:flex}.topbar{height:var(--topbar-h);padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--surface-1);z-index:var(--z-topbar);align-items:center;gap:var(--space-3);display:flex;position:sticky;top:0}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;margin-right:4px;padding:6px;display:none}.hamburger-btn span{background:var(--text-primary);transform-origin:50%;border-radius:2px;width:20px;height:2px;transition:all .25s;display:block}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.topbar-title{font-size:var(--text-lg);color:var(--text-primary);flex:1;font-weight:600}.topbar-date{font-size:var(--text-sm);color:var(--text-tertiary);cursor:default;-webkit-user-select:none;user-select:none;position:relative}.rf-date-dot{background:var(--green,#3a7d44);vertical-align:middle;opacity:.7;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.topbar-search-hint{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-bg);border:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-tertiary);cursor:pointer;transition:border-color var(--duration-fast);padding:6px 12px;display:flex}.topbar-search-hint:hover{border-color:var(--border-strong)}.sidebar-overlay{z-index:99;background:#2c242066;display:none;position:fixed;inset:0}.sidebar-overlay.active{touch-action:none;display:block}.app-content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.members-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.members-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.members-filters .form-input{min-width:0}.members-table-wrap{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.members-table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);overflow-x:auto}.members-table{border-collapse:collapse;width:100%;min-width:620px}.members-table th{text-align:left;font-size:var(--text-sm);color:var(--text-tertiary);border-bottom:1px solid var(--border-default);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-weight:500}.members-table td{font-size:var(--text-md);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:10px 14px}.members-table tr:last-child td{border-bottom:none}.members-table tr:hover td{background:var(--surface-bg)}.plan-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.plan-card-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.plan-card-duration{font-size:var(--text-sm);color:var(--text-tertiary)}.plan-card-price{font-size:var(--text-2xl);color:var(--brand);margin:var(--space-2) 0;font-weight:600}.plan-card-price span{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:400}.plan-card-features{margin:var(--space-2) 0;flex-wrap:wrap;gap:4px;display:flex}.plan-feat-tag{font-size:var(--text-xs);background:var(--green-fade);color:var(--green);border-radius:var(--radius-pill);padding:2px 8px}.plan-card-footer{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.plan-card-footer .action-btns{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.period-bar{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.period-btn{border-radius:var(--radius-pill);font-size:var(--text-sm);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);border:1px solid #0000;padding:5px 12px;font-weight:500}.period-btn:hover{color:var(--text-primary);background:var(--surface-3)}.period-btn.active{background:var(--brand-fade-strong);color:var(--brand);border-color:var(--brand-fade-strong)}.finance-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.finance-stat{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.finance-stat-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2)}.finance-stat-val{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--text-primary);word-break:break-all;font-weight:600}.finance-stat-sub{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:4px}.finance-charts,.settings-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.settings-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-6)}.settings-card-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-5);font-weight:600}.enquiry-funnel{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.funnel-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--duration-fast)}.funnel-card.active{border-color:var(--brand);background:var(--brand-fade)}.funnel-val{font-size:var(--text-2xl);font-weight:600}.funnel-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:2px}.action-btns{flex-wrap:wrap;gap:4px;display:flex}.roster-lock-bar{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--amber-fade);border:1px solid var(--amber-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);display:flex}.roster-lock-bar button{white-space:nowrap}@media (width<=1100px){.finance-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.finance-charts,.settings-grid{grid-template-columns:1fr}.enquiry-funnel{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hide-mobile{display:none!important}.hamburger-btn{display:flex}.topbar{height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:0 12px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.topbar-date{font-size:11px}.topbar-search-hint{display:none}.topbar-title{padding:0 8px;font-size:14px}.content-inner{padding:16px 14px 100px;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.grid-2,.grid-3,.grid-4{gap:var(--space-3);grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.app-main{height:100dvh;overflow-x:hidden;width:100%!important;margin-left:0!important}.app-content{height:calc(100vh - var(--topbar-h) - env(safe-area-inset-top,0px));height:calc(100dvh - var(--topbar-h) - env(safe-area-inset-top,0px));-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,24px);overflow:hidden auto}.sidebar{z-index:100;width:min(280px,82vw);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar .nav-item{min-height:44px;padding:12px 20px;font-size:14px}.sidebar .nav-section-label{padding:14px 20px 6px;font-size:10px}.sidebar .sidebar-footer{padding:12px 20px}.sidebar .sidebar-logout{min-height:44px;font-size:14px}.page-header{gap:var(--space-3);flex-direction:column}.page-header .btn{justify-content:center;width:100%}.modal{max-height:92vh}.action-btns{flex-wrap:nowrap;gap:3px}.action-btns .btn{padding:5px 6px}.stat-card-value{font-size:22px}.stat-card{padding:var(--space-3) var(--space-4);overflow:hidden}.stat-card-label{margin-bottom:var(--space-2);font-size:11px}.stat-card-sub{margin-top:var(--space-2);font-size:11px}.finance-stats{grid-template-columns:repeat(2,1fr)}.members-filters{gap:var(--space-2);flex-direction:column;display:flex}input,select,textarea{font-size:16px!important}.hamburger-btn,.sidebar-logout{min-height:44px}.roster-lock-bar{text-align:center;flex-direction:column}}@media (width<=480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.members-table th:nth-child(4),.members-table td:nth-child(4),.members-table th:nth-child(6),.members-table td:nth-child(6){display:none}.enquiry-funnel{grid-template-columns:1fr 1fr}}.rf-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.rf-switch input{opacity:0;width:0;height:0}.rf-switch-slider{background:var(--surface-3);border:1px solid var(--border-default);cursor:pointer;border-radius:24px;transition:all .22s;position:absolute;inset:0}.rf-switch-slider:before{content:"";background:var(--text-quaternary);border-radius:50%;width:18px;height:18px;transition:all .22s;position:absolute;top:2px;left:2px}.rf-switch input:checked+.rf-switch-slider{background:var(--green-fade);border-color:var(--green-strong)}.rf-switch input:checked+.rf-switch-slider:before{background:var(--green);box-shadow:0 0 8px var(--green-fade);transform:translate(20px)}