@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--brand-navy:#1e3a5f;--brand-navy-hover:#2c4f7c;--brand-navy-pressed:#152844;--brand-navy-fg:#fff;--brand-navy-bg:#eff4fb;--brand-navy-border:#c7d8ea;--brand-gold:#d4a017;--brand-gold-hover:#b5860d;--brand-gold-pressed:#92660a;--brand-gold-fg:#fff;--brand-gold-bg:#fef7e0;--brand-gold-border:#fde68a;--heritage-gold:#f4c430;--heritage-gold-light:gold;--heritage-gold-dark:#daa520;--heritage-black:#1a1a1a;--heritage-green:#2e7d32;--heritage-red:#dc143c;--neutral-0:#fff;--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-200:#e4e4e7;--neutral-300:#d4d4d8;--neutral-400:#a1a1aa;--neutral-500:#71717a;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-800:#27272a;--neutral-900:#18181b;--neutral-950:#09090b;--status-success:#15803d;--status-success-bg:#dcfce7;--status-success-border:#86efac;--status-warning:#b45309;--status-warning-bg:#fef3c7;--status-warning-border:#fcd34d;--status-danger:#b91c1c;--status-danger-bg:#fee2e2;--status-danger-border:#fca5a5;--status-info:#1d4ed8;--status-info-bg:#dbeafe;--status-info-border:#93c5fd;--v2-surface-canvas:var(--neutral-100);--v2-surface-card:var(--neutral-0);--v2-surface-raised:var(--neutral-0);--v2-surface-overlay:var(--neutral-0);--v2-surface-hover:var(--neutral-50);--v2-surface-pressed:var(--neutral-100);--v2-surface-inverse:var(--neutral-900);--v2-surface-heritage:var(--heritage-black);--v2-text-primary:var(--neutral-900);--v2-text-secondary:var(--neutral-600);--v2-text-muted:var(--neutral-500);--v2-text-disabled:var(--neutral-400);--v2-text-inverse:var(--neutral-0);--v2-text-link:var(--brand-navy);--v2-text-link-hover:var(--brand-navy-hover);--v2-border-subtle:var(--neutral-100);--v2-border-default:var(--neutral-200);--v2-border-strong:var(--neutral-300);--v2-border-emphasis:var(--brand-navy);--v2-border-prestige:var(--brand-gold);--v2-primary:var(--brand-navy);--v2-primary-hover:var(--brand-navy-hover);--v2-primary-pressed:var(--brand-navy-pressed);--v2-primary-fg:var(--brand-navy-fg);--v2-primary-bg:var(--brand-navy-bg);--v2-primary-border:var(--brand-navy-border);--v2-bg-app:var(--v2-surface-canvas);--v2-bg-canvas:var(--v2-surface-canvas);--v2-bg-card:var(--v2-surface-card);--v2-bg-elevated:var(--v2-surface-hover);--v2-bg-muted:var(--v2-surface-pressed);--v2-success:var(--status-success);--v2-success-bg:var(--status-success-bg);--v2-success-border:var(--status-success-border);--v2-warning:var(--status-warning);--v2-warning-bg:var(--status-warning-bg);--v2-warning-border:var(--status-warning-border);--v2-danger:var(--status-danger);--v2-danger-bg:var(--status-danger-bg);--v2-danger-border:var(--status-danger-border);--v2-info:var(--status-info);--v2-info-bg:var(--status-info-bg);--v2-info-border:var(--status-info-border);--v2-space-0_5:2px;--v2-space-1:4px;--v2-space-2:8px;--v2-space-3:12px;--v2-space-4:16px;--v2-space-5:20px;--v2-space-6:24px;--v2-space-8:32px;--v2-space-10:40px;--v2-space-14:56px;--v2-space-20:80px;--v2-radius-sm:4px;--v2-radius-md:6px;--v2-radius-lg:8px;--v2-radius-xl:12px;--v2-radius-full:9999px;--v2-radius-pill:var(--v2-radius-full);--v2-shadow-xs:0 1px 2px 0 #0000000a;--v2-shadow-sm:0 1px 3px 0 #0000000f,0 1px 2px -1px #0000000f;--v2-shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--v2-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--v2-shadow-overlay:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--v2-shadow-heritage-glow:0 20px 40px #f4c43033,0 25px 50px -12px #00000040;--v2-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--v2-transition-base:220ms cubic-bezier(0.4,0,0.2,1);--v2-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--v2-font-family-display:"Plus Jakarta Sans",var(--v2-font-family);--v2-font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--v2-font-size-xs:12px;--v2-font-size-sm:13px;--v2-font-size-base:14px;--v2-font-size-md:16px;--v2-font-size-lg:20px;--v2-font-size-xl:24px;--v2-font-size-2xl:32px;--v2-font-weight-regular:400;--v2-font-weight-medium:500;--v2-font-weight-semibold:600;--v2-font-weight-bold:700;--v2-line-height-tight:1.2;--v2-line-height-normal:1.5;--v2-line-height-relaxed:1.7;--v2-font-feature-tabular:"tnum" on,"lnum" on}[data-theme=dark]{--v2-surface-canvas:#0f0f11;--v2-surface-card:var(--heritage-black);--v2-surface-raised:#262626;--v2-surface-overlay:#262626;--v2-surface-hover:#262626;--v2-surface-pressed:#333;--v2-surface-inverse:var(--neutral-0);--v2-surface-heritage:var(--heritage-black);--v2-text-primary:#fafafa;--v2-text-secondary:#a1a1aa;--v2-text-muted:#71717a;--v2-text-disabled:#52525b;--v2-text-inverse:var(--neutral-900);--v2-text-link:var(--heritage-gold);--v2-text-link-hover:var(--heritage-gold-light);--v2-border-subtle:#18181b;--v2-border-default:#27272a;--v2-border-strong:#3f3f46;--v2-border-emphasis:var(--heritage-gold);--v2-border-prestige:var(--heritage-gold);--v2-primary:var(--heritage-gold);--v2-primary-hover:var(--heritage-gold-light);--v2-primary-pressed:var(--heritage-gold-dark);--v2-primary-fg:var(--heritage-black);--v2-primary-bg:#f4c4301f;--v2-primary-border:#f4c4304d;--brand-navy-bg:#1e3a5f33;--brand-navy-border:#1e3a5f66;--status-success-bg:#15803d26;--status-success-border:#15803d66;--status-warning-bg:#b4530926;--status-warning-border:#b4530966;--status-danger-bg:#b91c1c26;--status-danger-border:#b91c1c66;--status-info-bg:#1d4ed826;--status-info-border:#1d4ed866;--v2-shadow-xs:0 1px 2px 0 #0006;--v2-shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0000004d;--v2-shadow-md:0 4px 6px -1px #00000080,0 2px 4px -2px #0006;--v2-shadow-lg:0 10px 15px -3px #0009,0 4px 6px -4px #0006;--v2-shadow-overlay:0 20px 25px -5px #000000b3,0 8px 10px -6px #00000080}.v2-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f4f5;background:var(--v2-surface-canvas);color:#18181b;color:var(--v2-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--v2-font-family);font-size:14px;font-size:var(--v2-font-size-base);line-height:1.5;line-height:var(--v2-line-height-normal)}.v2-tabular{font-feature-settings:"tnum" on,"lnum" on,tabular-nums lining-nums;font-feature-settings:var(--v2-font-feature-tabular),tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.v2-btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--v2-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-size:var(--v2-font-size-base);font-weight:500;font-weight:var(--v2-font-weight-medium);gap:8px;gap:var(--v2-space-2);justify-content:center;line-height:1.2;padding:8px 14px;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast),box-shadow var(--v2-transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.v2-btn:focus-visible{outline:2px solid #1e3a5f;outline:2px solid var(--v2-border-emphasis);outline-offset:2px}.v2-btn:disabled{cursor:not-allowed;opacity:.5}.v2-btn--primary{background:#1e3a5f;background:var(--v2-primary);color:#fff;color:var(--v2-primary-fg)}.v2-btn--primary:hover:not(:disabled){background:#2c4f7c;background:var(--v2-primary-hover)}.v2-btn--primary:active:not(:disabled){background:#152844;background:var(--v2-primary-pressed)}.v2-btn--secondary{background:#fff;background:var(--v2-surface-card);border-color:#d4d4d8;border-color:var(--v2-border-strong);color:#18181b;color:var(--v2-text-primary)}.v2-btn--secondary:hover:not(:disabled){background:#fafafa;background:var(--v2-surface-hover)}.v2-btn--ghost{background:#0000;color:#52525b;color:var(--v2-text-secondary)}.v2-btn--ghost:hover:not(:disabled){background:#fafafa;background:var(--v2-surface-hover);color:#18181b;color:var(--v2-text-primary)}.v2-btn--danger{background:#fff;background:var(--v2-surface-card);border-color:#fca5a5;border-color:var(--status-danger-border);color:#b91c1c;color:var(--status-danger)}.v2-btn--danger:hover:not(:disabled){background:#fee2e2;background:var(--status-danger-bg)}.v2-btn--prestige{background:#d4a017;background:var(--brand-gold);color:#fff;color:var(--brand-gold-fg)}.v2-btn--prestige:hover:not(:disabled){background:#b5860d;background:var(--brand-gold-hover)}.v2-btn--sm{font-size:13px;font-size:var(--v2-font-size-sm);padding:5px 10px}.v2-btn--lg{font-size:16px;font-size:var(--v2-font-size-md);padding:11px 18px}.v2-btn--block{width:100%}.v2-btn--icon-only{aspect-ratio:1;padding:8px}.v2-card{background:#fff;background:var(--v2-surface-card);border:1px solid #e4e4e7;border:1px solid var(--v2-border-default);border-radius:8px;border-radius:var(--v2-radius-lg);overflow:hidden}.v2-card--raised{border-color:#f4f4f5;border-color:var(--v2-border-subtle);box-shadow:0 1px 3px 0 #0000000f,0 1px 2px -1px #0000000f;box-shadow:var(--v2-shadow-sm)}.v2-card--prestige{border-left:3px solid #d4a017;border-left:3px solid var(--brand-gold)}.v2-card__header{align-items:center;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--v2-border-default);display:flex;justify-content:space-between;padding:12px 16px;padding:var(--v2-space-3) var(--v2-space-4)}.v2-card__title{color:#18181b;color:var(--v2-text-primary);font-size:14px;font-size:var(--v2-font-size-base);font-weight:600;font-weight:var(--v2-font-weight-semibold);margin:0}.v2-card__body{padding:16px;padding:var(--v2-space-4)}.v2-input,.v2-select,.v2-textarea{background:#fff;background:var(--v2-surface-card);border:1px solid #d4d4d8;border:1px solid var(--v2-border-strong);border-radius:6px;border-radius:var(--v2-radius-md);color:#18181b;color:var(--v2-text-primary);display:block;font-family:inherit;font-size:14px;font-size:var(--v2-font-size-base);line-height:1.4;padding:8px 12px;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast);width:100%}.v2-input:focus,.v2-select:focus,.v2-textarea:focus{border-color:#1e3a5f;border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px #eff4fb;box-shadow:0 0 0 3px var(--v2-primary-bg);outline:none}.v2-input::placeholder{color:#71717a;color:var(--v2-text-muted)}.v2-input:disabled{background:#f4f4f5;background:var(--v2-surface-pressed);cursor:not-allowed}.v2-label{color:#18181b;color:var(--v2-text-primary);display:block;font-size:13px;font-size:var(--v2-font-size-sm);font-weight:500;font-weight:var(--v2-font-weight-medium);margin-bottom:4px;margin-bottom:var(--v2-space-1)}.v2-help{color:#71717a;color:var(--v2-text-muted)}.v2-error,.v2-help{font-size:12px;font-size:var(--v2-font-size-xs);margin-top:4px;margin-top:var(--v2-space-1)}.v2-error{color:#b91c1c;color:var(--status-danger)}.v2-badge{align-items:center;border:1px solid #0000;border-radius:9999px;border-radius:var(--v2-radius-full);display:inline-flex;font-size:12px;font-size:var(--v2-font-size-xs);font-weight:500;font-weight:var(--v2-font-weight-medium);gap:4px;padding:2px 8px;white-space:nowrap}.v2-badge--primary{background:#eff4fb;background:var(--v2-primary-bg);border-color:#c7d8ea;border-color:var(--brand-navy-border);color:#1e3a5f;color:var(--v2-primary)}.v2-badge--prestige{background:#fef7e0;background:var(--brand-gold-bg);border-color:#fde68a;border-color:var(--brand-gold-border);color:#92400e}.v2-badge--success{background:#dcfce7;background:var(--status-success-bg);border-color:#86efac;border-color:var(--status-success-border);color:#15803d;color:var(--status-success)}.v2-badge--warning{background:#fef3c7;background:var(--status-warning-bg);border-color:#fcd34d;border-color:var(--status-warning-border);color:#b45309;color:var(--status-warning)}.v2-badge--danger{background:#fee2e2;background:var(--status-danger-bg);border-color:#fca5a5;border-color:var(--status-danger-border);color:#b91c1c;color:var(--status-danger)}.v2-badge--info{background:#dbeafe;background:var(--status-info-bg);border-color:#93c5fd;border-color:var(--status-info-border);color:#1d4ed8;color:var(--status-info)}.v2-badge--neutral{background:#fafafa;background:var(--v2-surface-hover);border-color:#e4e4e7;border-color:var(--v2-border-default);color:#52525b;color:var(--v2-text-secondary)}.v2-table{font-feature-settings:"tnum" on,"lnum" on;font-feature-settings:var(--v2-font-feature-tabular);border-collapse:collapse;font-size:14px;font-size:var(--v2-font-size-base);width:100%}.v2-table th{background:#fafafa;background:var(--v2-surface-hover);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--v2-border-default);color:#52525b;color:var(--v2-text-secondary);font-size:12px;font-size:var(--v2-font-size-xs);font-weight:600;font-weight:var(--v2-font-weight-semibold);letter-spacing:.04em;padding:8px 12px;padding:var(--v2-space-2) var(--v2-space-3);text-align:left;text-transform:uppercase}.v2-table td{border-top:1px solid #f4f4f5;border-top:1px solid var(--v2-border-subtle);color:#18181b;color:var(--v2-text-primary);padding:10px 12px;padding:10px var(--v2-space-3);vertical-align:middle}.v2-table tbody tr:hover td{background:#fafafa;background:var(--v2-surface-hover)}.v2-table--compact td{padding:6px 12px;padding:6px var(--v2-space-3)}.v2-table--clickable tbody tr{cursor:pointer}.v2-empty{padding:40px 24px;padding:var(--v2-space-10) var(--v2-space-6);text-align:center}.v2-empty,.v2-empty__icon{color:#71717a;color:var(--v2-text-muted)}.v2-empty__icon{align-items:center;background:#fafafa;background:var(--v2-surface-hover);border-radius:9999px;border-radius:var(--v2-radius-full);display:inline-flex;height:48px;justify-content:center;margin-bottom:16px;margin-bottom:var(--v2-space-4);width:48px}.v2-empty__title{color:#18181b;color:var(--v2-text-primary);font-size:16px;font-size:var(--v2-font-size-md);font-weight:600;font-weight:var(--v2-font-weight-semibold);margin:0 0 4px;margin:0 0 var(--v2-space-1)}.v2-empty__desc{font-size:13px;font-size:var(--v2-font-size-sm);margin:0 0 16px;margin:0 0 var(--v2-space-4)}@keyframes v2-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.v2-skeleton{animation:v2-skeleton-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#f4f4f5,#fafafa 50%,#f4f4f5);background:linear-gradient(90deg,var(--v2-surface-pressed) 0,var(--v2-surface-hover) 50%,var(--v2-surface-pressed) 100%);background-size:200% 100%;border-radius:4px;border-radius:var(--v2-radius-sm)}.v2-stack{display:flex;flex-direction:column}.v2-stack>*+*{margin-top:12px;margin-top:var(--v2-space-3)}.v2-stack--lg>*+*{margin-top:24px;margin-top:var(--v2-space-6)}.v2-row{align-items:center;display:flex;gap:12px;gap:var(--v2-space-3)}.v2-row--between{justify-content:space-between}.v2-divider{background:#e4e4e7;background:var(--v2-border-default);border:0;height:1px;margin:16px 0;margin:var(--v2-space-4) 0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#18181b!important;-webkit-text-fill-color:var(--v2-text-primary)!important;border-color:#d4d4d8!important;border-color:var(--v2-border-strong)!important;box-shadow:inset 0 0 0 1000px #fff!important;box-shadow:0 0 0 1000px var(--v2-surface-card) inset!important;caret-color:#18181b;caret-color:var(--v2-text-primary);-webkit-transition:background-color 600000s ease-in-out 0s,color 600000s ease-in-out 0s;transition:background-color 600000s ease-in-out 0s,color 600000s ease-in-out 0s}input:-webkit-autofill:focus,select:-webkit-autofill:focus,textarea:-webkit-autofill:focus{border-color:#1e3a5f!important;border-color:var(--v2-border-emphasis)!important}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background:#fff!important;background:var(--v2-surface-card)!important;color:#18181b!important;color:var(--v2-text-primary)!important}input:autofill,select:autofill,textarea:autofill{background:#fff!important;background:var(--v2-surface-card)!important;color:#18181b!important;color:var(--v2-text-primary)!important}:root{--brand-gold:#f4c430;--brand-gold-light:gold;--brand-gold-dark:#daa520;--brand-green:#2e7d32;--brand-green-light:#4a7c2c;--brand-green-dark:#1a5010;--brand-red:#dc143c;--brand-red-light:#ff6b6b;--brand-red-dark:#8b0000;--brand-black:#1a1a1a;--brand-white:#fff;--primary:#f4c430;--primary-hover:gold;--primary-pressed:#daa520;--primary-light:gold;--primary-dark:#daa520;--secondary:#2e7d32;--secondary-hover:#4a7c2c;--secondary-pressed:#1a5010;--secondary-light:#4a7c2c;--secondary-dark:#1a5010;--surface-dark:#1a1a1a;--surface-medium:#262626;--surface-light:#fff;--surface-subtle:#f5f5f5;--surface-hover:#f8f8f8;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--text-inverse:#fff;--text-inverse-secondary:#fffc;--text-inverse-muted:#fff9;--border-primary:#f4c430;--border-secondary:#2e7d32;--border-subtle:#e5e5e5;--border-medium:#d1d1d1;--border-dark:#333;--success:#2e7d32;--success-light:#4a7c2c;--success-dark:#1a5010;--success-bg:#f0fdf4;--success-border:#bbf7d0;--error:#dc143c;--danger:#dc143c;--error-light:#ff6b6b;--error-dark:#8b0000;--error-bg:#fef2f2;--error-border:#fecaca;--warning:#f4c430;--warning-light:gold;--warning-dark:#daa520;--warning-bg:#fffbeb;--warning-border:#fde68a;--info:#3b82f6;--info-light:#60a5fa;--info-dark:#1e40af;--info-bg:#eff6ff;--info-border:#bfdbfe;--gayong-green:#2e7d32;--gayong-green-light:#4a7c2c;--gayong-green-dark:#1a5010;--gayong-yellow:#f4c430;--gayong-yellow-dark:#daa520;--gayong-red:#dc143c;--gayong-black:#1a1a1a;--gayong-white:#fff;--accent:#f4c430;--accent-light:gold;--accent-dark:#daa520;--dark:#1a1a1a;--gray-900:#1a1a1a;--gray-800:#333;--gray-700:#4a4a4a;--gray-600:#666;--gray-500:#999;--gray-400:#ccc;--gray-300:#d1d1d1;--gray-200:#e5e5e5;--gray-100:#f5f5f5;--gray-50:#fafafa;--white:#fff;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--v2-surface-canvas);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--leading-normal);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6);width:100%}.auth-layout{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--space-6)}.auth-card{animation:slideUp .5s ease-out;background:#fff;background:var(--surface-light);border:2px solid #f4c430;border-radius:16px;border-radius:var(--radius-xl);border-top:4px solid #f4c430;border:2px solid var(--border-primary);border-top:4px solid var(--border-primary);box-shadow:0 20px 40px #f4c43033,0 25px 50px -12px #00000040;box-shadow:0 20px 40px #f4c43033,var(--shadow-2xl);max-width:480px;padding:2.5rem;padding:var(--space-10);width:100%}.auth-header{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.auth-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4c430,#daa520);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem;margin-bottom:var(--space-2);text-shadow:0 2px 10px #f4c4304d}.brand-full{display:inline}.brand-short{display:none}@media (max-width:768px){.brand-full{display:none}.brand-short{display:inline}.auth-logo{font-size:1.875rem;font-size:var(--font-size-3xl)}}@media (max-width:480px){.auth-logo{font-size:1.5rem;font-size:var(--font-size-2xl)}}.auth-subtitle{color:#666;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);font-weight:400}.form{gap:1.25rem;gap:var(--space-5)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem;gap:var(--space-2)}.form-row{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-label{color:#4a4a4a;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.form-input,.form-select{background:#fff;background:var(--surface-light);border:2px solid #e5e5e5;border:2px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled){border-color:#d1d1d1;border-color:var(--border-medium)}.form-input:focus,.form-select:focus{border-color:#f4c430;border-color:var(--primary);box-shadow:0 0 0 3px #f4c43026}.form-input:disabled,.form-select:disabled{background:#f5f5f5;background:var(--gray-100);cursor:not-allowed;opacity:.6}.form-input-error{background:#dc143c05;border-color:#dc143c!important;border-color:var(--danger)!important}.form-input-error:focus{box-shadow:0 0 0 3px #dc143c1a!important}.form-input::placeholder{color:#ccc;color:var(--gray-400)}.form-error{color:#dc143c;color:var(--danger);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--space-1)}.btn,.form-error{align-items:center}.btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#f4c430,#daa520);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:2px solid #daa520;border:2px solid var(--primary-dark);box-shadow:0 4px 6px #f4c4304d,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 4px 6px #f4c4304d,var(--shadow-md);color:#1a1a1a;color:var(--surface-dark);font-weight:700}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,gold,#f4c430);background:linear-gradient(135deg,var(--primary-hover) 0,var(--primary) 100%);box-shadow:0 6px 12px #f4c43066,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 6px 12px #f4c43066,var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f5f5f5;background:var(--gray-100);border:1px solid #e5e5e5;border:1px solid var(--gray-200);color:#333;color:var(--gray-800)}.btn-secondary:hover:not(:disabled){background:#e5e5e5;background:var(--gray-200);border-color:#d1d1d1;border-color:var(--gray-300)}.btn-danger{background:#dc143c;background:var(--danger);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background:#a01830}.btn-full{width:100%}.btn-sm{padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.alert,.btn-sm{font-size:.875rem;font-size:var(--font-size-sm)}.alert{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;font-weight:500;gap:.75rem;gap:var(--space-3);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-info{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.link{color:var(--v2-text-link);font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.link:hover{color:var(--v2-text-link-hover);text-decoration:underline}.text-center{text-align:center}.text-muted{color:#666;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm)}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e5;border-top-color:#f4c430;border:3px solid var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--brand-gold);height:20px;width:20px}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-lg{border-width:4px;height:32px;width:32px}.dashboard{background:#fafafa;background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#1a1a1a,#0d0d0d 50%,#000);background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 50%,#000 100%);border-bottom:3px solid #f4c430;border-bottom:3px solid var(--border-primary);box-shadow:0 4px 6px #f4c4301a,0 1px 2px 0 #0000000d;box-shadow:0 4px 6px #f4c4301a,var(--shadow-sm);position:sticky;top:0;width:100%;z-index:100}.dashboard-header:before{background:radial-gradient(circle at 10% 50%,#f4c43014 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-header>*{position:relative;z-index:1}.dashboard-header .btn-signout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #f4c43099;color:#fff;color:var(--white);transition:all .3s ease}.dashboard-header .btn-signout:hover{background:#f4c43040;border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 4px 12px #f4c43066;transform:translateY(-2px)}.signout-icon{margin-right:.5rem;margin-right:var(--space-2)}@media (min-width:1025px){.dashboard-header{border-left:3px solid #f4c430;border-left:3px solid var(--brand-gold)}}.dashboard-nav{align-items:center;display:flex;justify-content:space-between;padding:1rem 0;padding:var(--space-4) 0}.dashboard-brand{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#f4c430,gold);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);-webkit-background-clip:text;background-clip:text;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;gap:var(--space-3)}.brand-logo-container{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.logo-wrapper{align-items:center;background:linear-gradient(135deg,#f4c43026,#f4c4300d);border:2px solid #f4c4304d;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #f4c43033;display:flex;height:55px;justify-content:center;overflow:hidden;padding:.5rem;padding:var(--space-2);position:relative;transition:all .3s ease;width:55px}.logo-wrapper:before{animation:logoShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#f4c4301a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes logoShine{0%,to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.logo-wrapper:hover{border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 6px 16px #f4c4304d;transform:scale(1.05)}.header-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.brand-text-container{display:flex;flex-direction:column;gap:0}.dashboard-brand .brand-full{display:inline}.dashboard-brand .brand-short{display:none}@media (max-width:1024px){.dashboard-brand .brand-full{display:none}.dashboard-brand .brand-short{display:inline}}.dashboard-content{flex:1 1;padding:2rem 0;padding:var(--space-8) 0;width:100%}.dashboard-banner{background:linear-gradient(135deg,#2e7d32,#1a5010);background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border-bottom:3px solid #f4c430;border-bottom:3px solid var(--border-primary);box-shadow:0 4px 12px #0000001a;margin-top:1.5rem;margin-top:var(--space-6);overflow:hidden;position:relative}.dashboard-banner:before{background:radial-gradient(circle at 20% 50%,#f4c4301a 0,#0000 50%),radial-gradient(circle at 80% 50%,#f4c43014 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.banner-content{gap:1rem;gap:var(--space-4);padding:1.5rem 0;padding:var(--space-6) 0;position:relative;z-index:1}.banner-content,.banner-icon{align-items:center;display:flex;justify-content:center}.banner-icon{background:#f4c43026;border:2px solid #f4c4304d;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #f4c43033;flex-shrink:0;height:60px;width:60px}.banner-text{flex:1 1;max-width:800px;text-align:center}.banner-pantun{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.pantun-line{color:#fff;color:var(--text-inverse);font-size:1.125rem;font-size:var(--font-size-lg);font-style:italic;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000004d}.dashboard-footer{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 100%);border-top:3px solid #f4c430;border-top:3px solid var(--border-primary);margin-top:2rem;margin-top:var(--space-8);overflow:hidden;position:relative}.dashboard-footer:before{background:radial-gradient(circle at 30% 50%,#f4c43014 0,#0000 50%),radial-gradient(circle at 70% 50%,#f4c4300f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-content{padding:2rem 0;padding:var(--space-8) 0;position:relative;text-align:center;z-index:1}.footer-pantun{flex-direction:column;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.footer-icon,.footer-pantun{align-items:center;display:flex}.footer-icon{background:#f4c4301a;border:2px solid #f4c43033;border-radius:12px;border-radius:var(--radius-lg);flex-shrink:0;height:50px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2);width:50px}.pantun-verses{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin:0 auto;max-width:600px}.pantun-verse{color:#ffffffe6;font-size:1rem;font-size:var(--font-size-base);font-style:italic;font-weight:500;letter-spacing:.3px;line-height:1.6;margin:0}.footer-divider{background:linear-gradient(90deg,#0000,#f4c4304d 50%,#0000);height:2px;margin:1.5rem 0;margin:var(--space-6) 0;margin-left:auto;margin-right:auto;max-width:600px}.footer-copyright{text-align:center}.copyright-text{color:#ffffffb3;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.copyright-tagline{color:#f4c430;color:var(--primary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.card{background:#fff;background:var(--surface-light);border:1px solid #e5e5e5;border:1px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:2rem;padding:var(--space-8)}.card-title{color:#1a1a1a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.card-section{background:#fafafa;background:var(--gray-50);border:1px solid #f5f5f5;border:1px solid var(--gray-100);border-radius:8px;border-radius:var(--radius-md);margin-top:1.25rem;margin-top:var(--space-5);padding:1.25rem;padding:var(--space-5)}.card-section-title{color:#333;color:var(--gray-800);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.table-container{border:1px solid #e5e5e5;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);overflow-x:auto}.table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.table th{background:#fafafa;background:var(--gray-50);border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--gray-200);color:#4a4a4a;color:var(--gray-700);font-weight:600;text-align:left}.table td,.table th{padding:1rem;padding:var(--space-4)}.table td{border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);color:#333;color:var(--gray-800)}.table tr:last-child td{border-bottom:none}.table tr:hover{background:#fafafa;background:var(--gray-50)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-primary{background:#fef3c7;border:1px solid #f4c430;border:1px solid var(--primary);color:var(--v2-primary)}.toast-container{flex-direction:column;max-width:420px;pointer-events:none;position:fixed;right:1.5rem;right:var(--space-6);top:1.5rem;top:var(--space-6);width:100%;z-index:9999}.toast,.toast-container{display:flex;gap:.75rem;gap:var(--space-3)}.toast{align-items:center;animation:slideInRight .2s ease-out;background:var(--v2-surface-overlay);border:1px solid var(--v2-border-default);border-left:3px solid var(--status-info);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-overlay);color:var(--v2-text-primary);min-width:320px;padding:1rem;padding:var(--space-4);pointer-events:auto}.toast--success{border-left-color:var(--status-success)}.toast--error{border-left-color:var(--status-danger)}.toast--warning{border-left-color:var(--status-warning)}.toast--info{border-left-color:var(--status-info)}.toast-icon{align-items:center;background:var(--status-info-bg);border-radius:var(--v2-radius-full);color:var(--status-info);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.toast--success .toast-icon{background:var(--status-success-bg);color:var(--status-success)}.toast--error .toast-icon{background:var(--status-danger-bg);color:var(--status-danger)}.toast--warning .toast-icon{background:var(--status-warning-bg);color:var(--status-warning)}.toast-icon .material-icons{font-size:18px}.toast-message{color:var(--v2-text-primary);flex:1 1;font-size:var(--v2-font-size-sm);font-weight:500;line-height:var(--v2-line-height-normal)}.toast-close{align-items:center;background:#0000;border:none;border-radius:var(--v2-radius-md);color:var(--v2-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background var(--v2-transition-fast),color var(--v2-transition-fast);width:28px}.toast-close:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.toast-close .material-icons{font-size:18px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast-container{left:1rem;left:var(--space-4);max-width:none;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4)}.toast{min-width:auto}}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{align-items:center;background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--dark);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.custom-select-trigger:hover{border-color:#d1d1d1;border-color:var(--gray-300)}.custom-select-trigger.open,.custom-select-trigger:focus{border-color:#f4c430;border-color:var(--primary);box-shadow:0 0 0 3px #f4c43026;outline:none}.custom-select-trigger.error{border-color:#dc143c;border-color:var(--danger)}.custom-select-trigger .placeholder{color:#ccc;color:var(--gray-400)}.custom-select-trigger .selected{color:#1a1a1a;color:var(--dark);font-weight:500}.custom-select-arrow{color:#999;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{animation:fadeIn .15s ease-out;background:var(--v2-surface-overlay);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:var(--v2-shadow-overlay);color:var(--v2-text-primary);max-height:280px;overflow:hidden;overflow-y:auto;padding:var(--v2-space-1);z-index:99999}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:#0000;border-radius:0 var(--v2-radius-md) var(--v2-radius-md) 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--v2-border-strong);border-radius:var(--v2-radius-full)}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--v2-text-muted)}.custom-select-header,.custom-select-header-label{border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:0;margin-bottom:var(--v2-space-1);padding:var(--v2-space-2) var(--v2-space-3);text-transform:uppercase}.custom-select-option{align-items:center;border-radius:var(--v2-radius-sm);color:var(--v2-text-primary);cursor:pointer;display:flex;font-size:var(--v2-font-size-base);gap:var(--v2-space-2);justify-content:space-between;padding:10px var(--v2-space-3);transition:background var(--v2-transition-fast),color var(--v2-transition-fast)}.custom-select-option:hover{background:var(--v2-surface-hover)}.custom-select-option.selected{color:var(--v2-primary);font-weight:600}.custom-select-option.selected,.custom-select-option.selected:hover{background:var(--v2-primary-bg)}.custom-select-caret{color:var(--v2-primary)}.custom-select-empty{color:var(--v2-text-muted);font-size:var(--v2-font-size-sm);padding:var(--v2-space-3);text-align:center}.custom-select-container .modal-modern__select{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);color:var(--v2-text-primary)}.custom-select-value{color:var(--v2-text-primary)}.custom-select-placeholder{color:var(--v2-text-muted)}.custom-select-container .modal-modern__select:hover{border-color:var(--v2-border-emphasis)}.custom-select-container .modal-modern__select.is-open,.custom-select-container .modal-modern__select:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg)}.info-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.info-item{color:#4a4a4a;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--space-2)}.info-item strong{color:#1a1a1a;color:var(--gray-900);min-width:100px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){:root{--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem}.auth-card{border-radius:12px;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-6)}.auth-logo{font-size:1.875rem;font-size:var(--font-size-3xl)}.form-row{gap:1.25rem;gap:var(--space-5);grid-template-columns:1fr}.dashboard-nav{padding:.75rem 0;padding:var(--space-3) 0}.dashboard-brand{font-size:1.125rem;font-size:var(--font-size-lg)}.banner-content{flex-direction:column;padding:1rem 0;padding:var(--space-4) 0;text-align:center}.banner-icon{height:50px;width:50px}.pantun-line{font-size:1rem;font-size:var(--font-size-base)}.footer-pantun{align-items:center;flex-direction:column;text-align:center}.footer-icon{height:40px;width:40px}.pantun-verse{font-size:.875rem;font-size:var(--font-size-sm)}.copyright-text{font-size:.75rem;font-size:var(--font-size-xs)}.logo-wrapper{height:45px;padding:.25rem;padding:var(--space-1);width:45px}.brand-logo-container{gap:.75rem;gap:var(--space-3)}.btn-signout{font-size:.875rem;font-size:var(--font-size-sm);min-width:auto;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.signout-text{display:none}.signout-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.card{padding:1.25rem;padding:var(--space-5)}.table td,.table th{padding:.75rem;padding:var(--space-3)}.hide-mobile{display:none!important}.show-mobile{display:block!important}.form-select{position:relative;z-index:1}.form-select:focus{z-index:10}.form-group:has(.form-select){margin-top:2rem;margin-top:var(--space-8);padding-top:1rem;padding-top:var(--space-4)}.branch-select-group{margin-bottom:1.5rem!important;margin-bottom:var(--space-6)!important;margin-top:1.25rem!important;margin-top:var(--space-5)!important}.auth-card>form>div{isolation:isolate}.auth-card>form>div[style*=background]{margin-bottom:1.5rem!important;margin-bottom:var(--space-6)!important}.branch-select-group+button{margin-top:1.5rem!important;margin-top:var(--space-6)!important}}@media (max-width:480px){.auth-layout{padding:1rem;padding:var(--space-4)}.auth-card{padding:1.25rem;padding:var(--space-5)}.auth-logo{font-size:1.5rem;font-size:var(--font-size-2xl)}.btn{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.dashboard-brand{font-size:1.125rem;font-size:var(--font-size-lg)}.btn-signout{border-radius:9999px;border-radius:var(--radius-full);height:40px;padding:.5rem;padding:var(--space-2);width:40px}.signout-icon{font-size:1.25rem;font-size:var(--font-size-xl)}}.info-row{align-items:flex-start;border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);gap:1rem;gap:var(--space-4);padding:.75rem 0;padding:var(--space-3) 0}.info-label{color:#666;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;min-width:120px}.info-value{color:#1a1a1a;color:var(--gray-900);font-size:1rem;font-size:var(--font-size-base);font-weight:400;text-align:right;word-break:break-word}.form-hint{color:#999;color:var(--gray-500);display:block;font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--space-1)}@media (max-width:768px){.info-row{flex-direction:column;gap:.5rem;gap:var(--space-2)}.info-label{min-width:auto}.info-value{text-align:left}}@media (min-width:769px){.show-mobile{display:none!important}}@media (max-width:768px){.table td:last-child{min-width:140px}.table .btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.table td>div{flex-wrap:nowrap}.show-mobile{display:flex!important}}.tabs-container{width:100%}.tabs-header{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e5e5e5;border-bottom:2px solid var(--gray-200);display:flex;gap:.5rem;gap:var(--space-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.tabs-header::-webkit-scrollbar{height:4px}.tabs-header::-webkit-scrollbar-track{background:#f5f5f5;background:var(--gray-100)}.tabs-header::-webkit-scrollbar-thumb{background:#d1d1d1;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;color:var(--gray-600);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:-2px;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);position:relative;transition:all .2s ease;white-space:nowrap}.tab-button.active,.tab-button:hover{background:#fafafa;background:var(--gray-50);color:#2e7d32;color:var(--brand-green)}.tab-button.active{border-bottom-color:#2e7d32;border-bottom-color:var(--brand-green)}.tab-button:focus{outline:2px solid #2e7d32;outline:2px solid var(--brand-green);outline-offset:2px}.tabs-content{animation:fadeIn .3s ease;padding:0}@media (max-width:768px){.tabs-header{gap:.25rem;gap:var(--space-1)}.tab-button{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}}.tabs-container .card{background:#0000;border:none;box-shadow:none;margin:0}.tabs-container .card-title{margin-top:1rem;margin-top:var(--space-4)}.sidebar{background:linear-gradient(180deg,#1a1a1a,#0d0d0d 50%,#000);background:linear-gradient(180deg,var(--surface-dark) 0,#0d0d0d 50%,#000 100%);box-shadow:4px 0 20px #00000080;color:#fff;color:var(--text-inverse);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:10000}.sidebar:before{background:radial-gradient(circle at 20% 20%,#f4c4301f 0,#0000 50%),radial-gradient(circle at 80% 80%,#f4c43014 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar.collapsed{width:80px}.sidebar-header{align-items:center;background:linear-gradient(135deg,#f4c4301f,#f4c4300d);border-bottom:2px solid #f4c4304d;display:flex;justify-content:center;min-height:120px;overflow:hidden;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);position:relative}.sidebar-header:after{background:linear-gradient(90deg,#0000,#f4c430 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--brand-gold) 50%,#0000 100%);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.sidebar-logo{align-items:center;animation:fadeInDown .5s ease;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);text-align:center}.logo-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f4c430,#d4a017);background:linear-gradient(135deg,var(--primary) 0,#d4a017 100%);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #f4c4304d;display:flex;height:50px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2);width:50px}.logo-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.logo-text{color:#f4c430;color:var(--primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;letter-spacing:3px;text-shadow:0 2px 8px #f4c43066}.logo-subtitle{color:#ffffffb3;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:1px;text-transform:uppercase}.sidebar-logo-collapsed{animation:fadeIn .3s ease;text-align:center}.sidebar-logo-collapsed .logo-icon{filter:drop-shadow(0 2px 8px rgba(244,196,48,.5));font-size:32px}.sidebar-user-badge{align-items:center;animation:fadeIn .5s ease .2s both;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #f4c43033;border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--space-3);margin:1rem .75rem;margin:var(--space-4) var(--space-3);padding:1rem;padding:var(--space-4)}.user-avatar{align-items:center;background:linear-gradient(135deg,#f4c430,#d4a017);background:linear-gradient(135deg,var(--primary) 0,#d4a017 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #f4c4304d;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;color:var(--text-inverse);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#f4c430;color:var(--primary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem 0;padding:var(--space-4) 0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:9999px;border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f4c430,#f4c43080);background:linear-gradient(180deg,var(--primary) 0,#f4c43080 100%);border-radius:9999px;border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#f4c430;background:var(--primary)}.sidebar-section{animation:fadeInUp .5s ease;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.sidebar-section-title{align-items:center;color:#fff9;display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:2px;margin-bottom:.75rem;margin-bottom:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-transform:uppercase}.section-title-text{white-space:nowrap}.section-title-line{background:linear-gradient(90deg,#0000,#f4c4304d 50%,#0000);flex:1 1;height:1px}.sidebar-section-divider{background:linear-gradient(90deg,#0000,#f4c43066 50%,#0000);height:2px;margin:.75rem .5rem;margin:var(--space-3) var(--space-2)}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin:0}.sidebar-item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;gap:.75rem;gap:var(--space-3);margin:.25rem .5rem;margin:var(--space-1) var(--space-2);overflow:hidden;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 1rem);width:calc(100% - var(--space-4))}.sidebar-item:before{background:linear-gradient(90deg,#f4c430,#0000);background:linear-gradient(90deg,var(--brand-gold) 0,#0000 100%);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.sidebar-item:hover{background:#ffffff14;border-left-color:#f4c430;border-left-color:var(--primary);box-shadow:0 2px 8px #f4c43033;color:#fff;color:var(--text-inverse);transform:translateX(4px)}.sidebar-item:hover:before{width:100%}.sidebar-item.active{background:linear-gradient(135deg,#f4c43040,#f4c43026);border-left-color:#f4c430;border-left-color:var(--primary);box-shadow:0 2px 12px #f4c4304d;color:#f4c430;color:var(--primary);font-weight:600}.sidebar-item.active:before{width:100%}.sidebar-item-icon{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.25rem;font-size:var(--font-size-xl);justify-content:center;min-width:28px;transition:transform .3s ease}.sidebar-item:hover .sidebar-item-icon{transform:scale(1.15)}.sidebar-item.active .sidebar-item-icon{filter:drop-shadow(0 2px 4px rgba(244,196,48,.4));transform:scale(1.1)}.sidebar-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-indicator{animation:pulse 2s ease-in-out infinite;color:#f4c430;color:var(--brand-gold);font-size:8px;margin-left:auto}.sidebar.collapsed .sidebar-item{justify-content:center;margin:.25rem;margin:var(--space-1) var(--space-1);padding:.75rem .5rem;padding:var(--space-3) var(--space-2);width:calc(100% - .5rem);width:calc(100% - var(--space-2))}.sidebar.collapsed .sidebar-item-indicator,.sidebar.collapsed .sidebar-item-label{display:none}.sidebar.collapsed .sidebar-item:after{border:1px solid #f4c430;border:1px solid var(--brand-gold);box-shadow:0 4px 12px #0006;font-size:.875rem;font-size:var(--font-size-sm);margin-left:.75rem;margin-left:var(--space-3);z-index:1000}.sidebar-collapse-btn:hover{background:linear-gradient(135deg,#f4c43040,#f4c43026);border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 4px 12px #f4c4304d;color:#fff;color:var(--white);transform:translateY(-2px)}.collapse-icon{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;transition:transform .3s ease}.sidebar-collapse-btn:hover .collapse-icon{transform:scale(1.2)}.collapse-text{font-size:.75rem;font-size:var(--font-size-xs)}.sidebar.collapsed .sidebar-collapse-btn{margin:.5rem;margin:var(--space-2);padding:.75rem;padding:var(--space-3)}.sidebar-signout-btn{align-items:center;background:linear-gradient(135deg,#dc143c26,#dc143c0d);border:2px solid #dc143c4d;border-radius:12px;border-radius:var(--radius-lg);color:#ff6b6b;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;justify-content:center;letter-spacing:1px;margin:.75rem;margin:var(--space-3);margin-top:0;padding:1rem;padding:var(--space-4);text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-signout-btn:hover{background:linear-gradient(135deg,#dc143c40,#dc143c26);border-color:#dc143c;box-shadow:0 4px 12px #dc143c4d;color:#fff;color:var(--white);transform:translateY(-2px)}.sidebar.collapsed .sidebar-signout-btn{font-size:.75rem;font-size:var(--font-size-xs);margin:.5rem;margin:var(--space-2);margin-top:0;padding:.75rem;padding:var(--space-3)}.sidebar-footer-gradient{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f4c430 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--brand-gold) 50%,#0000 100%);height:4px}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.sidebar-mobile-toggle{background:linear-gradient(135deg,#1a1a1a,#000);border:2px solid #f4c430;border:2px solid var(--brand-gold);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0006;color:#fff;color:var(--white);cursor:pointer;display:none;height:50px;padding:.75rem;padding:var(--space-3);pointer-events:auto;position:relative;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:100000}.sidebar-collapse-btn{align-items:center;background:linear-gradient(135deg,#f4c43026,#f4c4300d);border:2px solid #f4c4304d;border-radius:12px;border-radius:var(--radius-lg);color:#f4c430;color:var(--brand-gold);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:1px;margin:.75rem;margin:var(--space-3);padding:1rem;padding:var(--space-4);text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-mobile-toggle:hover{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:0 6px 16px #f4c4304d}.sidebar-mobile-toggle.active{background:linear-gradient(135deg,#f4c430,#d4a017);background:linear-gradient(135deg,var(--brand-gold) 0,#d4a017 100%)}.hamburger-icon{display:flex;flex-direction:column;gap:5px;height:18px;position:relative;width:24px}.hamburger-icon .bar{background:#fff;background:var(--white);border-radius:9999px;border-radius:var(--radius-full);height:3px;transition:all .3s ease;width:100%}.sidebar-mobile-toggle.active .hamburger-icon .bar:first-child{transform:rotate(45deg) translateY(8px)}.sidebar-mobile-toggle.active .hamburger-icon .bar:nth-child(2){opacity:0}.sidebar-mobile-toggle.active .hamburger-icon .bar:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:9999}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.sidebar{box-shadow:8px 0 24px #0006;transform:translateX(-100%);width:280px}.sidebar.mobile-open{animation:slideInFromLeft .3s ease;transform:translateX(0)}.sidebar-mobile-toggle{align-items:center;display:flex!important;justify-content:center;margin-right:.75rem;margin-right:var(--space-3)}.dashboard-content{margin-left:0!important;padding-top:1.5rem;padding-top:var(--space-6)}.dashboard-header{padding-left:0}.sidebar-user-badge{margin:.75rem .5rem;margin:var(--space-3) var(--space-2)}}@media (min-width:1025px){.dashboard-content{border-left:1px solid #f4c4301a;min-height:calc(100vh - 80px)}.dashboard-content,.dashboard-header{margin-left:280px;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed .dashboard-content,body.sidebar-collapsed .dashboard-header{margin-left:80px}.sidebar-mobile-toggle,.sidebar-overlay{display:none}.sidebar{transform:translateX(0)}}@media (min-width:768px) and (max-width:1024px){.sidebar{width:280px}.sidebar-header{min-height:110px}.logo-text{font-size:1.25rem;font-size:var(--font-size-xl)}.logo-wrapper{height:50px;width:50px}.dashboard-brand{font-size:1.25rem;font-size:var(--font-size-xl)}}@media (max-width:480px){.sidebar{width:260px}.sidebar-header{min-height:100px;padding:1rem;padding:var(--space-4)}.logo-icon-wrapper{height:45px;width:45px}.logo-icon-large{font-size:24px}.logo-text{font-size:1.25rem;font-size:var(--font-size-xl);letter-spacing:2px}.sidebar-user-badge{margin:.75rem .5rem;margin:var(--space-3) var(--space-2);padding:.75rem;padding:var(--space-3)}.user-avatar{font-size:18px;height:36px;width:36px}.logo-wrapper{height:40px;padding:.25rem;padding:var(--space-1);width:40px}.brand-logo-container{gap:.5rem;gap:var(--space-2)}.dashboard-brand{font-size:1rem;font-size:var(--font-size-base)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar-item{animation:slideInLeft .3s ease}.sidebar.collapsed .sidebar-item{position:relative}.sidebar.collapsed .sidebar-item:after{background:#1a1a1a;background:var(--brand-black);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--white);content:attr(title);font-size:.75rem;font-size:var(--font-size-xs);left:100%;margin-left:.5rem;margin-left:var(--space-2);opacity:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:1001}.sidebar.collapsed .sidebar-item:hover:after{opacity:1}.dashboard-banner-compact{background:linear-gradient(135deg,#2e7d32,#1a5010);background:linear-gradient(135deg,var(--brand-green) 0,var(--brand-green-dark) 100%);border-bottom:2px solid #f4c430;border-bottom:2px solid var(--brand-gold);box-shadow:0 2px 8px #0000001a;margin-top:1rem;margin-top:var(--space-4);overflow:hidden;position:relative}.dashboard-banner-compact:before{background:radial-gradient(circle at 50% 50%,#f4c43014 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.banner-content-compact{gap:.75rem;gap:var(--space-3);padding:1rem 0;padding:var(--space-4) 0;position:relative;z-index:1}.banner-content-compact,.banner-icon-compact{align-items:center;display:flex;justify-content:center}.banner-icon-compact{background:#f4c4301f;border:1px solid #f4c43040;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #f4c43026;flex-shrink:0;height:40px;width:40px}.banner-text-compact{flex:1 1;max-width:700px;text-align:center}.pantun-line-compact{color:#fff;color:var(--white);font-size:1rem;font-size:var(--font-size-base);font-style:italic;font-weight:600;letter-spacing:.3px;margin:0;text-shadow:0 1px 3px #0003}@media (max-width:768px){.banner-content-compact{gap:.5rem;gap:var(--space-2);padding:.75rem 0;padding:var(--space-3) 0}.banner-icon-compact{height:32px;width:32px}.pantun-line-compact{font-size:.875rem;font-size:var(--font-size-sm)}}.hero-integrated{grid-gap:1.5rem;grid-gap:var(--space-6);align-items:start;display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr 2fr;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-welcome-section{align-items:center;background:linear-gradient(135deg,#2e7d32,#4a7c2c);background:linear-gradient(135deg,var(--brand-green) 0,var(--brand-green-light) 100%);border:2px solid #f4c430;border:2px solid var(--brand-gold);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:flex;min-height:180px;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative}.hero-welcome-section:before{background:radial-gradient(circle,#f4c43026 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.hero-welcome-content{position:relative;width:100%;z-index:1}.hero-title{font-size:1.875rem;font-size:var(--font-size-3xl);margin-bottom:.75rem;margin-bottom:var(--space-3);text-shadow:0 2px 4px #0003}.hero-subtitle{font-size:1.125rem;font-weight:500;margin:0}.hero-stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero-stat-card{background:#fff;background:var(--white);border:2px solid #f5f5f5;border:2px solid var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.hero-stat-card:before{background:linear-gradient(90deg,#2e7d32,#f4c430);background:linear-gradient(90deg,var(--brand-green) 0,var(--brand-gold) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.hero-stat-card:hover{border-color:#f4c430;border-color:var(--brand-gold);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hero-stat-card:hover:before{transform:scaleX(1)}.hero-stat-special{background:linear-gradient(135deg,#fff9e6,#fff);border-color:#f4c430;border-color:var(--brand-gold)}.stat-label{color:#666;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.stat-value{align-items:center;display:flex;justify-content:center;min-height:40px}.stat-text{color:#1a1a1a;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.stat-highlight{color:#2e7d32;color:var(--brand-green)}.stat-badge{background:#f4c430;background:var(--brand-gold);border:2px solid #0000001a;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#1a1a1a;color:var(--brand-black);display:inline-block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.stat-badge-blue{background:#1e40af}.stat-badge-blue,.stat-badge-green{border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.stat-badge-green{background:#059669}.stat-value-multi{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}@media (max-width:1024px){.hero-integrated{gap:1.25rem;gap:var(--space-5);grid-template-columns:1fr}.hero-welcome-section{min-height:140px;padding:1.5rem;padding:var(--space-6)}.hero-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.hero-subtitle{font-size:1rem;font-size:var(--font-size-base)}.hero-stats-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.hero-integrated{gap:1rem;gap:var(--space-4)}.hero-welcome-section{min-height:120px;padding:1.25rem;padding:var(--space-5)}.hero-title{font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:.5rem;margin-bottom:var(--space-2)}.hero-subtitle{font-size:.875rem;font-size:var(--font-size-sm)}.hero-stats-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.hero-stat-card{padding:1rem;padding:var(--space-4)}.stat-label{font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:.5rem;margin-bottom:var(--space-2)}.stat-text{font-size:1.125rem;font-size:var(--font-size-lg)}}@media (max-width:480px){.hero-welcome-section{min-height:100px;padding:1rem;padding:var(--space-4)}.hero-title{font-size:1.125rem;font-size:var(--font-size-lg)}.hero-subtitle{font-size:.75rem;font-size:var(--font-size-xs)}.hero-stat-card{padding:.75rem;padding:var(--space-3)}}#initial-loader{align-items:center;animation:fadeOut .5s ease .3s forwards;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999}#root:not(:empty) #initial-loader{display:none}.loader-icon{animation:spinLoader 2s linear infinite;filter:drop-shadow(0 0 20px rgba(244,196,48,.6));font-size:80px}@keyframes spinLoader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-text{animation:pulse 2s ease-in-out infinite;color:#f4c430;color:var(--brand-gold);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;letter-spacing:1px;text-align:center;text-shadow:0 2px 8px #f4c43066}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media (max-width:768px){.loader-icon{font-size:60px}.loader-text{font-size:1rem;font-size:var(--font-size-base);padding:0 1rem;padding:0 var(--space-4)}}:root{--spinner-gold:var(--v2-primary);--spinner-gold-dark:var(--v2-primary-hover);--spinner-green:var(--v2-success);--spinner-text:var(--v2-text-primary);--spinner-text-muted:var(--v2-text-secondary)}.loading-spinner-container{flex-direction:column;min-height:400px;padding:60px 24px}.loading-spinner-container,.loading-spinner-overlay{align-items:center;display:flex;justify-content:center}.loading-spinner-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182794;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner__animation{margin-bottom:24px;position:relative}.loading-spinner--small .loading-spinner__animation{height:60px;margin-bottom:16px;width:60px}.loading-spinner--small .spinner-icon{font-size:24px}.loading-spinner--small .spinner-ring{border-width:2px}.loading-spinner--medium .loading-spinner__animation{height:120px;margin-bottom:24px;width:120px}.loading-spinner--medium .spinner-icon{font-size:48px}.loading-spinner--medium .spinner-ring{border-width:3px}.loading-spinner--large .loading-spinner__animation{height:180px;margin-bottom:32px;width:180px}.loading-spinner--large .spinner-icon{font-size:72px}.loading-spinner--large .spinner-ring{border-width:4px}.spinner-ring{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--spinner-gold);height:100%;left:0;position:absolute;top:0;width:100%}.spinner-ring:nth-child(2){animation-delay:-.5s;animation-duration:2s;border-top-color:var(--spinner-green)}.spinner-ring:nth-child(3){animation-delay:-1s;animation-duration:2.5s;border-top-color:var(--v2-border-strong)}.spinner-icon{animation:pulse 2s ease-in-out infinite;color:var(--v2-primary);color:var(--spinner-gold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner__text{animation:fadeInOut 2s ease-in-out infinite;color:var(--v2-text-primary);color:var(--spinner-text);font-size:1.1rem;font-weight:600;margin:0 0 8px;text-align:center}.loading-spinner--small .loading-spinner__text{font-size:.9rem}.loading-spinner--large .loading-spinner__text{font-size:1.3rem}.loading-spinner__subtext{animation:fadeInOut 2s ease-in-out infinite;animation-delay:.5s;color:var(--v2-text-secondary);color:var(--spinner-text-muted);font-size:.85rem;margin:0;text-align:center}.loading-spinner--small .loading-spinner__subtext{font-size:.75rem}.loading-spinner--large .loading-spinner__subtext{font-size:.95rem}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.loading-spinner-container{min-height:300px;padding:40px 20px}.loading-spinner--medium .loading-spinner__animation{height:100px;width:100px}.loading-spinner--medium .spinner-icon{font-size:40px}.loading-spinner--large .loading-spinner__animation{height:140px;width:140px}.loading-spinner--large .spinner-icon{font-size:56px}}.landing-modern{--lm-bg-primary:#0a0a0f;--lm-bg-secondary:#121217;--lm-bg-tertiary:#1a1a24;--lm-bg-card:#181820e6;--lm-border:#ffffff14;--lm-gold:#f5c542;--lm-gold-dark:#d4a855;--lm-gold-light:#ffe082;--lm-green:#1e7b4e;--lm-green-dark:#145a38;--lm-crimson:#dc143c;--lm-text-primary:#fff;--lm-text-secondary:#ffffffbf;--lm-text-muted:#ffffff80;--lm-glass-bg:#ffffff0d;--lm-glass-border:#ffffff1a;--lm-glass-blur:blur(12px);background:var(--lm-bg-primary);color:var(--lm-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}.lm-nav{-webkit-backdrop-filter:var(--lm-glass-blur);backdrop-filter:var(--lm-glass-blur);background:#0a0a0fd9;border-bottom:1px solid var(--lm-border);left:0;position:fixed;right:0;top:0;z-index:1000}.lm-nav__container{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.lm-nav__logo{align-items:center;display:flex;gap:12px}.lm-nav__logo-img{border:2px solid var(--lm-gold);border-radius:10px;height:44px;object-fit:cover;width:44px}.lm-nav__logo-text{color:var(--lm-gold);font-size:1.35rem;font-weight:800;letter-spacing:1px}.lm-nav__links{display:flex;gap:8px}.lm-nav__link{border-radius:8px;color:var(--lm-text-secondary);font-size:.9rem;font-weight:500;padding:10px 18px;text-decoration:none;transition:all .2s ease}.lm-nav__link:hover{background:var(--lm-glass-bg);color:var(--lm-text-primary)}.lm-nav__link--active{color:var(--lm-gold)}.lm-nav__actions{display:flex;gap:12px}.lm-nav__mobile-btn{background:none;border:none;color:var(--lm-text-primary);cursor:pointer;display:none;padding:8px}.lm-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease}.lm-btn--primary{background:linear-gradient(135deg,var(--lm-gold) 0,var(--lm-gold-dark) 100%);box-shadow:0 4px 15px #f5c5424d;color:#000}.lm-btn--primary:hover{box-shadow:0 8px 25px #f5c54266;transform:translateY(-2px)}.lm-btn--outline{background:#0000;border:2px solid var(--lm-gold);color:var(--lm-gold)}.lm-btn--outline:hover{background:#f5c5421a}.lm-btn--lg{font-size:1rem;padding:16px 32px}.lm-btn .material-icons{font-size:20px}.lm-hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.lm-hero__bg-pattern{background:radial-gradient(ellipse at 20% 50%,#1e7b4e26 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#f5c5421a 0,#0000 40%),radial-gradient(ellipse at 50% 100%,#f5c5420d 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.lm-hero__container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1280px;position:relative;z-index:1}.lm-hero__tagline{color:var(--lm-gold);font-size:1.1rem;font-style:italic;margin-bottom:16px;opacity:.9}.lm-hero__title{color:var(--lm-text-primary);font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 24px}.lm-hero__title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lm-gold) 0,var(--lm-gold-dark) 100%);-webkit-background-clip:text;background-clip:text}.lm-hero__subtitle{color:var(--lm-text-secondary);font-size:1.2rem;line-height:1.7;margin:0 0 32px;max-width:540px}.lm-hero__cta{display:flex;flex-wrap:wrap;gap:16px}.lm-hero__logo-wrapper,.lm-hero__visual{align-items:center;display:flex;justify-content:center}.lm-hero__logo-wrapper{height:320px;position:relative;width:320px}.lm-hero__logo-wrapper:before{animation:pulse 3s ease-in-out infinite;border:3px solid var(--lm-gold);border-radius:50%;content:"";height:100%;opacity:.3;position:absolute;width:100%}.lm-hero__logo-wrapper:after{border:1px solid var(--lm-gold);border-radius:50%;content:"";height:120%;opacity:.15;position:absolute;width:120%}.lm-hero__logo{border:4px solid var(--lm-gold);border-radius:50%;box-shadow:0 0 60px #f5c5424d;height:250px;object-fit:cover;width:250px}.lm-stats{background:var(--lm-bg-secondary);border-bottom:1px solid var(--lm-border);border-top:1px solid var(--lm-border);padding:80px 24px}.lm-stats__container{margin:0 auto;max-width:1280px}.lm-stats__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.lm-stats__card{-webkit-backdrop-filter:var(--lm-glass-blur);backdrop-filter:var(--lm-glass-blur);background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:16px;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.lm-stats__card:before{background:linear-gradient(90deg,#0000,var(--lm-gold),#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.lm-stats__card:hover{border-color:var(--lm-gold);box-shadow:0 12px 40px #f5c54226;transform:translateY(-6px)}.lm-stats__card:hover:before{opacity:1}.lm-stats__card--gold{background:linear-gradient(135deg,var(--lm-gold) 0,var(--lm-gold-dark) 100%);color:#000}.lm-stats__card--gold .lm-stats__label{color:#000000b3}.lm-stats__icon{display:flex;justify-content:center;margin-bottom:16px}.lm-stats__icon .material-icons{color:var(--lm-gold);font-size:40px}.lm-stats__card--gold .lm-stats__icon .material-icons{color:#000}.lm-stats__value{font-size:3rem;font-weight:800;line-height:1;margin-bottom:8px}.lm-stats__label{color:var(--lm-text-secondary);font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.lm-features{background:var(--lm-bg-primary);padding:100px 24px}.lm-features__container{margin:0 auto;max-width:1280px}.lm-section-header{margin-bottom:60px;text-align:center}.lm-section-header__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lm-text-primary) 0,var(--lm-gold) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 16px}.lm-section-header__subtitle{color:var(--lm-text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.lm-features__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.lm-features__card{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:20px;padding:32px;transition:all .3s ease}.lm-features__card:hover{border-color:var(--lm-gold);box-shadow:0 8px 30px #f5c5421f;transform:translateY(-4px)}.lm-features__card-icon{align-items:center;background:linear-gradient(135deg,var(--lm-green) 0,var(--lm-green-dark) 100%);border-radius:14px;display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}.lm-features__card-icon .material-icons{color:var(--lm-gold);font-size:28px}.lm-features__card-title{color:var(--lm-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 12px}.lm-features__card-desc{color:var(--lm-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.lm-about{background:var(--lm-bg-secondary);border-top:1px solid var(--lm-border);padding:100px 24px}.lm-about__container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.3fr 1fr;margin:0 auto;max-width:1280px}.lm-about__title{color:var(--lm-gold);font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 24px}.lm-about__text{color:var(--lm-text-secondary);font-size:1.1rem;line-height:1.8;margin:0 0 20px}.lm-about__visual{display:flex;justify-content:center}.lm-about__image-wrapper{height:300px;position:relative;width:300px}.lm-about__image-wrapper:before{border:2px solid var(--lm-gold);border-radius:20px;bottom:20px;content:"";left:-20px;opacity:.3;position:absolute;right:20px;top:-20px}.lm-about__image{border:3px solid var(--lm-gold);border-radius:20px;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.lm-cta{background:linear-gradient(135deg,var(--lm-green-dark) 0,var(--lm-bg-primary) 100%);overflow:hidden;padding:100px 24px;position:relative;text-align:center}.lm-cta:before{background:radial-gradient(ellipse at center,#f5c5421a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.lm-cta__container{margin:0 auto;max-width:700px;position:relative;z-index:1}.lm-cta__title{color:var(--lm-text-primary);font-size:2.5rem;font-weight:800;margin:0 0 20px}.lm-cta__subtitle{color:var(--lm-text-secondary);font-size:1.15rem;line-height:1.7;margin:0 0 32px}.lm-footer{background:var(--lm-bg-tertiary);border-top:1px solid var(--lm-border);padding:60px 24px 30px}.lm-footer__container{margin:0 auto;max-width:1280px}.lm-footer__grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:40px}.lm-footer__brand{align-items:center;display:flex;gap:12px;margin-bottom:16px}.lm-footer__logo{border:2px solid var(--lm-gold);border-radius:12px;height:50px;object-fit:cover;width:50px}.lm-footer__brand-text{color:var(--lm-gold);font-size:1.25rem;font-weight:800}.lm-footer__desc{color:var(--lm-text-secondary);font-size:.9rem;line-height:1.7;margin:0}.lm-footer__title{color:var(--lm-gold);font-size:.9rem;font-weight:700;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.lm-footer__links{list-style:none;margin:0;padding:0}.lm-footer__links li{margin-bottom:12px}.lm-footer__links a{color:var(--lm-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s ease}.lm-footer__links a:hover{color:var(--lm-gold)}.lm-footer__contact{list-style:none;margin:0;padding:0}.lm-footer__contact li{align-items:center;color:var(--lm-text-secondary);display:flex;font-size:.9rem;gap:10px;margin-bottom:14px}.lm-footer__contact .material-icons{color:var(--lm-gold);font-size:18px}.lm-footer__official{margin-bottom:16px}.lm-footer__label{color:var(--lm-text-muted);display:block;font-size:.8rem;margin-bottom:4px}.lm-footer__value{color:var(--lm-text-primary);font-family:monospace;font-size:.95rem;font-weight:600}.lm-footer__legal{display:flex;gap:16px}.lm-footer__legal a{color:var(--lm-text-muted);font-size:.85rem;text-decoration:none;transition:color .2s ease}.lm-footer__legal a:hover{color:var(--lm-gold)}.lm-footer__bottom{align-items:center;border-top:1px solid var(--lm-border);display:flex;justify-content:space-between;padding-top:30px}.lm-footer__copyright{color:var(--lm-text-muted);font-size:.85rem;margin:0}.lm-footer__tagline{color:var(--lm-gold);font-size:.95rem;font-style:italic;margin:0}@media (max-width:1024px){.lm-hero__container{grid-template-columns:1fr;text-align:center}.lm-hero__subtitle{max-width:100%}.lm-hero__cta{justify-content:center}.lm-hero__visual{order:-1}.lm-hero__logo-wrapper{height:240px;width:240px}.lm-hero__logo{height:180px;width:180px}.lm-features__grid,.lm-stats__grid{grid-template-columns:repeat(2,1fr)}.lm-about__container{grid-template-columns:1fr;text-align:center}.lm-about__visual{order:-1}.lm-footer__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.lm-nav__actions,.lm-nav__links{display:none}.lm-nav__mobile-btn{display:block}.lm-hero{min-height:auto;padding:120px 20px 60px}.lm-hero__title{font-size:2.2rem}.lm-hero__subtitle{font-size:1rem}.lm-stats__grid{gap:16px;grid-template-columns:1fr 1fr}.lm-stats__value{font-size:2.2rem}.lm-features__grid{grid-template-columns:1fr}.lm-about__title,.lm-cta__title,.lm-section-header__title{font-size:1.8rem}.lm-footer__grid{gap:30px;grid-template-columns:1fr}.lm-footer__bottom{flex-direction:column;gap:12px;text-align:center}}@media (max-width:480px){.lm-hero__title{font-size:1.8rem}.lm-hero__cta{flex-direction:column}.lm-btn--lg{width:100%}.lm-stats__grid{grid-template-columns:1fr}}.lm-page-header{background:var(--lm-bg-secondary);padding:140px 24px 80px;position:relative;text-align:center}.lm-page-header__bg{background:radial-gradient(ellipse at 50% 0,#f5c5421a 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#1e7b4e1a 0,#0000 40%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.lm-page-header__container{margin:0 auto;max-width:800px;position:relative;z-index:1}.lm-page-header__title{color:var(--lm-text-primary);font-size:3rem;font-weight:800;margin:0 0 16px}.lm-page-header__subtitle{color:var(--lm-text-secondary);font-size:1.2rem;line-height:1.6;margin:0 0 16px}.lm-page-header__tagline{color:var(--lm-gold);font-size:1.1rem;font-style:italic;margin:0}.lm-content-section{background:var(--lm-bg-primary);padding:80px 24px}.lm-content-section__container{margin:0 auto;max-width:1100px}.lm-section-title{color:var(--lm-gold);font-size:2rem;font-weight:700;margin:0 0 24px}.lm-section-title--center{text-align:center}.lm-section-title--light{color:var(--lm-text-primary)}.lm-content-text{font-size:1.05rem;margin:0 0 16px}.lm-content-text strong{color:var(--lm-gold)}.lm-intro-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.5fr 1fr}.lm-intro-visual{display:flex;justify-content:center}.lm-intro-logo-wrapper{position:relative}.lm-intro-logo{border:3px solid var(--lm-gold);border-radius:20px;box-shadow:0 0 40px #f5c54233;height:220px;object-fit:cover;width:220px}.lm-timeline-section{background:var(--lm-bg-secondary);padding:80px 24px}.lm-timeline{display:flex;flex-direction:column;gap:0;margin:40px auto 0;max-width:800px;position:relative}.lm-timeline:before{background:linear-gradient(to bottom,var(--lm-gold),var(--lm-green));bottom:0;content:"";left:22px;position:absolute;top:0;width:2px}.lm-timeline__item{grid-gap:20px;display:grid;gap:20px;grid-template-columns:50px 100px 1fr;padding:24px 0;position:relative}.lm-timeline__marker{align-items:center;background:var(--lm-bg-card);border:2px solid var(--lm-gold);border-radius:50%;display:flex;height:46px;justify-content:center;width:46px;z-index:1}.lm-timeline__marker .material-icons{color:var(--lm-gold);font-size:22px}.lm-timeline__year{align-self:center;color:var(--lm-gold);font-size:1.1rem;font-weight:700}.lm-timeline__content{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:12px;padding:20px}.lm-timeline__content h3{color:var(--lm-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 8px}.lm-timeline__content p{color:var(--lm-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.lm-vision-section{background:linear-gradient(135deg,var(--lm-green-dark) 0,var(--lm-bg-primary) 100%);padding:80px 24px}.lm-vision-card{background:var(--lm-bg-card);border:2px solid var(--lm-gold);border-radius:24px;margin:0 auto;max-width:700px;padding:48px 40px;text-align:center}.lm-vision-card__icon{align-items:center;background:linear-gradient(135deg,var(--lm-gold) 0,var(--lm-gold-dark) 100%);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 24px;width:70px}.lm-vision-card__icon .material-icons{color:#000;font-size:32px}.lm-vision-card__title{color:var(--lm-gold);font-size:1.5rem;font-weight:700;margin:0 0 16px}.lm-vision-card__text{color:var(--lm-text-secondary);font-size:1.1rem;line-height:1.8;margin:0}.lm-objectives-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:40px}.lm-objective-card{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.lm-objective-card:hover{border-color:var(--lm-gold);transform:translateY(-4px)}.lm-objective-card__icon{align-items:center;background:var(--lm-green);border-radius:12px;display:flex;height:50px;justify-content:center;margin:0 auto 16px;width:50px}.lm-objective-card__icon .material-icons{color:var(--lm-gold);font-size:24px}.lm-objective-card p{color:var(--lm-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.lm-leadership-section{background:var(--lm-bg-secondary);padding:80px 24px}.lm-leadership-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-top:40px}.lm-leader-card{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:20px;padding:32px;text-align:center}.lm-leader-card__icon{align-items:center;background:linear-gradient(135deg,var(--lm-gold) 0,var(--lm-gold-dark) 100%);border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.lm-leader-card__icon .material-icons{color:#000;font-size:32px}.lm-leader-card__role{color:var(--lm-gold);font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.lm-leader-card__name{color:var(--lm-text-primary);font-size:1.2rem;font-weight:700;margin:0 0 8px}.lm-leader-card__title{color:var(--lm-text-secondary);font-size:.9rem;margin:0}.lm-locations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:40px}.lm-location-card{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:16px;padding:28px;text-align:center}.lm-location-card--main{background:linear-gradient(135deg,#f5c5421a,var(--lm-bg-card));border-color:var(--lm-gold)}.lm-location-card__icon{align-items:center;background:var(--lm-green);border-radius:12px;display:flex;height:50px;justify-content:center;margin:0 auto 16px;width:50px}.lm-location-card__icon .material-icons{color:var(--lm-gold);font-size:24px}.lm-location-card h3{color:var(--lm-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 12px}.lm-location-card p{color:var(--lm-text-secondary);font-size:.9rem;line-height:1.6;margin:0}.lm-location-card p strong{color:var(--lm-gold)}.lm-activities-section{background:var(--lm-bg-primary);padding:80px 24px}.lm-activities-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:40px}.lm-activity-card{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:16px;padding:28px}.lm-activity-card__header{align-items:center;border-bottom:1px solid var(--lm-border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.lm-activity-card__header .material-icons{color:var(--lm-gold);font-size:28px}.lm-activity-card__header h3{color:var(--lm-text-primary);font-size:1.1rem;font-weight:700;margin:0}.lm-activity-card__list{list-style:none;margin:0;padding:0}.lm-activity-card__list li{color:var(--lm-text-secondary);font-size:.9rem;padding:8px 0 8px 20px;position:relative}.lm-activity-card__list li:before{color:var(--lm-gold);content:"▸";left:0;position:absolute}.lm-achievements-section{background:linear-gradient(135deg,var(--lm-bg-secondary),var(--lm-bg-tertiary));padding:80px 24px}.lm-achievements-list{display:flex;flex-direction:column;gap:20px;margin-left:auto;margin-right:auto;margin-top:40px;max-width:900px}.lm-achievement-item{align-items:flex-start;background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:16px;display:flex;gap:20px;padding:24px}.lm-achievement-item__icon{align-items:center;background:linear-gradient(135deg,var(--lm-gold) 0,var(--lm-gold-dark) 100%);border-radius:14px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.lm-achievement-item__icon .material-icons{color:#000;font-size:28px}.lm-achievement-item__content h3{color:var(--lm-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 8px}.lm-achievement-item__content p{color:var(--lm-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.lm-stats--about .lm-stats__grid{grid-template-columns:repeat(3,1fr)}.lm-stats__note{color:var(--lm-text-secondary);font-size:1rem;line-height:1.7;margin:32px auto 0;max-width:700px;text-align:center}.lm-contact-section{background:var(--lm-bg-primary);padding:80px 24px}.lm-contact-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1.2fr}.lm-contact-info{display:flex;flex-direction:column;gap:20px}.lm-contact-card{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:14px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.lm-contact-card:hover{border-color:var(--lm-gold)}.lm-contact-card__icon{align-items:center;background:var(--lm-green);border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.lm-contact-card__icon .material-icons{color:var(--lm-gold);font-size:24px}.lm-contact-card__content h3{color:var(--lm-gold);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.lm-contact-card__content p{color:var(--lm-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.lm-contact-card__content a{color:var(--lm-text-primary);text-decoration:none;transition:color .2s ease}.lm-contact-card__content a:hover{color:var(--lm-gold)}.lm-contact-form-wrapper{background:var(--lm-bg-card);border:1px solid var(--lm-glass-border);border-radius:20px;padding:32px}.lm-contact-form{gap:20px}.lm-contact-form,.lm-form-group{display:flex;flex-direction:column}.lm-form-group{gap:8px}.lm-form-group label{color:var(--lm-text-secondary);font-size:.9rem;font-weight:600}.lm-form-control{background:var(--lm-bg-secondary);border:1px solid var(--lm-glass-border);border-radius:10px;color:var(--lm-text-primary);font-family:inherit;font-size:.95rem;padding:14px 16px;transition:all .2s ease}.lm-form-control::placeholder{color:var(--lm-text-muted)}.lm-form-control:focus{border-color:var(--lm-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}textarea.lm-form-control{min-height:120px;resize:vertical}.lm-btn--full{width:100%}.lm-alert{align-items:center;border-radius:12px;display:flex;font-size:.95rem;gap:12px;margin-bottom:20px;padding:16px 20px}.lm-alert--success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.lm-alert .material-icons{font-size:22px}@media (max-width:1024px){.lm-intro-grid{grid-template-columns:1fr;text-align:center}.lm-intro-visual{order:-1}.lm-activities-grid,.lm-locations-grid,.lm-objectives-grid{grid-template-columns:repeat(2,1fr)}.lm-contact-grid,.lm-leadership-grid{grid-template-columns:1fr}.lm-stats--about .lm-stats__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.lm-page-header{padding:120px 20px 60px}.lm-page-header__title{font-size:2rem}.lm-timeline__item{gap:12px;grid-template-columns:40px 1fr}.lm-timeline__year{font-size:.9rem;left:60px;position:absolute;top:24px}.lm-timeline__content{margin-top:40px}.lm-timeline:before{left:18px}.lm-timeline__marker{height:38px;width:38px}.lm-activities-grid,.lm-locations-grid,.lm-objectives-grid,.lm-stats--about .lm-stats__grid{grid-template-columns:1fr}.lm-vision-card{padding:32px 24px}}@media (max-width:1024px){.lm-nav__links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ffa;border-bottom:1px solid var(--lm-border);box-shadow:0 10px 30px #00000080;display:none;flex-direction:column;gap:0;left:0;padding:20px 0;position:fixed;right:0;top:72px}.lm-nav__links--open{animation:slideDown .3s ease;display:flex}.lm-nav__link{border-bottom:1px solid var(--lm-border);border-radius:0;padding:16px 24px}.lm-nav__link:last-child{border-bottom:none}.lm-nav__actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ffa;border-bottom:1px solid var(--lm-border);box-shadow:0 10px 30px #00000080;display:none;flex-direction:column;gap:12px;left:0;padding:20px 24px;position:fixed;right:0;top:272px}.lm-nav__actions--open{animation:slideDown .3s ease .1s both;display:flex}.lm-nav__actions .lm-btn{justify-content:center;width:100%}.lm-nav__mobile-btn{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.lm-nav__mobile-btn--open,.lm-nav__mobile-btn:hover{background:var(--lm-glass-bg)}.lm-nav__mobile-btn--open{color:var(--lm-gold)}.lm-nav__mobile-btn .material-icons{font-size:28px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:768px){.lm-nav__container{height:64px;padding:0 16px}.lm-nav__logo-img{height:38px;width:38px}.lm-nav__logo-text{font-size:1.15rem}.lm-nav__links{top:64px}.lm-nav__actions{top:264px}.lm-nav__mobile-btn{height:40px;width:40px}}:root{--lm-bg-primary:var(--v2-surface-canvas);--lm-bg-secondary:var(--v2-surface-card);--lm-bg-card:var(--v2-surface-card);--lm-border:var(--v2-border-default);--lm-gold:var(--brand-gold);--lm-gold-dark:var(--brand-gold-hover);--lm-green:var(--heritage-green);--lm-green-dark:#1b5e20;--lm-text-primary:var(--v2-text-primary);--lm-text-secondary:var(--v2-text-secondary);--lm-text-muted:var(--v2-text-muted);--lm-space-1:8px;--lm-space-2:16px;--lm-space-3:24px;--lm-space-4:32px;--lm-space-5:40px;--lm-space-6:48px;--lm-space-8:64px;--lm-radius-sm:8px;--lm-radius-md:12px;--lm-radius-lg:16px;--lm-font-title:clamp(1.125rem,1.5vw + 0.75rem,1.5rem);--lm-font-subtitle:clamp(0.875rem,1vw + 0.5rem,1rem);--lm-font-body:clamp(0.875rem,0.5vw + 0.75rem,1rem);--lm-font-small:clamp(0.75rem,0.5vw + 0.625rem,0.875rem)}.modal-modern{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:var(--v2-surface-card)!important;background:var(--lm-bg-card)!important;border:1px solid var(--lm-border)!important;border-radius:12px!important;border-radius:var(--lm-radius-md)!important;border-top:none!important;box-shadow:0 24px 64px #00000080!important;color:var(--v2-text-primary)!important;color:var(--lm-text-primary)!important;display:flex!important;flex-direction:column!important;max-height:min(88vh,800px)!important;max-width:min(1280px,95vw);overflow:hidden!important;padding:0!important;width:100%}.modal-modern .modal-modern,div[style*="position: fixed"][style*="z-index: 1000"]+div[style*="position: fixed"]{z-index:1100!important}body:has(.modal-modern) div[style*="position: fixed"]:last-of-type{z-index:1100!important}.modal-modern>div{display:flex!important;flex-direction:column!important;max-height:100%!important;overflow:hidden!important;padding:0!important}.modal-modern__inner{box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;min-height:0;overflow:hidden;padding:clamp(16px,3vw,32px);padding:clamp(var(--lm-space-2),3vw,var(--lm-space-4))}.modal-modern__sticky-header{border-bottom:1px solid var(--lm-border);flex-shrink:0;margin-bottom:24px;margin-bottom:var(--lm-space-3);padding-bottom:16px;padding-bottom:var(--lm-space-2)}.modal-modern__title{word-wrap:break-word;align-items:center;color:var(--brand-gold);color:var(--lm-gold);display:flex;font-size:clamp(1.125rem,1.5vw + .75rem,1.5rem);font-size:var(--lm-font-title);gap:8px;gap:var(--lm-space-1);letter-spacing:.5px;line-height:1.3;margin:0;overflow-wrap:break-word;text-transform:uppercase}.modal-modern__title .material-icons{flex-shrink:0;font-size:clamp(1.25rem,2vw + .75rem,1.5rem)}.modal-modern__subtitle{word-wrap:break-word;color:var(--v2-text-secondary);color:var(--lm-text-secondary);font-size:clamp(.875rem,1vw + .5rem,1rem);font-size:var(--lm-font-subtitle);line-height:1.5;margin-top:8px;margin-top:var(--lm-space-1);overflow-wrap:break-word}.modal-modern__subtitle strong{color:var(--v2-text-primary);color:var(--lm-text-primary);font-weight:600}.modal-modern__scroll-area{-webkit-overflow-scrolling:touch;flex-grow:0;flex-shrink:1;margin-left:-2px;margin-right:-8px;margin-right:calc(var(--lm-space-1)*-1);max-height:calc(100vh - 200px);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:24px;padding-bottom:var(--lm-space-3);padding-left:2px;padding-right:8px;padding-right:var(--lm-space-1)}.modal-modern__scroll-area::-webkit-scrollbar{width:8px}.modal-modern__scroll-area::-webkit-scrollbar-track{background:#0000}.modal-modern__scroll-area::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-modern__scroll-area::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-modern__form-group{margin-bottom:24px;margin-bottom:var(--lm-space-3)}.modal-modern__label{word-wrap:break-word;align-items:center;color:var(--v2-text-secondary);color:var(--lm-text-secondary);display:flex;font-size:clamp(.75rem,.5vw + .625rem,.875rem);font-size:var(--lm-font-small);font-weight:600;line-height:1.4;margin-bottom:8px;margin-bottom:var(--lm-space-1);overflow-wrap:break-word}.modal-modern__label .material-icons{flex-shrink:0;font-size:1rem;margin-right:4px}.modal-modern__input,.modal-modern__select,.modal-modern__textarea{background:var(--lm-bg-secondary);border:1px solid var(--lm-border);border-radius:8px;border-radius:var(--lm-radius-sm);box-sizing:border-box;color:var(--lm-text-primary);font-family:inherit;font-size:1rem;line-height:1.5;min-height:48px;padding:12px 16px;padding:12px var(--lm-space-2);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.modal-modern__textarea{min-height:auto;padding-bottom:16px;padding-bottom:var(--lm-space-2);padding-top:16px;padding-top:var(--lm-space-2);resize:vertical}.modal-modern__input:focus,.modal-modern__select:focus,.modal-modern__textarea:focus{background:#121217cc;border-color:var(--lm-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}.modal-modern__input:disabled,.modal-modern__select:disabled,.modal-modern__textarea:disabled{cursor:not-allowed;opacity:.5}.modal-modern__card{background:#ffffff08;border:1px solid var(--lm-border);border-radius:8px;border-radius:var(--lm-radius-sm);display:flex;flex-direction:column;margin-bottom:16px;margin-bottom:var(--lm-space-2);overflow:hidden;padding:16px;padding:var(--lm-space-2)}.modal-modern__card-title{color:var(--brand-gold);color:var(--lm-gold);font-weight:700;letter-spacing:.5px;margin:0 0 16px;margin:0 0 var(--lm-space-2) 0}.modal-modern__badge,.modal-modern__card-title{word-wrap:break-word;font-size:clamp(.75rem,.5vw + .625rem,.875rem);font-size:var(--lm-font-small);line-height:1.4;overflow-wrap:break-word}.modal-modern__badge{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-weight:600;max-width:100%;padding:6px 16px;padding:6px var(--lm-space-2);transition:all .2s ease}.modal-modern__badge--pertubuhan{background:#1e40af4d;border-color:#3b82f680;color:#93c5fd}.modal-modern__badge--persilatan{background:#065f464d;border-color:#10b98180;color:#6ee7b7}.modal-modern__list-item{align-items:center;background:var(--lm-bg-secondary);border:1px solid var(--lm-border);border-radius:6px;display:flex;gap:16px;gap:var(--lm-space-2);justify-content:space-between;min-height:48px;padding:8px 16px;padding:var(--lm-space-1) var(--lm-space-2);transition:all .2s ease}.modal-modern__list-item:hover{background:#ffffff0d;border-color:#ffffff26}.modal-modern__actions{background:var(--v2-surface-card);background:var(--lm-bg-card);border-top:1px solid var(--lm-border);display:flex;flex-shrink:0;gap:16px;gap:var(--lm-space-2);margin-top:0;padding:24px;padding:var(--lm-space-3);position:relative;z-index:10}.modal-modern__btn{align-items:center;border:none;border-radius:8px;border-radius:var(--lm-radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;gap:var(--lm-space-1);justify-content:center;min-height:48px;overflow:hidden;padding:12px 24px;padding:12px var(--lm-space-3);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.modal-modern__btn .material-icons{flex-shrink:0;font-size:1.125rem}.modal-modern__btn--primary{background:linear-gradient(135deg,var(--brand-gold) 0,var(--brand-gold-hover) 100%);background:linear-gradient(135deg,var(--lm-gold) 0,var(--lm-gold-dark) 100%);box-shadow:0 4px 12px #f5c54233;color:#000}.modal-modern__btn--primary:hover:not(:disabled){box-shadow:0 6px 16px #f5c5424d;transform:translateY(-2px)}.modal-modern__btn--primary:active:not(:disabled){box-shadow:0 2px 8px #f5c54233;transform:translateY(0)}.modal-modern__btn--secondary{background:#0000;border:1px solid var(--lm-border);color:var(--v2-text-secondary);color:var(--lm-text-secondary)}.modal-modern__btn--secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--lm-text-primary);color:var(--v2-text-primary);color:var(--lm-text-primary)}.modal-modern__btn--secondary:active:not(:disabled){background:#ffffff14}.modal-modern__btn--danger{align-items:center;background:#dc262633;border:1px solid #dc262680;color:#fca5a5;display:inline-flex;flex:initial;font-size:clamp(.75rem,.5vw + .625rem,.875rem);font-size:var(--lm-font-small);min-height:44px;padding:8px 16px;padding:8px var(--lm-space-2)}.modal-modern__btn--danger:hover:not(:disabled){background:#dc26264d;border-color:#dc2626b3;color:#fff}.modal-modern__btn--danger:active:not(:disabled){background:#dc262666}.modal-modern__btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.modal-modern__tabs{grid-gap:16px;grid-gap:var(--lm-space-2);display:grid;gap:16px;gap:var(--lm-space-2);grid-template-columns:1fr 1fr}.modal-modern__tab{align-items:center;background:#0000;border:1px solid var(--lm-border);border-radius:8px;border-radius:var(--lm-radius-sm);color:var(--v2-text-muted);color:var(--lm-text-muted);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;min-height:48px;padding:12px 16px;padding:12px var(--lm-space-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-modern__tab:hover:not(:disabled){background:#ffffff08;border-color:#fff3}.modal-modern__tab--active{background:#f5c5421a;border-color:var(--lm-gold);color:var(--v2-primary)}.modal-modern__tab--active:hover{background:#f5c54226}.modal-modern__tab:disabled{cursor:not-allowed;opacity:.5}.modal-modern__grid-2{grid-gap:16px;grid-gap:var(--lm-space-2);display:grid;gap:16px;gap:var(--lm-space-2);grid-template-columns:1fr}@media (min-width:768px){.modal-modern__grid-2{grid-template-columns:1fr 1fr}}.modal-modern__timeline{padding-left:32px;padding-left:var(--lm-space-4);position:relative}.modal-modern__timeline:before{background:var(--v2-border-default);background:var(--lm-border);bottom:10px;content:"";left:7px;position:absolute;top:10px;width:2px}.modal-modern__timeline-item{padding-bottom:24px;padding-bottom:var(--lm-space-3);position:relative}.modal-modern__timeline-item:last-child{padding-bottom:0}.modal-modern__timeline-dot{border:2px solid var(--lm-gold);border-radius:50%;box-shadow:0 0 8px #f5c5424d;height:16px;left:-32px;left:calc(var(--lm-space-4)*-1);position:absolute;top:4px;width:16px;z-index:1}.modal-modern__timeline-content,.modal-modern__timeline-dot{background:var(--v2-surface-card);background:var(--lm-bg-secondary)}.modal-modern__timeline-content{border:1px solid var(--lm-border);border-radius:8px;border-radius:var(--lm-radius-sm);overflow:hidden;padding:16px;padding:var(--lm-space-2);transition:all .2s ease}.modal-modern__timeline-content:hover{background:#121217cc;border-color:#ffffff26}.modal-modern__hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--lm-radius-md);box-shadow:0 8px 32px 0 #0000004d;overflow:hidden;padding:clamp(24px,4vw,32px);padding:clamp(var(--lm-space-3),4vw,var(--lm-space-4));position:relative;text-align:center}.modal-modern__preview-box{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;border-radius:var(--lm-radius-sm);margin-bottom:16px;margin-bottom:var(--lm-space-2);margin-top:8px;margin-top:var(--lm-space-1);padding:16px;padding:var(--lm-space-2)}.modal-modern__text-muted{color:var(--v2-text-muted);color:var(--lm-text-muted);font-size:clamp(.75rem,.5vw + .625rem,.875rem);font-size:var(--lm-font-small);line-height:1.5}.modal-modern__text-center{text-align:center}.modal-modern__empty-state{color:var(--v2-text-muted);color:var(--lm-text-muted);font-size:clamp(.75rem,.5vw + .625rem,.875rem);font-size:var(--lm-font-small);font-style:italic;line-height:1.6;padding:24px;padding:var(--lm-space-3);text-align:center}.spin{animation:spin 1s linear infinite}@media (min-width:768px) and (max-width:1024px){.modal-modern{max-height:min(85vh,750px)!important;max-width:min(720px,90vw)!important}}@media (min-width:1025px){.modal-modern{max-height:min(88vh,800px)!important}}@media (max-width:767px){.modal-modern{border:none!important;border-radius:0!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100%!important}.modal-modern>div{border-radius:0!important}.modal-modern__inner{padding:16px;padding:var(--lm-space-2)}.modal-modern__sticky-header{margin-bottom:16px;margin-bottom:var(--lm-space-2);padding-bottom:16px;padding-bottom:var(--lm-space-2)}.modal-modern__title{font-size:1.125rem}.modal-modern__subtitle{font-size:.875rem}.modal-modern__actions{flex-direction:column-reverse;gap:16px;gap:var(--lm-space-2)}.modal-modern__btn{width:100%}.modal-modern__grid-2{gap:16px;gap:var(--lm-space-2)}.modal-modern__hero-card{padding:16px;padding:var(--lm-space-2)}.modal-modern__timeline{padding-left:24px;padding-left:var(--lm-space-3)}.modal-modern__timeline-dot{left:-24px;left:calc(var(--lm-space-3)*-1)}}@media (max-width:374px){.modal-modern__card,.modal-modern__inner{padding:16px 8px;padding:var(--lm-space-2) var(--lm-space-1)}.modal-modern__btn{font-size:.875rem;padding:12px 16px;padding:12px var(--lm-space-2)}}@media (min-width:1440px){.modal-modern{max-height:min(88vh,850px)!important;max-width:1280px!important}}.modal-modern{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--v2-shadow-overlay)!important}.modal-modern__scroll-area::-webkit-scrollbar-thumb{background:var(--v2-border-strong)}.modal-modern__scroll-area::-webkit-scrollbar-thumb:hover{background:var(--v2-text-muted)}.modal-modern__input,.modal-modern__select,.modal-modern__textarea{background:var(--v2-surface-card);border-color:var(--v2-border-strong);color:var(--v2-text-primary)}.modal-modern__input:focus,.modal-modern__select:focus,.modal-modern__textarea:focus{background:var(--v2-surface-card);border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg)}.modal-modern__card{background:var(--v2-surface-hover);border-color:var(--v2-border-default)}.modal-modern__list-item{background:var(--v2-surface-card);border-color:var(--v2-border-default)}.modal-modern__list-item:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-strong)}.modal-modern__btn--primary,.modal-modern__btn--save,.modal-modern__btn--submit{background:var(--v2-primary)!important;border:1px solid #0000;box-shadow:none!important;color:var(--v2-primary-fg)!important}.modal-modern__btn--primary:hover,.modal-modern__btn--save:hover,.modal-modern__btn--submit:hover{background:var(--v2-primary-hover)!important;box-shadow:none!important}.modal-modern__btn--primary:active,.modal-modern__btn--save:active,.modal-modern__btn--submit:active{background:var(--v2-primary-pressed)!important}.modal-modern__btn--cancel,.modal-modern__btn--secondary{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-strong)!important;box-shadow:none!important;color:var(--v2-text-primary)!important}.modal-modern__btn--cancel:hover,.modal-modern__btn--secondary:hover{background:var(--v2-surface-hover)!important}.modal-modern__btn--danger,.modal-modern__btn--delete{background:var(--v2-surface-card)!important;border:1px solid var(--status-danger-border)!important;box-shadow:none!important;color:var(--status-danger)!important}.modal-modern__btn--danger:hover,.modal-modern__btn--delete:hover{background:var(--status-danger-bg)!important}.modal-modern__title{color:var(--v2-text-primary);font-weight:700;letter-spacing:0;text-transform:none}.modal-modern__title .material-icons{color:var(--v2-primary)}.modal-modern__card-title{color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.modal-modern .glass,.modal-modern__glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--v2-surface-card)!important;border-color:var(--v2-border-default)!important;box-shadow:var(--v2-shadow-sm)!important}.modal-modern__badge--pertubuhan{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info)}.modal-modern__badge--persilatan{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.member-detail-modal-v2__profile-header{border-bottom:1px solid var(--v2-border-subtle);margin-bottom:var(--v2-space-6);padding-bottom:var(--v2-space-6);text-align:center}.member-detail-modal-v2__avatar{align-items:center;background:var(--v2-primary);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-full);box-shadow:none;color:var(--v2-primary-fg);display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto var(--v2-space-4);overflow:hidden;width:80px}.member-detail-modal-v2__avatar--photo{background:var(--v2-surface-hover)}.member-detail-modal-v2__avatar-img{height:100%;object-fit:cover;width:100%}.member-detail-modal-v2__name{color:var(--v2-text-primary);font-size:var(--v2-font-size-lg);font-weight:700;margin:0 0 var(--v2-space-2)}.member-detail-modal-v2__badges{display:flex;flex-wrap:wrap;gap:var(--v2-space-2);justify-content:center}.member-detail-modal-v2__badge--active{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.member-detail-modal-v2__badge--inactive{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.member-detail-modal-v2__badge--belt{background:var(--brand-gold-bg);border-color:var(--brand-gold-border);color:var(--brand-gold-hover)}.member-detail-modal-v2__school{align-items:center;color:var(--status-success);display:inline-flex;font-weight:600;gap:var(--v2-space-1);justify-content:flex-end}.member-detail-modal-v2__school .material-icons{font-size:16px}.assign-sandang-modal-v2__rank-name{word-wrap:break-word;color:var(--v2-text-primary);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:800;margin-bottom:var(--v2-space-1)}.assign-jawatan-modal-v2__heading--organization{color:var(--status-info)!important}.assign-jawatan-modal-v2__heading--silat{color:var(--status-success)!important}.assign-sandang-modal-v2 .modal-modern__hero-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-surface-hover);border:1px solid var(--v2-border-default);box-shadow:none}.assign-jawatan-modal-v2 .modal-modern__label .material-icons,.assign-sandang-modal-v2 .modal-modern__label .material-icons{color:var(--v2-primary);font-size:16px;margin-right:var(--v2-space-1)}.auth-shell{background:var(--v2-surface-canvas);color:var(--v2-text-primary);font-family:var(--v2-font-family);min-height:100vh;overflow:hidden;position:relative}.auth-shell__bg{background:radial-gradient(ellipse at 12% 20%,#1e3a5f0d 0,#0000 55%),radial-gradient(ellipse at 88% 85%,#d4a0170a 0,#0000 55%);inset:0;pointer-events:none;position:absolute}[data-theme=dark] .auth-shell__bg{background:radial-gradient(ellipse at 12% 20%,#f4c4300f 0,#0000 55%),radial-gradient(ellipse at 88% 85%,#2e7d320f 0,#0000 55%)}.auth-shell__back{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:500;gap:8px;left:24px;padding:8px 14px;position:absolute;text-decoration:none;top:24px;transition:background var(--v2-transition-fast),color var(--v2-transition-fast),border-color var(--v2-transition-fast);z-index:10}.auth-shell__back:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-strong);color:var(--v2-text-primary)}.auth-shell__theme-toggle{position:absolute;right:24px;top:24px;z-index:10}.auth-shell__theme-toggle .v2-btn{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.auth-shell__theme-toggle .v2-btn:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}@media (max-width:600px){.auth-shell__back{font-size:var(--v2-font-size-xs);left:12px;padding:6px 10px;top:12px}.auth-shell__theme-toggle{right:12px;top:12px}}.auth-shell__grid{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;position:relative;z-index:1}@media (max-width:1024px){.auth-shell__grid{grid-template-columns:1fr}}.auth-shell__hero{align-items:center;background:radial-gradient(ellipse at top right,#f4c4302e 0,#0000 50%),radial-gradient(ellipse at bottom left,#1e3a5f99 0,#0000 60%),linear-gradient(135deg,#0f0f11,#1a1a1a 50%,#1e3a5f);color:var(--neutral-0);display:flex;justify-content:center;overflow:hidden;padding:64px 56px;position:relative}.auth-shell__hero:before{background:radial-gradient(circle,#f4c43040 0,#0000 65%);height:360px;right:-120px;top:-120px;width:360px}.auth-shell__hero:after,.auth-shell__hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.auth-shell__hero:after{background:radial-gradient(circle,#1e3a5f80 0,#0000 65%);bottom:-100px;height:320px;left:-100px;width:320px}.auth-shell__hero-inner{max-width:480px;position:relative;text-align:left;z-index:2}.auth-shell__hero-logo-wrap{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #f4c43066;border-radius:var(--v2-radius-xl);box-shadow:0 0 0 1px #ffffff0d,0 8px 24px #f4c43026;display:flex;height:80px;justify-content:center;margin-bottom:32px;padding:6px;width:80px}.auth-shell__hero-logo{border-radius:calc(var(--v2-radius-xl) - 4px);height:100%;object-fit:contain;width:100%}.auth-shell__hero-headline{color:var(--heritage-gold);font-family:var(--v2-font-family-display);font-size:40px;font-weight:800;letter-spacing:.04em;line-height:1.1;margin:0 0 8px}.auth-shell__hero-subline{color:#ffffffa6;font-size:var(--v2-font-size-sm);letter-spacing:.02em;line-height:1.5;margin:0 0 40px}.auth-shell__hero-quote{color:#ffffffeb;font-family:var(--v2-font-family-display);font-size:24px;font-style:italic;font-weight:600;line-height:1.4;margin:0 0 32px;padding:0;position:relative}.auth-shell__hero-mark{color:var(--heritage-gold);font-size:32px;font-weight:700;line-height:0;margin-right:4px;position:relative;top:8px}.auth-shell__hero-mark--close{margin-left:4px;margin-right:0}.auth-shell__hero-meta{border-top:1px solid #ffffff1a;color:#f4c430b3;font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:.12em;margin:0;padding-top:20px;text-transform:uppercase}@media (max-width:1024px){.auth-shell__hero{display:none}}@media (min-width:1025px) and (max-width:1280px){.auth-shell__hero{padding:48px 40px}.auth-shell__hero-headline{font-size:32px}.auth-shell__hero-quote{font-size:20px}}.auth-shell__form-col{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:64px 32px}.auth-shell__form-wrap{max-width:440px;width:100%}.auth-shell--wide .auth-shell__form-wrap{max-width:560px}@media (min-width:1025px){.auth-shell--wide .auth-shell__grid{grid-template-columns:5fr 7fr}}@media (max-width:600px){.auth-shell__form-col{padding:80px 16px 32px}}.auth-modern{background:#0000;color:var(--v2-text-primary);font-family:var(--v2-font-family)}.auth-modern__back,.auth-modern__bg,.auth-modern__theme-toggle{display:none}.auth-modern__container{max-width:100%;position:relative;width:100%}.auth-modern__card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-xl);box-shadow:var(--v2-shadow-md);padding:32px}@media (max-width:480px){.auth-modern__card{border-radius:var(--v2-radius-lg);padding:24px 20px}}.auth-modern__header{margin-bottom:24px;text-align:center}.auth-modern__logo{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);height:56px;margin-bottom:12px;object-fit:contain;padding:4px;width:56px}.auth-modern__icon-wrapper{align-items:center;background:var(--v2-primary-bg);border:1px solid var(--brand-navy-border);border-radius:var(--v2-radius-full);display:flex;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.auth-modern__icon-wrapper .material-icons{color:var(--v2-primary);font-size:28px}.auth-modern__title{color:var(--v2-text-primary);font-family:var(--v2-font-family);font-size:var(--v2-font-size-xl);font-weight:700;line-height:1.2;margin:0 0 4px}.auth-modern__subtitle{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);line-height:1.5;margin:0}.auth-modern__form{display:flex;flex-direction:column;gap:16px}.auth-modern__field{display:flex;flex-direction:column;gap:6px}.auth-modern__label-row{align-items:center;display:flex;justify-content:space-between}.auth-modern__label{align-items:center;color:var(--v2-text-primary);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:500;gap:6px}.auth-modern__label .material-icons{color:var(--v2-text-muted);font-size:16px}.auth-modern__forgot{color:var(--v2-text-link);font-size:var(--v2-font-size-xs);font-weight:500;text-decoration:none;transition:color var(--v2-transition-fast)}.auth-modern__forgot:hover{color:var(--v2-primary-hover);text-decoration:underline}.auth-modern__input,.auth-modern__select,.auth-modern__textarea{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);display:block;font-family:inherit;font-size:var(--v2-font-size-base);line-height:1.4;padding:9px 12px;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast);width:100%}.auth-modern__input:focus,.auth-modern__select:focus,.auth-modern__textarea:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg);outline:none}.auth-modern__input::placeholder{color:var(--v2-text-muted)}.auth-modern__input:disabled{background:var(--v2-surface-pressed);cursor:not-allowed}.auth-modern__input--error{border-color:var(--status-danger)}.auth-modern__input--error:focus{box-shadow:0 0 0 3px var(--status-danger-bg)}.auth-modern__error{align-items:center;color:var(--status-danger);display:inline-flex;font-size:var(--v2-font-size-xs);gap:4px;margin-top:2px}.auth-modern__error .material-icons{font-size:14px}.auth-modern__hint{color:var(--v2-text-muted);display:block;font-size:var(--v2-font-size-xs);line-height:1.5;margin-top:4px}.auth-modern__toggle{grid-gap:4px;background:var(--v2-surface-hover);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.auth-modern__toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--v2-radius-sm);color:var(--v2-text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--v2-font-size-sm);font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all var(--v2-transition-fast)}.auth-modern__toggle-btn:hover:not(.active){color:var(--v2-text-primary)}.auth-modern__toggle-btn.active{background:var(--v2-surface-card);box-shadow:var(--v2-shadow-xs);color:var(--v2-text-primary)}.auth-modern__toggle-btn .material-icons{font-size:16px}.auth-modern__submit{align-items:center;background:var(--v2-primary);border:1px solid #0000;border-radius:var(--v2-radius-md);color:var(--v2-primary-fg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--v2-font-size-base);font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:11px 16px;transition:background var(--v2-transition-fast);width:100%}.auth-modern__submit:hover:not(:disabled){background:var(--v2-primary-hover)}.auth-modern__submit:active:not(:disabled){background:var(--v2-primary-pressed)}.auth-modern__submit:disabled{cursor:not-allowed;opacity:.6}.auth-modern__submit .material-icons{font-size:18px}.auth-modern__spinner{animation:v2AuthSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--v2-primary-fg);display:inline-block;height:16px;width:16px}@keyframes v2AuthSpin{to{transform:rotate(1turn)}}.auth-modern__divider{align-items:center;color:var(--v2-text-muted);display:flex;font-size:var(--v2-font-size-xs);font-weight:500;gap:12px;letter-spacing:.06em;margin:24px 0 16px;text-transform:uppercase}.auth-modern__divider:after,.auth-modern__divider:before{background:var(--v2-border-default);content:"";flex:1 1;height:1px}.auth-modern__alternate{margin-bottom:16px;text-align:center}.auth-modern__alternate p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);margin:0 0 6px}.auth-modern__link{color:var(--v2-text-link);font-size:var(--v2-font-size-sm);font-weight:600;text-decoration:none;transition:color var(--v2-transition-fast)}.auth-modern__link:hover{color:var(--v2-primary-hover);text-decoration:underline}.auth-modern__security{align-items:center;background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--v2-radius-md);color:var(--status-success);display:flex;font-size:var(--v2-font-size-xs);font-weight:500;gap:6px;justify-content:center;padding:8px 12px}.auth-modern__security .material-icons{font-size:14px}.auth-modern__tagline{color:var(--v2-text-muted);font-size:var(--v2-font-size-sm);font-style:italic;font-weight:400;margin-top:24px;text-align:center}@media (min-width:1025px){.auth-modern__tagline{display:none}}.auth-modern__form{counter-reset:section-counter}.auth-modern__section{background:var(--v2-surface-canvas);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);counter-increment:section-counter;margin-top:16px;padding:20px 18px;position:relative}.auth-modern__section:first-of-type{margin-top:0}.auth-modern__section+.auth-modern__section{margin-top:14px}[data-theme=dark] .auth-modern__section{background:#ffffff05}.auth-modern__section-title{align-items:center;color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-base);font-weight:600;gap:10px;line-height:1.3;margin:0 0 14px}.auth-modern__section-title:before{font-feature-settings:var(--v2-font-feature-tabular);align-items:center;background:var(--v2-primary);border-radius:var(--v2-radius-full);color:var(--v2-primary-fg);content:counter(section-counter);display:inline-flex;flex-shrink:0;font-size:var(--v2-font-size-xs);font-weight:700;height:24px;justify-content:center;width:24px}.auth-modern__section-title .material-icons{color:var(--v2-text-muted);font-size:18px}.auth-modern__section-note{color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);line-height:1.5;margin:-8px 0 14px 34px}.auth-modern__section--highlight{background:var(--brand-gold-bg);border-color:var(--brand-gold-border)}[data-theme=dark] .auth-modern__section--highlight{background:#f4c4300f;border-color:#f4c43040}.auth-modern__section--highlight .auth-modern__section-title:before{background:var(--brand-gold);color:var(--neutral-900)}.auth-modern__row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.auth-modern__row{grid-template-columns:1fr}}.auth-modern__checkbox-row{align-items:flex-start;display:flex;gap:8px;padding:8px 0}.auth-modern__checkbox-row input[type=checkbox],.auth-modern__checkbox-row input[type=radio]{accent-color:var(--v2-primary);cursor:pointer;height:16px;margin-top:2px;width:16px}.auth-modern__checkbox-row label{color:var(--v2-text-secondary);cursor:pointer;font-size:var(--v2-font-size-sm);line-height:1.5}.auth-modern__checkbox-card{align-items:stretch;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);cursor:pointer;display:flex;gap:0;margin:14px 0;padding:0;transition:border-color var(--v2-transition-fast),background var(--v2-transition-fast)}.auth-modern__checkbox-card:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-strong)}.auth-modern__checkbox-card:has(input:checked){background:var(--v2-primary-bg);border-color:var(--v2-border-emphasis)}.auth-modern__checkbox,.auth-modern__checkbox-card input[type=checkbox]{accent-color:var(--v2-primary);cursor:pointer;flex-shrink:0;height:18px;margin:16px 0 0 16px;width:18px}.auth-modern__checkbox-content{align-items:flex-start;display:flex;flex:1 1;gap:12px;padding:14px 16px}.auth-modern__checkbox-content>.material-icons{color:var(--v2-primary);flex-shrink:0;font-size:22px;margin-top:1px}.auth-modern__checkbox-content strong{color:var(--v2-text-primary);display:block;font-size:var(--v2-font-size-sm);font-weight:600;margin-bottom:2px}.auth-modern__checkbox-content p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);line-height:1.5;margin:0}.auth-modern__loading{align-items:center;background:var(--v2-surface-hover);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);display:flex;font-size:var(--v2-font-size-sm);gap:10px;padding:12px}.auth-modern__loading .auth-modern__spinner{border-color:var(--v2-border-strong);border-top-color:var(--v2-primary)}.auth-modern__wait-note{align-items:center;background:var(--v2-surface-hover);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);display:flex;font-size:var(--v2-font-size-xs);gap:6px;justify-content:center;margin-top:12px;padding:10px;text-align:center}.auth-modern__wait-note .material-icons{color:var(--v2-primary);font-size:16px}.auth-modern__alert{align-items:flex-start;border:1px solid #0000;border-radius:var(--v2-radius-md);display:flex;font-size:var(--v2-font-size-sm);gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 14px}.auth-modern__alert .material-icons{flex-shrink:0;font-size:18px;margin-top:1px}.auth-modern__alert--success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.auth-modern__alert--success strong{color:var(--status-success);display:block;margin-bottom:4px}.auth-modern__alert--success p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);margin:0}.auth-modern__alert--error{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.auth-modern__instructions{background:var(--v2-surface-hover);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);margin-top:20px;padding:14px 16px}.auth-modern__instructions h4{align-items:center;color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-sm);font-weight:600;gap:6px;margin:0 0 8px}.auth-modern__instructions h4 .material-icons{color:var(--v2-primary);font-size:16px}.auth-modern__instructions ol{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);line-height:1.6;margin:0;padding-left:20px}.auth-modern__instructions li{margin-bottom:4px}.auth-modern__footer-link{margin-top:16px;text-align:center}.auth-modern__footer-link a{align-items:center;color:var(--v2-text-link);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:500;gap:4px;text-decoration:none}.auth-modern__footer-link a:hover{text-decoration:underline}.auth-modern__footer-link a .material-icons{font-size:16px}.auth-modern__steps{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.auth-modern__step{background:var(--v2-border-strong);border-radius:var(--v2-radius-full);height:8px;transition:background var(--v2-transition-fast),width var(--v2-transition-fast);width:8px}.auth-modern__step--active{width:24px}.auth-modern__step--active,.auth-modern__step--complete{background:var(--v2-primary)}.auth-modern__nav{display:flex;gap:12px;margin-top:8px}.auth-modern__nav-back{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);cursor:pointer;font-family:inherit;font-size:var(--v2-font-size-base);font-weight:500;padding:11px 16px;transition:background var(--v2-transition-fast)}.auth-modern__nav-back:hover:not(:disabled){background:var(--v2-surface-hover)}.auth-modern__success{align-items:center;display:flex;flex-direction:column;padding:8px 0;text-align:center}.auth-modern__success-icon{align-items:center;background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--v2-radius-full);display:flex;height:56px;justify-content:center;margin-bottom:12px;width:56px}.auth-modern__success-icon .material-icons{color:var(--status-success);font-size:28px}.sidebar-modern{--sb-width:260px;--sb-width-collapsed:96px}.sidebar-modern-overlay{animation:v2SbFadeIn .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes v2SbFadeIn{0%{opacity:0}to{opacity:1}}.sidebar-modern{--v2-surface-card:#1e3a5f;--v2-surface-hover:#28466b;--v2-text-primary:#fff;--v2-text-secondary:#c7d8ea;--v2-text-muted:#93a9c4;--v2-border-default:#ffffff1a;--v2-border-subtle:#ffffff0f;--v2-primary:var(--heritage-gold);--v2-primary-fg:#14233a;--v2-primary-bg:#f4c43029;background:var(--v2-surface-card);border-right:1px solid #f4c43047;color:var(--v2-text-primary);display:flex;flex-direction:column;font-family:var(--v2-font-family);height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .25s ease,transform .25s ease;width:var(--sb-width);z-index:999}.sidebar-modern--collapsed{width:var(--sb-width-collapsed)}.sidebar-modern__logo{align-items:center;border-bottom:1px solid var(--v2-border-default);display:flex;gap:12px;min-height:64px;padding:18px 16px}.sidebar-modern__logo-icon{align-items:center;background:var(--v2-primary);border-radius:var(--v2-radius-md);box-shadow:var(--v2-shadow-xs);color:var(--v2-primary-fg);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.sidebar-modern--collapsed .sidebar-modern__logo-icon{margin:0 auto}.sidebar-modern__logo-icon svg{color:currentColor;height:20px;width:20px}.sidebar-modern__logo-text{display:flex;flex-direction:column}.sidebar-modern__brand{color:var(--v2-text-primary);font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1.2}.sidebar-modern__tagline{color:var(--v2-text-muted);font-size:11px;margin-top:2px}.sidebar-modern__user{align-items:center;background:var(--v2-surface-hover);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);display:flex;gap:10px;margin:12px;padding:10px 12px}.sidebar-modern--collapsed .sidebar-modern__user{justify-content:center;margin:12px 8px;padding:8px}.sidebar-modern__user-avatar{align-items:center;background:var(--brand-gold);border-radius:var(--v2-radius-full);color:var(--neutral-900);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sidebar-modern__user-avatar .material-icons{color:var(--neutral-900);font-size:18px}.sidebar-modern__user-info{display:flex;flex-direction:column;min-width:0}.sidebar-modern__user-name{color:var(--v2-text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-modern__user-role{color:var(--v2-text-secondary);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sidebar-modern__nav{flex:1 1;overflow-y:auto;padding:4px 8px 8px}.sidebar-modern__section{margin-bottom:4px}.sidebar-modern__section-title{color:var(--v2-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding:12px 12px 6px;text-transform:uppercase}.sidebar-modern--collapsed .sidebar-modern__section-title{font-size:9px;padding:12px 0 6px;text-align:center}.sidebar-modern__divider{background:var(--v2-border-default);height:1px;margin:6px 12px}.sidebar-modern__menu{list-style:none;margin:0;padding:0}.sidebar-modern__menu li{margin-bottom:2px}.sidebar-modern__item{align-items:center;background:#0000;border:none;border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:8px 12px;position:relative;text-align:left;transition:background var(--v2-transition-fast),color var(--v2-transition-fast);width:100%}.sidebar-modern--collapsed .sidebar-modern__item{flex-direction:column;gap:5px;justify-content:center;padding:8px 4px;text-align:center}.sidebar-modern--collapsed .sidebar-modern__item-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:9.5px;font-weight:600;letter-spacing:.01em;line-height:1.15;overflow:hidden;text-align:center;width:100%}.sidebar-modern__item:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.sidebar-modern__item--active,[data-theme=dark] .sidebar-modern__item--active{background:var(--v2-primary-bg);color:var(--v2-primary)}.sidebar-modern__item-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-modern__item-icon .material-icons{font-size:18px}.sidebar-modern__item-label{color:inherit;font-size:13px;font-weight:500;line-height:1.3}.sidebar-modern__item--active .sidebar-modern__item-label{font-weight:600}.sidebar-modern__item-indicator{background:var(--v2-primary);border-radius:0 2px 2px 0;height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-modern--collapsed .sidebar-modern__item-indicator{display:none}.sidebar-modern__footer{border-top:1px solid var(--v2-border-default);display:flex;flex-direction:column;gap:4px;padding:8px}.sidebar-modern__signout,.sidebar-modern__toggle{align-items:center;background:#0000;border:none;border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;padding:8px 12px;text-align:left;transition:background var(--v2-transition-fast),color var(--v2-transition-fast);width:100%}.sidebar-modern--collapsed .sidebar-modern__signout,.sidebar-modern--collapsed .sidebar-modern__toggle{flex-direction:column;gap:4px;justify-content:center;padding:8px 4px}.sidebar-modern--collapsed .sidebar-modern__footer-label{font-size:9.5px;font-weight:600;line-height:1.1}.sidebar-modern__toggle:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.sidebar-modern__signout{color:#fca5a5}.sidebar-modern__signout:hover{background:#f8717126;color:#fecaca}.sidebar-modern__signout .material-icons,.sidebar-modern__toggle .material-icons{font-size:18px}.sidebar-modern__gradient{display:none}@media (max-width:1024px){.sidebar-modern{box-shadow:var(--v2-shadow-overlay);position:fixed}.sidebar-modern,.sidebar-modern--collapsed{transform:translateX(-100%);width:var(--sb-width)}.sidebar-modern--mobile-open{transform:translateX(0)!important}.sidebar-modern--mobile-open,.sidebar-modern--mobile-open.sidebar-modern--collapsed{width:var(--sb-width)!important}}body.sidebar-collapsed .dashboard-content,body.sidebar-collapsed .dashboard-footer,body.sidebar-collapsed .dashboard-header{margin-left:96px;max-width:calc(100% - 96px);width:calc(100% - 96px)}body.sidebar-expanded .dashboard-content,body.sidebar-expanded .dashboard-footer,body.sidebar-expanded .dashboard-header{margin-left:260px;max-width:calc(100% - 260px);width:calc(100% - 260px)}@media (max-width:1024px){body.sidebar-collapsed .dashboard-content,body.sidebar-collapsed .dashboard-footer,body.sidebar-collapsed .dashboard-header,body.sidebar-expanded .dashboard-content,body.sidebar-expanded .dashboard-footer,body.sidebar-expanded .dashboard-header{margin-left:0;max-width:100%;width:100%}}.sidebar-modern__nav::-webkit-scrollbar{width:4px}.sidebar-modern__nav::-webkit-scrollbar-track{background:#0000}.sidebar-modern__nav::-webkit-scrollbar-thumb{background:var(--v2-border-default);border-radius:2px}.sidebar-modern__nav::-webkit-scrollbar-thumb:hover{background:var(--v2-border-strong)}.user-profile{background:#181820f2;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;overflow:hidden}.user-profile__header{background:linear-gradient(135deg,#145a38,#0a0a0f);border-bottom:3px solid #f5c542;overflow:hidden;padding:32px;position:relative}.user-profile__header-bg{background:radial-gradient(circle,#f5c54226 0,#0000 70%);border-radius:50%;height:300px;position:absolute;right:0;top:0;transform:translate(40%,-40%);width:300px}.user-profile__header-content{position:relative;z-index:1}.user-profile__title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.user-profile__subtitle{color:#ffffffd9;font-size:1rem;margin:0}.user-profile__body{padding:24px}.user-profile__member-section{margin-bottom:24px}.user-profile__name-card{background:#1e1e28f2;border:2px solid #f5c542;border-radius:14px;box-shadow:0 4px 15px #f5c54226;margin-bottom:20px;padding:20px 24px}.user-profile__member-name{color:#f5c542;font-size:1.5rem;font-weight:700;margin:0 0 8px}.user-profile__school{align-items:center;color:#ffffffb3;display:flex;font-size:.95rem;gap:8px;margin:0}.user-profile__school .material-icons{font-size:18px}.user-profile__school strong{color:var(--v2-text-primary)}.user-profile__info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:20px}.user-profile__info-card{background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:14px;padding:20px}.user-profile__info-label{align-items:center;color:#fff9;display:flex;font-size:.8rem;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.user-profile__belt-badge{background:linear-gradient(135deg,#f5c542,#d4a855);border-radius:8px;color:#000;display:inline-block;font-size:.9rem;font-weight:700;padding:8px 16px}.user-profile__belt-note{align-items:flex-start;background:#f5c5421a;border:1px dashed #f5c54266;border-radius:8px;color:#f5c542;display:flex;font-size:.75rem;gap:6px;line-height:1.4;margin-top:12px;padding:8px 12px}.user-profile__belt-note .material-icons{flex-shrink:0;font-size:16px}.user-profile__sandang-badge{border:2px solid #0000001a;border-radius:8px;display:inline-block;font-size:.95rem;font-weight:700;padding:10px 20px}.user-profile__jawatan-list{display:flex;flex-wrap:wrap;gap:8px}.user-profile__jawatan-badge{border-radius:8px;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 14px}.user-profile__jawatan-badge--pertubuhan{background:#1e40af;color:#fff}.user-profile__jawatan-badge--persilatan{background:#059669;color:#fff}.user-profile__account{background:#1e1e28f2;border:2px solid #f5c542;border-radius:14px;padding:24px}.user-profile__account-title{align-items:center;color:#f5c542;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0 0 20px}.user-profile__account-title .material-icons{font-size:20px}.user-profile__account-grid{grid-gap:12px;display:grid;gap:12px}.user-profile__account-row{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px}.user-profile__account-row strong{color:#fff9;font-size:.9rem;font-weight:600}.user-profile__account-row span{color:#fff;font-size:.9rem;font-weight:600}.user-profile__role-badge{background:linear-gradient(135deg,#f5c542,#d4a855)!important;border-radius:20px;color:#000!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.5px;padding:6px 16px!important}.user-profile__branch-code{background:#1e7b4e33!important;border:1px solid #1e7b4e;border-radius:6px;color:#1e7b4e!important;font-family:monospace;font-weight:700!important;padding:4px 14px!important}@media (max-width:768px){.user-profile__header{padding:24px}.user-profile__title{font-size:1.4rem}.user-profile__info-grid{grid-template-columns:1fr}.user-profile__account-row{align-items:flex-start;flex-direction:column;gap:8px}}.dashboard-modern .user-profile__role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.dashboard-modern .user-profile__role-badge:contains("HQ_ADMIN"){background:linear-gradient(135deg,#f5c542,#d4a855);border:2px solid #f5c542;box-shadow:0 4px 12px #f5c5424d;color:#000}.dashboard-modern .user-profile__account-row .user-profile__role-badge{background:linear-gradient(135deg,#1e40af,#1e3a8a);border:2px solid #3b82f6;box-shadow:0 4px 12px #1e40af4d;color:#93c5fd}.dashboard-modern .user-profile__branch-code{background:#1e7b4e33;border:1px solid #1e7b4e;border-radius:8px;color:#1e7b4e;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:6px 12px}.dashboard-modern .user-profile__account-row:has(.user-profile__branch-code){background:#1e7b4e0d;border-left:3px solid #1e7b4e}.branch-form-modal{--bfm-bg-primary:var(--v2-bg-card);--bfm-bg-secondary:var(--v2-bg-muted);--bfm-bg-tertiary:var(--v2-bg-elevated);--bfm-bg-glass:var(--v2-bg-card);--bfm-bg-glass-hover:var(--v2-bg-elevated);--bfm-border:var(--v2-border-subtle);--bfm-border-glass:var(--v2-border-default);--bfm-border-focus:var(--v2-primary-border);--bfm-gold:var(--brand-gold);--bfm-gold-light:var(--brand-gold-bg);--bfm-gold-dark:var(--brand-gold-hover);--bfm-gold-glow:var(--v2-primary-bg);--bfm-error:var(--v2-danger);--bfm-text-primary:var(--v2-text-primary);--bfm-text-secondary:var(--v2-text-secondary);--bfm-text-muted:var(--v2-text-muted);--bfm-shadow-md:var(--v2-shadow-overlay);--bfm-shadow-gold:none;--bfm-radius:var(--v2-radius-lg);--bfm-radius-sm:var(--v2-radius-md);--bfm-radius-lg:var(--v2-radius-xl);--bfm-blur:none;background:var(--bfm-bg-primary)!important;border:1px solid var(--bfm-border-glass)!important;border-radius:var(--bfm-radius-lg)!important;box-shadow:var(--bfm-shadow-md)!important;color:var(--bfm-text-primary)!important;max-height:90vh!important;max-width:640px!important;overflow:hidden!important;width:100%!important}.branch-form-modal .modal-modern__inner{display:flex!important;flex-direction:column!important;height:100%!important;padding:0!important}.branch-form-modal__header{align-items:center;background:linear-gradient(135deg,#d4af3708 0,var(--bfm-bg-primary) 100%);border-bottom:1px solid var(--bfm-border-glass);display:flex;justify-content:space-between;padding:28px 28px 24px}.branch-form-modal__header-content{align-items:center;display:flex;gap:18px}.branch-form-modal__header-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#d4af370d);border:2px solid #d4af3766;border-radius:14px;box-shadow:0 8px 32px #d4af3726;color:var(--bfm-gold);display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.branch-form-modal__header-text{display:flex;flex-direction:column;gap:6px}.branch-form-modal__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--bfm-text-primary) 0,var(--bfm-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--bfm-text-primary);font-size:1.5rem;font-weight:800;letter-spacing:.02em;margin:0}.branch-form-modal__subtitle{color:var(--bfm-text-muted);font-size:.9rem;font-weight:400;margin:0}.branch-form-modal__close-btn{align-items:center;-webkit-backdrop-filter:var(--bfm-blur);backdrop-filter:var(--bfm-blur);background:var(--bfm-bg-glass);border:1px solid var(--bfm-border-glass);border-radius:var(--bfm-radius-sm);color:var(--bfm-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.branch-form-modal__close-btn:hover{background:var(--bfm-bg-glass-hover);border-color:var(--bfm-border-focus);color:var(--bfm-text-primary);transform:rotate(90deg)}.branch-form-modal__form{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:0 28px 28px}.branch-form-modal__field{display:flex;flex-direction:column;gap:10px}.branch-form-modal__label{color:var(--bfm-text-secondary);font-size:.9rem;font-weight:600;margin-bottom:4px}.branch-form-modal__label .required{color:var(--bfm-error);margin-left:3px}.branch-form-modal__input{-webkit-backdrop-filter:var(--bfm-blur);backdrop-filter:var(--bfm-blur);background:var(--bfm-bg-glass);border:1px solid var(--bfm-border-glass);border-radius:var(--bfm-radius-sm);color:var(--bfm-text-primary);font-size:1rem;outline:none;padding:14px 18px;transition:all .3s ease}.branch-form-modal__input:focus{background:var(--bfm-bg-glass-hover);border-color:var(--bfm-border-focus);box-shadow:0 0 0 3px #d4af371a}.branch-form-modal__input.error{border-color:var(--bfm-error);box-shadow:0 0 0 3px #ef44441a}.branch-form-modal__input::placeholder{color:var(--bfm-text-muted)}.branch-form-modal__input:disabled{background:#ffffff05;cursor:not-allowed;opacity:.5}.branch-form-modal__radio-group{display:flex;flex-direction:column;gap:12px}.branch-form-modal__radio-option{align-items:flex-start;-webkit-backdrop-filter:var(--bfm-blur);backdrop-filter:var(--bfm-blur);background:var(--bfm-bg-glass);border:2px solid var(--bfm-border-glass);border-radius:var(--bfm-radius-sm);cursor:pointer;display:flex;gap:14px;padding:18px;transition:all .3s ease}.branch-form-modal__radio-option:hover{background:var(--bfm-bg-glass-hover);border-color:#d4af374d}.branch-form-modal__radio-option input[type=radio]{accent-color:var(--bfm-gold);cursor:pointer;height:20px;margin-top:2px;width:20px}.branch-form-modal__radio-option input[type=radio]:checked~.branch-form-modal__radio-label{color:var(--bfm-text-primary)}.branch-form-modal__radio-option:has(input[type=radio]:checked){background:linear-gradient(135deg,#d4af3726,#d4af370d);border-color:var(--bfm-gold);box-shadow:0 0 0 3px #d4af371a}.branch-form-modal__radio-label{display:flex;flex:1 1;flex-direction:column;gap:4px}.branch-form-modal__radio-title{color:var(--bfm-text-primary);font-size:1rem;font-weight:700;letter-spacing:.02em}.branch-form-modal__radio-desc{color:var(--bfm-text-muted);font-size:.85rem;line-height:1.4}.branch-form-modal__radio-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.branch-form-modal__radio-option:has(input[type=radio]:disabled){cursor:not-allowed;opacity:.6}.branch-form-modal__divider{background:linear-gradient(90deg,#0000 0,var(--bfm-border-glass) 50%,#0000 100%);height:1px;margin:8px 0}.branch-form-modal__section-title{color:var(--bfm-gold);font-size:.9rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.branch-form-modal__actions{border-top:1px solid var(--bfm-border-glass);display:flex;gap:14px;justify-content:flex-end;margin-top:auto;padding-top:24px}.branch-form-modal__btn{align-items:center;border-radius:var(--bfm-radius-sm);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.02em;min-width:140px;outline:none;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.branch-form-modal__btn--secondary{-webkit-backdrop-filter:var(--bfm-blur);backdrop-filter:var(--bfm-blur);background:var(--bfm-bg-glass);border:1px solid var(--bfm-border-glass);color:var(--bfm-text-secondary)}.branch-form-modal__btn--secondary:hover{background:var(--bfm-bg-glass-hover);border-color:var(--bfm-border-focus);color:var(--bfm-text-primary);transform:translateY(-2px)}.branch-form-modal__btn--primary{background:linear-gradient(135deg,var(--bfm-gold) 0,var(--bfm-gold-dark) 100%);border:1px solid var(--bfm-gold);box-shadow:var(--bfm-shadow-gold);color:var(--bfm-bg-primary);font-weight:800}.branch-form-modal__btn--primary:before{background:linear-gradient(135deg,var(--bfm-gold-light) 0,var(--bfm-gold) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.branch-form-modal__btn--primary:hover{box-shadow:0 12px 40px #d4af374d;transform:translateY(-2px)}.branch-form-modal__btn--primary:hover:before{opacity:1}.branch-form-modal__btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.branch-form-modal__btn .material-icons,.branch-form-modal__btn span:not(.material-icons){position:relative;z-index:1}@media (max-width:768px){.branch-form-modal{margin:20px!important;max-width:95vw!important}.branch-form-modal__header{padding:20px 20px 16px}.branch-form-modal__form{gap:20px;padding:0 20px 20px}.branch-form-modal__actions{flex-direction:column-reverse}.branch-form-modal__btn{width:100%}}@media (max-width:480px){.branch-form-modal__header-content{gap:12px}.branch-form-modal__header-icon{font-size:24px;height:48px;width:48px}.branch-form-modal__title{font-size:1.25rem}}.branch-form-modal{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-subtle)!important;border-radius:var(--v2-radius-xl)!important;box-shadow:var(--v2-shadow-overlay)!important;color:var(--v2-text-primary)!important}.branch-form-modal__header{background:var(--v2-bg-card);border-bottom:1px solid var(--v2-border-subtle)}.branch-form-modal__header-icon{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-lg);box-shadow:none;color:var(--v2-primary)}.branch-form-modal__title{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0}.branch-form-modal__label,.branch-form-modal__radio-desc,.branch-form-modal__subtitle{color:var(--v2-text-muted)}.branch-form-modal__btn,.branch-form-modal__close-btn,.branch-form-modal__input,.branch-form-modal__radio-option{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-primary);min-height:44px}.branch-form-modal__btn--secondary:hover,.branch-form-modal__close-btn:hover,.branch-form-modal__radio-option:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary);transform:none}.branch-form-modal__input:focus{background:var(--v2-bg-card);border-color:var(--v2-primary);box-shadow:0 0 0 3px var(--v2-primary-bg)}.branch-form-modal__input.error{border-color:var(--v2-danger);box-shadow:0 0 0 3px var(--v2-danger-bg)}.branch-form-modal__input::placeholder{color:var(--v2-text-placeholder)}.branch-form-modal__radio-option input[type=radio]{accent-color:var(--v2-primary)}.branch-form-modal__radio-option:has(input:checked){background:var(--v2-primary-bg);border-color:var(--v2-primary-border);box-shadow:none}.branch-form-modal__radio-title,.branch-form-modal__section-title{color:var(--v2-text-primary);letter-spacing:0}.branch-form-modal__actions,.branch-form-modal__divider{border-color:var(--v2-border-subtle)}.branch-form-modal__btn{letter-spacing:0}.branch-form-modal__btn--primary{background:var(--v2-primary);border-color:var(--v2-primary);color:#fff}.branch-form-modal__btn--primary:before{display:none}.branch-form-modal__btn--primary:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none;transform:translateY(-1px)}@media (max-width:768px){.branch-form-modal{margin:1rem!important}}.admin-form-modal{--afm-bg-primary:#0f0f14;--afm-bg-secondary:#1a1a24;--afm-bg-tertiary:#252532;--afm-bg-glass:#ffffff08;--afm-bg-glass-hover:#ffffff0f;--afm-border:#ffffff14;--afm-border-glass:#ffffff1f;--afm-border-focus:#d4af3766;--afm-gold:#d4af37;--afm-gold-light:#f4e5b8;--afm-gold-dark:#b8941f;--afm-gold-glow:#d4af3726;--afm-blue:#3b82f6;--afm-error:#ef4444;--afm-text-primary:#fff;--afm-text-secondary:#ffffffbf;--afm-text-muted:#ffffff73;--afm-shadow:0 4px 20px #0000004d;--afm-shadow-md:0 8px 32px #0000004d;--afm-shadow-gold:0 8px 32px #d4af3726;--afm-radius:12px;--afm-radius-sm:8px;--afm-radius-lg:16px;--afm-blur:blur(20px);background:var(--afm-bg-primary)!important;border:1px solid var(--afm-border-glass)!important;border-radius:var(--afm-radius-lg)!important;box-shadow:var(--afm-shadow-md)!important;color:var(--afm-text-primary)!important;max-height:90vh!important;max-width:560px!important;overflow:hidden!important;width:100%!important}.admin-form-modal .modal-modern__inner{display:flex!important;flex-direction:column!important;height:100%!important;padding:0!important}.admin-form-modal__header{align-items:center;background:linear-gradient(135deg,#d4af3708 0,var(--afm-bg-primary) 100%);border-bottom:1px solid var(--afm-border-glass);display:flex;justify-content:space-between;padding:28px 28px 24px}.admin-form-modal__header-content{align-items:center;display:flex;gap:18px}.admin-form-modal__header-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#d4af370d);border:2px solid #d4af3766;border-radius:14px;box-shadow:0 8px 32px #d4af3726;color:var(--afm-gold);display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.admin-form-modal__header-text{display:flex;flex-direction:column;gap:6px}.admin-form-modal__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--afm-text-primary) 0,var(--afm-text-secondary) 100%);-webkit-background-clip:text;color:var(--afm-text-primary);font-size:1.5rem;font-weight:800;letter-spacing:.02em;margin:0}.admin-form-modal__subtitle{color:var(--afm-text-muted);font-size:.9rem;font-weight:400;margin:0}.admin-form-modal__close-btn{align-items:center;-webkit-backdrop-filter:var(--afm-blur);backdrop-filter:var(--afm-blur);background:var(--afm-bg-glass);border:1px solid var(--afm-border-glass);border-radius:var(--afm-radius-sm);color:var(--afm-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.admin-form-modal__close-btn:hover{background:var(--afm-bg-glass-hover);border-color:var(--afm-border-focus);color:var(--afm-text-primary);transform:rotate(90deg)}.admin-form-modal__form{display:flex;flex:1 1;flex-direction:column;gap:28px;overflow-y:auto;padding:0 28px 28px}.admin-form-modal__section{display:flex;flex-direction:column;gap:18px}.admin-form-modal__section-header{align-items:center;color:var(--afm-gold);display:flex;font-size:.875rem;font-weight:700;gap:10px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.admin-form-modal__section-header .material-icons{color:var(--afm-gold);font-size:20px}.admin-form-modal__field{display:flex;flex-direction:column;gap:10px}.admin-form-modal__label{color:var(--afm-text-secondary);font-size:.9rem;font-weight:600;margin-bottom:4px}.admin-form-modal__label .required{color:var(--afm-error);margin-left:3px}.admin-form-modal__input{-webkit-backdrop-filter:var(--afm-blur);backdrop-filter:var(--afm-blur);background:var(--afm-bg-glass);border:1px solid var(--afm-border-glass);border-radius:var(--afm-radius-sm);color:var(--afm-text-primary);font-size:1rem;outline:none;padding:14px 18px;transition:all .3s ease}.admin-form-modal__input:focus{background:var(--afm-bg-glass-hover);border-color:var(--afm-border-focus);box-shadow:0 0 0 3px #d4af371a}.admin-form-modal__input.error{border-color:var(--afm-error);box-shadow:0 0 0 3px #ef44441a}.admin-form-modal__input::placeholder{color:var(--afm-text-muted)}.admin-form-modal__input:disabled{background:#ffffff05;cursor:not-allowed;opacity:.5}.admin-form-modal__select{-webkit-backdrop-filter:var(--afm-blur);backdrop-filter:var(--afm-blur);background:var(--afm-bg-glass);border:1px solid var(--afm-border-glass);border-radius:var(--afm-radius-sm);color:var(--afm-text-primary);cursor:pointer;font-size:1rem;outline:none;padding:14px 18px;transition:all .3s ease}.admin-form-modal__select:focus{background:var(--afm-bg-glass-hover);border-color:var(--afm-border-focus);box-shadow:0 0 0 3px #d4af371a}.admin-form-modal__select option{background:var(--afm-bg-secondary);color:var(--afm-text-primary)}.admin-form-modal__error{color:var(--afm-error);font-size:.8rem;font-weight:500;margin-top:4px}.admin-form-modal__password-container{position:relative}.admin-form-modal__password-toggle{align-items:center;-webkit-backdrop-filter:var(--afm-blur);backdrop-filter:var(--afm-blur);background:var(--afm-bg-glass);border:1px solid var(--afm-border-glass);border-radius:6px;color:var(--afm-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .3s ease}.admin-form-modal__password-toggle:hover{background:var(--afm-bg-glass-hover);border-color:var(--afm-border-focus);color:var(--afm-text-primary)}.admin-form-modal__password-toggle .material-icons{font-size:18px}.admin-form-modal__info-box{-webkit-backdrop-filter:var(--afm-blur);backdrop-filter:var(--afm-blur);background:linear-gradient(135deg,#3b82f614,#3b82f608);border:1px solid #3b82f633;border-radius:var(--afm-radius-sm);margin:8px 0;padding:16px 18px}.admin-form-modal__info-text{align-items:center;color:#93c5fd;display:flex;font-size:.875rem;font-weight:500;gap:10px;margin:0}.admin-form-modal__info-text .material-icons{font-size:18px}.admin-form-modal__actions{border-top:1px solid var(--afm-border-glass);display:flex;gap:14px;justify-content:flex-end;margin-top:auto;padding-top:24px}.admin-form-modal__btn{align-items:center;border-radius:var(--afm-radius-sm);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.02em;min-width:140px;outline:none;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.admin-form-modal__btn--secondary{-webkit-backdrop-filter:var(--afm-blur);backdrop-filter:var(--afm-blur);background:var(--afm-bg-glass);border:1px solid var(--afm-border-glass);color:var(--afm-text-secondary)}.admin-form-modal__btn--secondary:hover{background:var(--afm-bg-glass-hover);border-color:var(--afm-border-focus);color:var(--afm-text-primary);transform:translateY(-2px)}.admin-form-modal__btn--primary{background:linear-gradient(135deg,var(--afm-gold) 0,var(--afm-gold-dark) 100%);border:1px solid var(--afm-gold);box-shadow:var(--afm-shadow-gold);color:var(--afm-bg-primary);font-weight:800}.admin-form-modal__btn--primary:before{background:linear-gradient(135deg,var(--afm-gold-light) 0,var(--afm-gold) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.admin-form-modal__btn--primary:hover{box-shadow:0 12px 40px #d4af374d;transform:translateY(-2px)}.admin-form-modal__btn--primary:hover:before{opacity:1}.admin-form-modal__btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.admin-form-modal__btn .spinning{animation:spin 1s linear infinite}.admin-form-modal__btn .material-icons,.admin-form-modal__btn span:not(.material-icons){position:relative;z-index:1}@media (max-width:768px){.admin-form-modal{margin:20px!important;max-width:95vw!important}.admin-form-modal__header{padding:20px 16px 16px}.admin-form-modal__form{gap:20px;padding:0 16px 20px}.admin-form-modal__actions{flex-direction:column-reverse}.admin-form-modal__btn{width:100%}}@media (max-width:480px){.admin-form-modal__header-content{gap:12px}.admin-form-modal__header-icon{font-size:20px;height:40px;width:40px}.admin-form-modal__title{font-size:1.1rem}}.admin-form-modal{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-subtle)!important;border-radius:var(--v2-radius-xl)!important;box-shadow:var(--v2-shadow-overlay)!important;color:var(--v2-text-primary)!important}.admin-form-modal__header{background:var(--v2-bg-card)!important;border-bottom:1px solid var(--v2-border-subtle)!important}.admin-form-modal__header-icon{background:var(--v2-primary-bg)!important;border:1px solid var(--v2-primary-border)!important;border-radius:var(--v2-radius-lg)!important;box-shadow:none!important;color:var(--v2-primary)!important}.admin-form-modal__title{-webkit-text-fill-color:currentColor!important;background:none!important;-webkit-background-clip:initial!important;color:var(--v2-text-primary)!important;letter-spacing:0!important}.admin-form-modal__label,.admin-form-modal__subtitle{color:var(--v2-text-secondary)!important}.admin-form-modal__section-header,.admin-form-modal__section-header .material-icons{color:var(--v2-primary)!important;letter-spacing:.02em!important}.admin-form-modal__close-btn,.admin-form-modal__password-toggle{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;color:var(--v2-text-secondary)!important}.admin-form-modal__close-btn:hover,.admin-form-modal__password-toggle:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.admin-form-modal__input,.admin-form-modal__select{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;box-shadow:none!important;color:var(--v2-text-primary)!important;min-height:44px!important}.admin-form-modal__input:focus,.admin-form-modal__select:focus{background:var(--v2-bg-card)!important;border-color:var(--v2-primary)!important;box-shadow:0 0 0 3px var(--v2-primary-bg)!important}.admin-form-modal__input::placeholder{color:var(--v2-text-muted)!important}.admin-form-modal__input.error,.admin-form-modal__select.error{border-color:var(--v2-danger)!important;box-shadow:0 0 0 3px var(--v2-danger-bg)!important}.admin-form-modal__select option{background:var(--v2-bg-card)!important;color:var(--v2-text-primary)!important}.admin-form-modal__error,.admin-form-modal__label .required{color:var(--v2-danger)!important}.admin-form-modal__info-box{background:var(--v2-primary-bg)!important;border:1px solid var(--v2-primary-border)!important;border-radius:var(--v2-radius-lg)!important}.admin-form-modal__info-text{color:var(--v2-text-secondary)!important}.admin-form-modal__actions{border-top:1px solid var(--v2-border-subtle)!important}.admin-form-modal__btn{border-radius:var(--v2-radius-md)!important;letter-spacing:0!important;min-height:44px!important}.admin-form-modal__btn--secondary{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;color:var(--v2-text-secondary)!important}.admin-form-modal__btn--secondary:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.admin-form-modal__btn--primary{background:var(--v2-primary)!important;border:1px solid var(--v2-primary)!important;box-shadow:none!important;color:#fff!important}.admin-form-modal__btn--primary:before{display:none!important}.admin-form-modal__btn--primary:hover{background:var(--v2-primary-hover)!important;border-color:var(--v2-primary-hover)!important;box-shadow:none!important;transform:translateY(-1px)!important}.branch-management{--bm-bg-primary:var(--v2-bg-app);--bm-bg-secondary:var(--v2-bg-card);--bm-bg-tertiary:var(--v2-bg-muted);--bm-bg-glass:var(--v2-bg-card);--bm-bg-glass-hover:var(--v2-bg-elevated);--bm-border:var(--v2-border-subtle);--bm-border-glass:var(--v2-border-default);--bm-border-focus:var(--v2-primary-border);--bm-gold:var(--brand-gold);--bm-gold-light:var(--brand-gold-bg);--bm-gold-dark:var(--brand-gold-hover);--bm-gold-glow:var(--v2-primary-bg);--bm-green:var(--v2-success);--bm-green-glow:var(--v2-success-bg);--bm-blue:var(--v2-info);--bm-red:var(--v2-danger);--bm-red-glow:var(--v2-danger-bg);--bm-text-primary:var(--v2-text-primary);--bm-text-secondary:var(--v2-text-secondary);--bm-text-muted:var(--v2-text-muted);--bm-shadow-sm:var(--v2-shadow-xs);--bm-shadow-md:var(--v2-shadow-sm);--bm-shadow-lg:var(--v2-shadow-md);--bm-shadow-gold:none;--bm-radius:var(--v2-radius-lg);--bm-radius-sm:var(--v2-radius-md);--bm-radius-lg:var(--v2-radius-xl);--bm-transition:all var(--v2-transition-fast);--bm-blur:none;animation:fadeIn .8s cubic-bezier(.4,0,.2,1);color:var(--bm-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:0;position:relative}.branch-management:before{background:radial-gradient(circle at 20% 20%,#d4af3708 0,#0000 50%),radial-gradient(circle at 80% 80%,#10b98105 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.branch-management>*{position:relative;z-index:1}.bm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:40px}.bm-header__title-group{display:flex;flex-direction:column;gap:8px}.bm-header__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--bm-gold) 0,var(--bm-gold-light) 50%,var(--bm-text-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0;text-shadow:0 0 40px var(--bm-gold-glow)}.bm-header__subtitle{color:var(--bm-text-secondary);font-size:1.05rem;font-weight:400;letter-spacing:.01em;margin:0}.bm-header__actions{align-items:center;display:flex;gap:16px}.bm-view-toggle{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-sm);box-shadow:var(--bm-shadow-sm);display:flex;padding:6px}.bm-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--bm-text-muted);cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:10px 14px;position:relative;transition:var(--bm-transition)}.bm-view-btn:before{background:linear-gradient(135deg,var(--bm-gold) 0,var(--bm-gold-dark) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.bm-view-btn:hover{color:var(--bm-text-primary);transform:translateY(-1px)}.bm-view-btn.active{color:var(--bm-bg-primary);font-weight:700}.bm-view-btn.active:before{opacity:1}.bm-view-btn .material-icons{font-size:20px;position:relative;z-index:1}.bm-btn-primary{align-items:center;background:linear-gradient(135deg,var(--bm-gold) 0,var(--bm-gold-dark) 100%);border:none;border-radius:var(--bm-radius-sm);box-shadow:var(--bm-shadow-gold);color:var(--bm-bg-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:800;gap:10px;letter-spacing:.03em;min-height:52px;overflow:hidden;padding:16px 28px;position:relative;transition:var(--bm-transition)}.bm-btn-primary:before{background:linear-gradient(135deg,var(--bm-gold-light) 0,var(--bm-gold) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.bm-btn-primary:hover{box-shadow:0 12px 40px #d4af374d;transform:translateY(-3px)}.bm-btn-primary:hover:before{opacity:1}.bm-btn-primary:active{transform:translateY(-1px)}.bm-btn-primary .material-icons{font-size:22px;position:relative;z-index:1}.bm-btn-primary span:not(.material-icons){position:relative;z-index:1}.bm-bento-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}.bm-stat-card{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-md);cursor:pointer;padding:40px 36px;position:relative;transition:var(--bm-transition)}.bm-stat-card:before{background:linear-gradient(90deg,#0000 0,var(--bm-gold) 50%,#0000 100%);height:2px;left:0;right:0;top:0}.bm-stat-card:after,.bm-stat-card:before{content:"";opacity:0;position:absolute;transition:opacity .4s ease}.bm-stat-card:after{background:linear-gradient(135deg,var(--bm-gold-glow) 0,#0000 60%);border-radius:var(--bm-radius-lg);filter:blur(20px);inset:-2px;z-index:-1}.bm-stat-card:hover{border-color:#d4af3766;box-shadow:var(--bm-shadow-lg),var(--bm-shadow-gold);transform:translateY(-8px) scale(1.02)}.bm-stat-card:hover:after,.bm-stat-card:hover:before{opacity:1}.bm-stat-card--total{background:linear-gradient(135deg,#d4af3714 0,var(--bm-bg-glass) 100%);border-color:#d4af3726}.bm-stat-card--total:after{background:radial-gradient(circle at top right,var(--bm-gold-glow) 0,#0000 70%)}.bm-stat-card--total:hover{border-color:#d4af3780;box-shadow:var(--bm-shadow-lg),0 16px 64px #d4af3740}.bm-stat-card--active{background:linear-gradient(135deg,#10b98114 0,var(--bm-bg-glass) 100%);border-color:#10b98126}.bm-stat-card--active:after{background:radial-gradient(circle at top right,var(--bm-green-glow) 0,#0000 70%)}.bm-stat-card--active:hover{border-color:#10b98180;box-shadow:var(--bm-shadow-lg),0 16px 64px #10b98133}.bm-stat-card__icon{color:var(--bm-gold);filter:drop-shadow(0 0 30px var(--bm-gold-glow));font-size:8rem;opacity:.04;position:absolute;right:-30px;top:-30px;transform:rotate(15deg);transition:var(--bm-transition)}.bm-stat-card:hover .bm-stat-card__icon{filter:drop-shadow(0 0 40px var(--bm-gold-glow));opacity:.1;transform:rotate(15deg) scale(1.15)}.bm-stat-card__value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--bm-gold) 0,var(--bm-gold-light) 50%,var(--bm-text-primary) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px var(--bm-gold-glow));font-size:4.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:16px;position:relative;z-index:2}.bm-stat-card__label{color:var(--bm-text-secondary);font-size:1.05rem;font-weight:700;letter-spacing:.1em;position:relative;text-transform:uppercase;z-index:2}.bm-table-container{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-md);overflow:hidden}.bm-table{border-collapse:collapse;font-size:.95rem;width:100%}.bm-table th{background:linear-gradient(135deg,#0000004d,#00000026);border-bottom:1px solid var(--bm-border-glass);color:var(--bm-text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.08em;padding:24px 28px;position:relative;text-align:left;text-transform:uppercase}.bm-table th:after{background:linear-gradient(90deg,#0000 0,var(--bm-gold) 50%,#0000 100%);bottom:0;content:"";height:1px;left:0;opacity:.4;position:absolute;right:0}.bm-table td{border-bottom:1px solid #ffffff08;color:var(--bm-text-primary);padding:24px 28px;transition:background-color .3s ease;vertical-align:middle}.bm-table tr:last-child td{border-bottom:none}.bm-table tr:hover td{background:linear-gradient(90deg,#d4af370d,#0000)}.bm-code-badge{background:var(--v2-surface-subtle);border:1px solid var(--v2-border-default);border-radius:var(--bm-radius-sm);color:var(--v2-text-primary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:.875rem}.bm-code-badge,.bm-status-badge{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);font-weight:700;letter-spacing:.05em;padding:8px 14px}.bm-status-badge{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:.75rem;gap:6px;transition:var(--bm-transition)}.bm-status-badge--active{background:linear-gradient(135deg,#10b98133,#10b98114);border-color:#10b98166;box-shadow:0 4px 16px var(--bm-green-glow);color:#34d399}.bm-status-badge--inactive{background:linear-gradient(135deg,#ef444433,#ef444414);border-color:#ef444466;box-shadow:0 4px 16px var(--bm-red-glow);color:#f87171}.bm-type-badge{align-items:center;-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:8px 14px;transition:var(--bm-transition)}.bm-type-badge--cawangan{background:linear-gradient(135deg,#3b82f633,#3b82f614);border-color:#3b82f666;box-shadow:0 4px 16px #3b82f626;color:#60a5fa}.bm-type-badge--zon{background:linear-gradient(135deg,#a855f733,#a855f714);border-color:#a855f766;box-shadow:0 4px 16px #a855f726;color:#c084fc}.bm-action-btn{align-items:center;-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-sm);color:var(--bm-text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:var(--bm-transition);width:40px}.bm-action-btn:before{background:linear-gradient(135deg,var(--bm-gold) 0,var(--bm-gold-dark) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.bm-action-btn:hover{border-color:var(--bm-gold);box-shadow:var(--bm-shadow-gold);color:var(--bm-bg-primary);transform:translateY(-2px)}.bm-action-btn:hover:before{opacity:1}.bm-action-btn--delete:before{background:linear-gradient(135deg,var(--bm-red) 0,#dc2626 100%)}.bm-action-btn--delete:hover{border-color:var(--bm-red);box-shadow:0 8px 32px var(--bm-red-glow)}.bm-action-btn--activate:before{background:linear-gradient(135deg,var(--bm-green) 0,#059669 100%)}.bm-action-btn--activate:hover{border-color:var(--bm-green);box-shadow:0 8px 32px var(--bm-green-glow)}.bm-action-btn--assign:before,.bm-branch-card__action-btn--assign:before{background:linear-gradient(135deg,var(--bm-blue) 0,var(--v2-primary) 100%)}.bm-action-btn--assign:hover,.bm-branch-card__action-btn--assign:hover{border-color:var(--bm-blue);box-shadow:0 8px 32px var(--v2-primary-bg)}.bm-action-btn .material-icons{position:relative;z-index:1}.bm-content-container{animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.bm-empty-state,.bm-loading-state{padding:80px 20px;text-align:center}.bm-empty-state{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);color:var(--bm-text-secondary)}.bm-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.bm-empty-title{color:var(--bm-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:12px}.bm-empty-text{font-size:1rem;margin:0}.bm-cards-container{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.bm-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:40px}.bm-branch-card{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-md);position:relative;transition:var(--bm-transition)}.bm-branch-card:before{background:linear-gradient(90deg,#0000 0,var(--bm-gold) 50%,#0000 100%);height:2px;left:0;right:0;top:0;z-index:3}.bm-branch-card:after,.bm-branch-card:before{content:"";opacity:0;position:absolute;transition:opacity .4s ease}.bm-branch-card:after{background:radial-gradient(circle at top,var(--bm-gold-glow) 0,#0000 70%);border-radius:var(--bm-radius-lg);filter:blur(30px);inset:-2px;z-index:-1}.bm-branch-card:hover{border-color:#d4af374d;box-shadow:var(--bm-shadow-lg),var(--bm-shadow-gold);transform:translateY(-8px) scale(1.01)}.bm-branch-card:hover:after,.bm-branch-card:hover:before{opacity:1}.bm-branch-card__header{background:linear-gradient(135deg,#d4af3708,#0000);justify-content:space-between;padding:32px 32px 20px}.bm-branch-card__avatar,.bm-branch-card__header{align-items:center;display:flex;position:relative}.bm-branch-card__avatar{background:linear-gradient(135deg,#d4af3733,#d4af370d);border:2px solid #d4af3766;border-radius:50%;box-shadow:0 8px 32px #d4af3726;color:var(--bm-gold);font-size:32px;height:72px;justify-content:center;transition:var(--bm-transition);width:72px}.bm-branch-card__avatar:before{background:radial-gradient(circle,var(--bm-gold-glow) 0,#0000 70%);border-radius:50%;content:"";filter:blur(15px);inset:-4px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.bm-branch-card:hover .bm-branch-card__avatar{border-color:var(--bm-gold);box-shadow:0 12px 48px #d4af374d;transform:scale(1.1) rotate(5deg)}.bm-branch-card:hover .bm-branch-card__avatar:before{opacity:1}.bm-branch-card__role-badge{position:absolute;right:24px;top:24px}.bm-branch-card__body{padding:0 32px 28px}.bm-branch-card__name-section{margin-bottom:28px;text-align:left}.bm-branch-card__name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--bm-text-primary) 0,var(--bm-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:.02em;line-height:1.2;margin:0 0 12px;text-transform:uppercase}.bm-branch-card__location{color:var(--bm-text-secondary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:1rem;font-weight:500;letter-spacing:.01em;margin:0}.bm-branch-card__info-section{grid-gap:20px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:var(--bm-radius-sm);display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;padding:20px}.bm-branch-card__info-item{display:flex;flex-direction:column;gap:10px}.bm-branch-card__info-label{color:var(--bm-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.bm-branch-card__info-value{color:var(--bm-text-primary);font-size:.95rem;font-weight:600}.bm-branch-card__actions{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0000004d,#00000026);border-top:1px solid var(--bm-border-glass);display:flex;justify-content:space-between;padding:24px 32px}.bm-branch-card__actions-label{color:var(--bm-text-primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.bm-branch-card__actions-buttons{display:flex;gap:12px}.bm-branch-card__action-btn{align-items:center;-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-sm);color:var(--bm-text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:var(--bm-transition);width:48px}.bm-branch-card__action-btn:before{background:linear-gradient(135deg,var(--bm-gold) 0,var(--bm-gold-dark) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.bm-branch-card__action-btn:hover{border-color:var(--bm-border-focus);box-shadow:var(--bm-shadow-md);color:var(--bm-text-primary);transform:translateY(-3px)}.bm-branch-card__action-btn--edit:hover{border-color:var(--bm-gold);box-shadow:var(--bm-shadow-gold);color:var(--bm-bg-primary)}.bm-branch-card__action-btn--edit:hover:before{opacity:1}.bm-branch-card__action-btn--delete:before{background:linear-gradient(135deg,var(--bm-red) 0,#dc2626 100%)}.bm-branch-card__action-btn--delete:hover{border-color:var(--bm-red);box-shadow:0 8px 32px var(--bm-red-glow);color:var(--bm-bg-primary)}.bm-branch-card__action-btn--delete:hover:before{opacity:1}.bm-branch-card__action-btn--activate:before{background:linear-gradient(135deg,var(--bm-green) 0,#059669 100%)}.bm-branch-card__action-btn--activate:hover{border-color:var(--bm-green);box-shadow:0 8px 32px var(--bm-green-glow);color:var(--bm-bg-primary)}.bm-branch-card__action-btn--activate:hover:before{opacity:1}.bm-branch-card__action-btn .material-icons{font-size:20px;position:relative;z-index:1}.bm-pagination-container{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-md);display:flex;justify-content:center;margin-top:8px;padding:24px}@media (max-width:1024px) and (min-width:769px){.bm-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.bm-table{min-width:900px}}@media (max-width:768px){.bm-bento-grid{gap:20px;grid-template-columns:1fr;margin-bottom:36px}.bm-stat-card{padding:32px 24px}.bm-stat-card__value{font-size:3.5rem}.bm-stat-card__icon{font-size:6rem;right:-20px;top:-20px}.bm-header{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:32px}.bm-header__title{font-size:2rem}.bm-header__subtitle{font-size:.95rem}.bm-header__actions{justify-content:space-between;width:100%}.bm-btn-primary{flex:1 1;justify-content:center;padding:16px 24px}.bm-cards-grid{gap:24px;grid-template-columns:1fr}.bm-branch-card__header{padding:24px 24px 16px}.bm-branch-card__avatar{font-size:28px;height:64px;width:64px}.bm-branch-card__body{padding:0 24px 20px}.bm-branch-card__name{font-size:1.5rem}.bm-branch-card__info-section{gap:16px;grid-template-columns:1fr;padding:16px}.bm-branch-card__actions{padding:20px 24px}.bm-branch-card__actions-buttons{gap:10px}.bm-branch-card__action-btn{height:44px;width:44px}.bm-table thead{display:none}.bm-table,.bm-table tbody,.bm-table td,.bm-table tr{display:block;width:100%}.bm-table tr{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-sm);margin-bottom:20px;padding:20px}.bm-table td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0;text-align:right}.bm-table td:last-child{border-bottom:none;gap:12px;justify-content:flex-end;padding-top:16px}.bm-table td:before{color:var(--bm-text-secondary);content:attr(data-label);flex-shrink:0;font-size:.875rem;font-weight:700;letter-spacing:.08em;margin-right:16px;text-transform:uppercase}.hide-mobile{display:none!important}}.branch-management{animation:none;color:var(--v2-text-primary)}.bm-action-btn:before,.bm-branch-card:after,.bm-branch-card:before,.bm-branch-card__action-btn:before,.bm-btn-primary:before,.bm-stat-card:after,.bm-stat-card:before,.bm-view-btn:before,.branch-management:before{display:none}.bm-header{margin-bottom:1.5rem}.bm-header__title{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0;text-shadow:none}.bm-branch-card__info-label,.bm-branch-card__location,.bm-empty-text,.bm-header__subtitle,.bm-members-modal__subtitle{color:var(--v2-text-muted);letter-spacing:0}.bm-branch-card,.bm-branch-card__info-item,.bm-content-container,.bm-empty-state,.bm-members-modal,.bm-members-pagination,.bm-members-table-container,.bm-stat-card,.bm-table-container,.bm-view-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.bm-view-toggle{gap:4px;padding:4px}.bm-view-btn{border-radius:var(--v2-radius-md);color:var(--v2-text-muted);min-height:44px;min-width:44px}.bm-view-btn:hover{background:var(--v2-bg-muted);color:var(--v2-text-primary);transform:none}.bm-btn-primary,.bm-view-btn.active{background:var(--v2-primary);color:#fff}.bm-btn-primary{border:1px solid var(--v2-primary);border-radius:var(--v2-radius-md);box-shadow:none;letter-spacing:0;min-height:44px;padding:.75rem 1rem}.bm-btn-primary:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none;transform:translateY(-1px)}.bm-bento-grid{gap:1rem;margin-bottom:1rem}.bm-stat-card{min-height:132px;overflow:hidden;padding:1.25rem}.bm-branch-card:hover,.bm-stat-card:hover{border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.bm-stat-card--active,.bm-stat-card--total{background:var(--v2-bg-card);border-color:var(--v2-border-subtle)}.bm-stat-card--total{border-left:3px solid var(--v2-primary)}.bm-stat-card--active{border-left:3px solid var(--v2-success)}.bm-stat-card__icon{background:var(--v2-primary-bg);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-primary);height:44px;width:44px}.bm-stat-card--active .bm-stat-card__icon{background:var(--v2-success-bg);color:var(--v2-success)}.bm-stat-card:hover .bm-stat-card__icon{transform:none}.bm-branch-card__info-value,.bm-branch-card__name,.bm-empty-title,.bm-members-modal__title,.bm-members-table td,.bm-stat-card__value,.bm-table td{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0;text-shadow:none}.bm-branch-card__actions-label,.bm-members-table td:before,.bm-members-table th,.bm-stat-card__label,.bm-table th{color:var(--v2-text-muted);letter-spacing:0}.bm-members-table th,.bm-table th{background:var(--v2-bg-muted)}.bm-members-table td,.bm-members-table th,.bm-table td,.bm-table th{border-bottom:1px solid var(--v2-border-subtle)}.bm-members-table tr:hover td,.bm-table tr:hover td{background:var(--v2-bg-muted)}.bm-code-badge,.bm-status-badge,.bm-type-badge{border-radius:var(--v2-radius-pill);box-shadow:none;letter-spacing:0}.bm-code-badge,.bm-type-badge--zon{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.bm-type-badge--cawangan{background:var(--v2-info-bg);border-color:var(--v2-info-border);color:var(--v2-info)}.bm-status-badge--active{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.bm-status-badge--inactive{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.bm-action-btn,.bm-branch-card__action-btn,.bm-members-modal__close{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-secondary);min-height:44px;min-width:44px}.bm-action-btn:hover,.bm-branch-card__action-btn:hover,.bm-members-modal__close:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);box-shadow:none;color:var(--v2-primary);transform:none}.bm-action-btn--delete:hover,.bm-branch-card__action-btn--delete:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.bm-action-btn--activate:hover,.bm-branch-card__action-btn--activate:hover{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.bm-empty-icon{align-items:center;background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-lg);color:var(--v2-primary);display:inline-flex;font-size:0;height:56px;justify-content:center;margin-bottom:1rem;width:56px}.bm-empty-icon .material-icons{font-size:28px}.bm-cards-grid{gap:1rem}.bm-branch-card{overflow:hidden}.bm-branch-card__avatar{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);box-shadow:none;color:var(--v2-primary)}.bm-branch-card:hover .bm-branch-card__avatar{box-shadow:none;transform:none}.bm-branch-card__actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-muted);border-top:1px solid var(--v2-border-subtle)}.bm-members-modal__header{background:var(--v2-bg-card);border-bottom:1px solid var(--v2-border-subtle)}@media (max-width:768px){.bm-header,.bm-header__actions{align-items:stretch;flex-direction:column}.bm-btn-primary,.bm-view-toggle{width:100%}.bm-members-table tr,.bm-table tr{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);box-shadow:var(--v2-shadow-xs)}}@media (max-width:480px){.bm-header__title{font-size:1.75rem}.bm-header__actions{flex-direction:column;gap:12px}.bm-view-toggle{justify-content:center;width:100%}.bm-stat-card{padding:28px 20px}.bm-stat-card__value{font-size:3rem}.bm-stat-card__icon{font-size:5rem;right:-15px;top:-15px}.bm-cards-grid{gap:20px}.bm-branch-card__header{padding:20px 20px 12px}.bm-branch-card__avatar{font-size:24px;height:56px;width:56px}.bm-branch-card__body{padding:0 20px 16px}.bm-branch-card__name{font-size:1.35rem}.bm-branch-card__info-section{padding:12px}.bm-branch-card__actions{padding:16px 20px}.bm-table tr{margin-bottom:16px;padding:16px}.bm-table td{padding:10px 0}}.bm-members-modal{background:var(--bm-bg-secondary);border-radius:var(--bm-radius-lg);display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.bm-members-modal__header{align-items:flex-start;background:linear-gradient(135deg,#d4af3714,#0000);border-bottom:1px solid var(--bm-border-glass);display:flex;justify-content:space-between;padding:32px}.bm-members-modal__title{align-items:center;color:var(--bm-text-primary);display:flex;font-size:1.75rem;font-weight:800;gap:12px;margin:0 0 8px}.bm-members-modal__title .material-icons{color:var(--v2-primary);font-size:28px}.bm-members-modal__subtitle{color:var(--bm-text-secondary);font-size:.95rem;margin:0}.bm-members-modal__close{align-items:center;-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-sm);color:var(--bm-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--bm-transition);width:40px}.bm-members-modal__close:hover{background:var(--bm-bg-glass-hover);border-color:var(--bm-border-focus);color:var(--bm-text-primary);transform:scale(1.05)}.bm-members-modal__content{flex:1 1;overflow-y:auto;padding:24px 32px 32px}.bm-members-table-container{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-md);margin-bottom:24px;overflow:hidden}.bm-members-table{border-collapse:collapse;font-size:.95rem;width:100%}.bm-members-table th{background:linear-gradient(135deg,#0000004d,#00000026);border-bottom:1px solid var(--bm-border-glass);color:var(--bm-text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.08em;padding:20px 24px;text-align:left;text-transform:uppercase}.bm-members-table td{border-bottom:1px solid #ffffff08;color:var(--bm-text-primary);padding:20px 24px;vertical-align:middle}.bm-members-table tr:last-child td{border-bottom:none}.bm-members-table tr:hover td{background:linear-gradient(90deg,#d4af370d,#0000)}.bm-members-pagination{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);display:flex;justify-content:center;padding:20px}.bm-status-badge--pending{background:var(--v2-warning-bg);border-color:var(--v2-warning-border);box-shadow:none;color:var(--v2-warning)}.bm-branch-card__action-btn--view:before{background:linear-gradient(135deg,var(--bm-blue) 0,#2563eb 100%)}.bm-branch-card__action-btn--view:hover{border-color:var(--bm-blue);box-shadow:0 8px 32px #3b82f640}@media (max-width:768px){.bm-members-modal__header{padding:24px}.bm-members-modal__title{font-size:1.5rem}.bm-members-modal__content{padding:20px}.bm-members-table thead{display:none}.bm-members-table,.bm-members-table tbody,.bm-members-table td,.bm-members-table tr{display:block;width:100%}.bm-members-table tr{-webkit-backdrop-filter:var(--bm-blur);backdrop-filter:var(--bm-blur);background:var(--bm-bg-glass);border:1px solid var(--bm-border-glass);border-radius:var(--bm-radius-lg);box-shadow:var(--bm-shadow-sm);margin-bottom:16px;padding:16px}.bm-members-table td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:10px 0;text-align:right}.bm-members-table td:last-child{border-bottom:none}.bm-members-table td:before{color:var(--bm-text-secondary);content:attr(data-label);flex-shrink:0;font-size:.875rem;font-weight:700;letter-spacing:.08em;margin-right:16px;text-transform:uppercase}}.member-mgmt{--mm-bg:var(--v2-surface-card);--mm-border:var(--v2-border-default);--mm-text:var(--v2-text-primary);--mm-text-secondary:var(--v2-text-secondary);--mm-text-muted:var(--v2-text-muted);background:var(--v2-surface-canvas);border:1px solid var(--mm-border);border-radius:var(--v2-radius-xl);overflow:hidden}.member-mgmt__content{padding:var(--v2-space-6)}.member-mgmt__header{background:var(--v2-surface-card);border-bottom:1px solid var(--mm-border);padding:var(--v2-space-8)}.member-mgmt__title{align-items:center;color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-lg);font-weight:700;gap:var(--v2-space-2);margin:0 0 var(--v2-space-1) 0}.member-mgmt__subtitle{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);margin:0}.member-mgmt__stats{grid-gap:var(--v2-space-3);border-bottom:1px solid var(--mm-border);display:grid;gap:var(--v2-space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:var(--v2-space-6)}.member-mgmt__stat{background:var(--v2-surface-card);border:1px solid var(--mm-border);border-radius:var(--v2-radius-lg);color:var(--v2-text-primary);padding:var(--v2-space-4);text-align:center;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast)}.member-mgmt__stat:hover{border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-xs)}.member-mgmt__stat--gold{border-left:3px solid var(--brand-gold)}.member-mgmt__stat--gold .material-icons{color:var(--brand-gold)}.member-mgmt__stat--emerald{border-left:3px solid var(--status-success)}.member-mgmt__stat--emerald .material-icons{color:var(--status-success)}.member-mgmt__stat--orange{border-left:3px solid var(--status-warning)}.member-mgmt__stat--orange .material-icons{color:var(--status-warning)}.member-mgmt__stat--red{border-left:3px solid var(--status-danger)}.member-mgmt__stat--red .material-icons{color:var(--status-danger)}.member-mgmt__stat-icon{color:var(--v2-text-muted);font-size:18px;margin-bottom:var(--v2-space-2)}.member-mgmt__stat-value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-size:var(--v2-font-size-xl);font-weight:700;line-height:1.1;margin-bottom:2px}.member-mgmt__stat-label{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-weight:500;text-transform:uppercase}.member-mgmt__filters{background:var(--v2-surface-card);border:1px solid var(--mm-border);border-radius:var(--v2-radius-lg);margin-bottom:var(--v2-space-4);padding:var(--v2-space-5)}.member-mgmt__filters-title{align-items:center;color:var(--v2-text-secondary);display:flex;font-size:var(--v2-font-size-sm);font-weight:600;gap:var(--v2-space-2);margin:0 0 var(--v2-space-4) 0}.member-mgmt__filters-grid{grid-gap:var(--v2-space-3);display:grid;gap:var(--v2-space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.member-mgmt__filters .form-input,.member-mgmt__filters .form-select{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);padding:var(--v2-space-3)}.member-mgmt__filters .form-input::placeholder{color:var(--mm-text-muted)}.member-mgmt__filters .form-input:focus,.member-mgmt__filters .form-select:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg);outline:none}.member-mgmt__filters .form-select option{background:var(--v2-surface-card);color:var(--v2-text-primary)}.member-mgmt__action-row{align-items:center;background:var(--v2-surface-card);border:1px solid var(--mm-border);border-radius:var(--v2-radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--v2-space-4);padding:var(--v2-space-3) var(--v2-space-5)}.member-mgmt__count{align-items:center;color:var(--v2-text-secondary);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:600;gap:var(--v2-space-1)}.member-mgmt__count .material-icons{font-size:16px}.member-mgmt__action-controls{align-items:center;display:flex;gap:var(--v2-space-4)}.member-mgmt__rows-per-page{align-items:center;display:flex;gap:var(--v2-space-2)}.member-mgmt__rows-label{white-space:nowrap}.member-mgmt__clear-btn,.member-mgmt__rows-label{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm)}.member-mgmt__clear-btn{background:var(--v2-surface-card);border:1px solid var(--mm-border);border-radius:var(--v2-radius-md);cursor:pointer;font-weight:600;padding:var(--v2-space-2) var(--v2-space-4);transition:border-color var(--v2-transition-fast),color var(--v2-transition-fast)}.member-mgmt__clear-btn:hover{border-color:var(--v2-border-strong);color:var(--v2-text-primary)}.member-mgmt__rows-select{appearance:none;background:var(--v2-surface-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2371717A' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--mm-border);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);cursor:pointer;font-size:var(--v2-font-size-sm);font-weight:600;padding:var(--v2-space-2) var(--v2-space-8) var(--v2-space-2) var(--v2-space-3);transition:border-color var(--v2-transition-fast)}.member-mgmt__rows-select:hover{background-color:var(--v2-surface-hover);border-color:var(--v2-border-strong)}.member-mgmt__rows-select:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg);outline:none}.member-mgmt__rows-select option{background:var(--v2-surface-card);color:var(--v2-text-primary);padding:var(--v2-space-2)}.member-mgmt__bulk-actions{align-items:center;background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-lg);color:var(--v2-text-primary);display:flex;justify-content:space-between;margin-bottom:var(--v2-space-4);padding:var(--v2-space-3) var(--v2-space-5)}.member-mgmt__bulk-count{align-items:center;display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:600;gap:var(--v2-space-1)}.member-mgmt__bulk-count .material-icons{font-size:16px}.member-mgmt__bulk-btns{display:flex;flex-wrap:wrap;gap:var(--v2-space-2)}.member-mgmt__bulk-btn{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-md);cursor:pointer;display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:600;gap:var(--v2-space-1);padding:var(--v2-space-2) var(--v2-space-3);transition:background var(--v2-transition-fast)}.member-mgmt__bulk-btn .material-icons{font-size:16px}.member-mgmt__bulk-btn--approve{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.member-mgmt__bulk-btn--reject{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning)}.member-mgmt__bulk-btn--delete{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.member-mgmt__bulk-btn--clear{background:var(--v2-surface-hover);border-color:var(--v2-border-default);color:var(--v2-text-secondary)}.member-mgmt__table-wrap{background:var(--v2-surface-card);border:1px solid var(--mm-border);border-radius:var(--v2-radius-lg);margin-bottom:var(--v2-space-4);position:relative}.member-mgmt__table-container{overflow-x:auto;overflow-y:visible}.member-mgmt__table{border-collapse:collapse;width:100%}.member-mgmt__table thead{background:var(--v2-surface-hover);position:sticky;top:0;z-index:5}.member-mgmt__table th{border-bottom:1px solid var(--mm-border);color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:.04em;padding:var(--v2-space-3) var(--v2-space-4);text-align:left;text-transform:uppercase}.member-mgmt__table td{border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-primary);font-size:var(--v2-font-size-sm);overflow:visible;padding:var(--v2-space-3) var(--v2-space-4);position:relative}.member-mgmt__table tbody tr{position:relative;transition:background var(--v2-transition-fast)}.member-mgmt__table tbody tr:hover{background:var(--v2-surface-hover);z-index:1}.member-mgmt__table tbody tr.selected{background:var(--v2-primary-bg)}.member-mgmt__table tbody tr:last-child td{border-bottom:none}.member-mgmt__member-id{color:var(--v2-text-primary);font-family:var(--v2-font-family-mono);font-size:var(--v2-font-size-xs);font-weight:600}.member-mgmt__avatar{border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-full);height:36px;overflow:hidden;width:36px}.member-mgmt__avatar-img{height:100%;object-fit:cover;width:100%}.member-mgmt__avatar-placeholder{align-items:center;background:var(--v2-surface-pressed);display:flex;height:100%;justify-content:center;width:100%}.member-mgmt__avatar-initials{color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);font-weight:700;-webkit-user-select:none;user-select:none}.member-mgmt__member-name{color:var(--v2-text-primary);font-weight:600}.member-mgmt__member-email{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs)}.member-mgmt__school{color:var(--v2-text-primary);font-size:var(--v2-font-size-sm);font-weight:500}.member-mgmt__belt-cell{width:150px}.member-mgmt__belt-cell,.member-mgmt__jawatan-cell,.member-mgmt__sandang-cell{display:flex;flex-direction:column;gap:var(--v2-space-1)}.member-mgmt__jawatan-list{display:flex;flex-wrap:wrap;gap:2px}.member-mgmt__jawatan-overflow{align-self:center;color:var(--v2-text-muted);font-size:var(--v2-font-size-xs)}.member-mgmt__status{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-full);display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:600;gap:var(--v2-space-1);padding:2px var(--v2-space-2);text-transform:uppercase}.member-mgmt__status--active{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.member-mgmt__status--pending{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning)}.member-mgmt__status--inactive{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.member-mgmt__status--rejected{background:var(--v2-surface-hover);border-color:var(--v2-border-default);color:var(--v2-text-muted)}.member-mgmt__empty{border:1px dashed var(--v2-border-default);border-radius:var(--v2-radius-lg);padding:var(--v2-space-14) var(--v2-space-6);text-align:center}.member-mgmt__empty-icon{color:var(--v2-text-disabled);margin-bottom:var(--v2-space-4)}.member-mgmt__empty-icon .material-icons{font-size:48px}.member-mgmt__empty-title{color:var(--v2-text-primary);font-size:var(--v2-font-size-md);font-weight:600;margin-bottom:var(--v2-space-2)}.member-mgmt__empty-text{color:var(--v2-text-muted);font-size:var(--v2-font-size-sm)}.member-mgmt__table-empty-cell{padding:var(--v2-space-8);text-align:center}.member-mgmt__actions{display:flex;gap:var(--v2-space-1);justify-content:flex-end}.member-mgmt__action-btn{border:1px solid #0000;border-radius:var(--v2-radius-sm);cursor:pointer;font-size:var(--v2-font-size-xs);font-weight:600;padding:var(--v2-space-1) var(--v2-space-3);transition:background var(--v2-transition-fast)}.member-mgmt__action-btn--compact{font-size:var(--v2-font-size-xs);padding:2px var(--v2-space-1)}.member-mgmt__action-btn--view{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.member-mgmt__action-btn--approve{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.member-mgmt__action-btn--reject{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning)}.member-mgmt__action-btn--activate{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.member-mgmt__action-btn--deactivate{background:var(--v2-surface-hover);border-color:var(--v2-border-default);color:var(--v2-text-muted)}.member-mgmt__action-btn--delete{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.member-mgmt__table select{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-sm);color:var(--v2-text-primary);cursor:pointer;font-size:var(--v2-font-size-xs);padding:var(--v2-space-1) var(--v2-space-2)}.member-mgmt__table select:focus{border-color:var(--v2-border-emphasis);outline:none}.member-mgmt__table select option{background:var(--v2-surface-card);color:var(--v2-text-primary)}.member-mgmt__checkbox{accent-color:var(--v2-primary);cursor:pointer;height:18px;width:18px}.member-mgmt__loading{padding:var(--v2-space-14);text-align:center}.member-mgmt__sandang-badge{border:1px solid #0000;border-radius:var(--v2-radius-sm);display:inline-block}.member-mgmt__jawatan-badge,.member-mgmt__sandang-badge{font-size:var(--v2-font-size-xs);font-weight:600;padding:2px var(--v2-space-2)}.member-mgmt__jawatan-badge{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-full);display:inline-flex;margin:2px}.member-mgmt__jawatan-badge--pertubuhan{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info)}.member-mgmt__jawatan-badge--persilatan{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.member-mgmt__pagination-wrap{padding:var(--v2-space-6) var(--v2-space-6) 0}@media (max-width:1024px){.member-mgmt__stats{grid-template-columns:repeat(2,1fr)}.member-mgmt__filters-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.member-mgmt__header{padding:var(--v2-space-6)}.member-mgmt__title{font-size:var(--v2-font-size-md)}.member-mgmt__stats{gap:var(--v2-space-2);grid-template-columns:1fr 1fr;padding:var(--v2-space-4)}.member-mgmt__stat{padding:var(--v2-space-3)}.member-mgmt__stat-value{font-size:var(--v2-font-size-lg)}.member-mgmt__filters{padding:var(--v2-space-4)}.member-mgmt__filters-grid{grid-template-columns:1fr}.member-mgmt__action-row,.member-mgmt__bulk-actions{align-items:flex-start;flex-direction:column;gap:var(--v2-space-3)}.member-mgmt__action-controls{flex-direction:column;gap:var(--v2-space-3);width:100%}.member-mgmt__rows-select{width:100%}.member-mgmt__table-wrap{overflow-x:auto}.member-mgmt__table td.hide-mobile,.member-mgmt__table th.hide-mobile{display:none}}.member-mgmt__filter-select{min-width:150px}.member-mgmt__filter-select .modal-modern__select{height:42px;padding:10px 14px}.member-mgmt__inline-select{width:150px}.member-mgmt__inline-select .modal-modern__select{font-size:var(--v2-font-size-sm);height:auto;min-height:0;min-height:auto;padding:6px 10px;width:150px}.member-mgmt__dropdown{display:inline-block;position:relative;z-index:10}.member-mgmt__dropdown-trigger{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--v2-space-1);position:relative;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast);width:32px;z-index:11}.member-mgmt__dropdown-trigger:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-strong)}.member-mgmt__dropdown-trigger .material-icons{font-size:20px}.member-mgmt__dropdown-menu{animation:dropdownSlideIn .15s ease-out;background:var(--v2-surface-overlay);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-overlay);min-width:200px;overflow:hidden;position:fixed;z-index:9999}@keyframes dropdownSlideIn{0%{margin-top:-4px;opacity:0}to{margin-top:0;opacity:1}}.member-mgmt__dropdown-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-primary);cursor:pointer;display:flex;font-size:var(--v2-font-size-base);font-weight:500;gap:var(--v2-space-3);padding:var(--v2-space-3) var(--v2-space-4);text-align:left;transition:background var(--v2-transition-fast);width:100%}.member-mgmt__dropdown-item:last-child{border-bottom:none}.member-mgmt__dropdown-item .material-icons{color:var(--v2-text-muted);font-size:18px}.member-mgmt__dropdown-item:hover{background:var(--v2-surface-hover)}.member-mgmt__dropdown-item--approve:hover{background:var(--status-success-bg)}.member-mgmt__dropdown-item--approve .material-icons{color:var(--status-success)}.member-mgmt__dropdown-item--reject:hover{background:var(--status-danger-bg)}.member-mgmt__dropdown-item--reject .material-icons{color:var(--status-danger)}.member-mgmt__dropdown-item--activate:hover{background:var(--status-success-bg)}.member-mgmt__dropdown-item--activate .material-icons{color:var(--status-success)}.member-mgmt__dropdown-item--deactivate:hover{background:var(--status-warning-bg)}.member-mgmt__dropdown-item--deactivate .material-icons{color:var(--status-warning)}.member-mgmt__dropdown-item--delete:hover{background:var(--status-danger-bg)}.member-mgmt__dropdown-item--delete .material-icons{color:var(--status-danger)}.member-mgmt__dropdown-divider{background:var(--v2-border-subtle);height:1px;margin:var(--v2-space-1) 0}@media (max-width:768px){.member-mgmt__dropdown-menu{min-width:180px}.member-mgmt__dropdown-item{font-size:var(--v2-font-size-sm);padding:var(--v2-space-2) var(--v2-space-3)}.member-mgmt__dropdown-item .material-icons{font-size:16px}}.admin-management{--am-bg-primary:var(--v2-bg-app);--am-bg-secondary:var(--v2-bg-card);--am-bg-tertiary:var(--v2-bg-muted);--am-bg-glass:var(--v2-bg-card);--am-bg-glass-hover:var(--v2-bg-elevated);--am-border:var(--v2-border-subtle);--am-border-glass:var(--v2-border-default);--am-border-focus:var(--v2-primary-border);--am-gold:var(--brand-gold);--am-gold-light:var(--brand-gold-bg);--am-gold-dark:var(--brand-gold-hover);--am-gold-glow:var(--v2-primary-bg);--am-green:var(--v2-success);--am-green-glow:var(--v2-success-bg);--am-blue:var(--v2-info);--am-red:var(--v2-danger);--am-red-glow:var(--v2-danger-bg);--am-text-primary:var(--v2-text-primary);--am-text-secondary:var(--v2-text-secondary);--am-text-muted:var(--v2-text-muted);--am-shadow-sm:var(--v2-shadow-xs);--am-shadow-md:var(--v2-shadow-sm);--am-shadow-lg:var(--v2-shadow-md);--am-shadow-gold:none;--am-radius:var(--v2-radius-lg);--am-radius-sm:var(--v2-radius-md);--am-radius-lg:var(--v2-radius-xl);--am-transition:all var(--v2-transition-fast);--am-blur:none;animation:fadeIn .8s cubic-bezier(.4,0,.2,1);color:var(--am-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:0;position:relative}.admin-management:before{background:radial-gradient(circle at 20% 20%,#d4af3708 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f605 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.admin-management>*{position:relative;z-index:1}.am-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:40px}.am-header__title-group{display:flex;flex-direction:column;gap:8px}.am-header__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--am-gold) 0,var(--am-gold-light) 50%,var(--am-text-primary) 100%);-webkit-background-clip:text;font-size:2.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0;text-shadow:0 0 40px var(--am-gold-glow)}.am-header__subtitle{color:var(--am-text-secondary);font-size:1.05rem;font-weight:400;letter-spacing:.01em;margin:0}.am-header__actions{align-items:center;display:flex;gap:16px}.am-view-toggle{-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass);border-radius:var(--am-radius-sm);box-shadow:var(--am-shadow-sm);display:flex;padding:6px}.am-view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--am-text-muted);cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:10px 14px;position:relative;transition:var(--am-transition)}.am-view-btn:before{background:linear-gradient(135deg,var(--am-gold) 0,var(--am-gold-dark) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.am-view-btn:hover{color:var(--am-text-primary);transform:translateY(-1px)}.am-view-btn.active{color:var(--am-bg-primary);font-weight:700}.am-view-btn.active:before{opacity:1}.am-view-btn .material-icons{font-size:20px;position:relative;z-index:1}.am-btn-primary{align-items:center;background:linear-gradient(135deg,var(--am-gold) 0,var(--am-gold-dark) 100%);border:none;border-radius:var(--am-radius-sm);box-shadow:var(--am-shadow-gold);color:var(--am-bg-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:800;gap:10px;letter-spacing:.03em;min-height:52px;overflow:hidden;padding:16px 28px;position:relative;transition:var(--am-transition)}.am-btn-primary:before{background:linear-gradient(135deg,var(--am-gold-light) 0,var(--am-gold) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.am-btn-primary:hover{box-shadow:0 12px 40px #d4af374d;transform:translateY(-3px)}.am-btn-primary:hover:before{opacity:1}.am-btn-primary:active{transform:translateY(-1px)}.am-btn-primary .material-icons{font-size:22px;position:relative;z-index:1}.am-btn-primary span:not(.material-icons){position:relative;z-index:1}.am-content-container{animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.am-empty-state,.am-loading-state{padding:80px 20px;text-align:center}.am-empty-state{color:var(--am-text-secondary)}.am-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.am-empty-title{color:var(--am-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:12px}.am-empty-text{font-size:1rem;margin:0}.am-cards-container{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.am-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:40px}.am-admin-card{-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass);border-radius:var(--am-radius-lg);box-shadow:var(--am-shadow-md);overflow:hidden;position:relative;transition:var(--am-transition)}.am-admin-card:before{background:linear-gradient(90deg,#0000 0,var(--am-gold) 50%,#0000 100%);height:2px;left:0;right:0;top:0;z-index:3}.am-admin-card:after,.am-admin-card:before{content:"";opacity:0;position:absolute;transition:opacity .4s ease}.am-admin-card:after{background:radial-gradient(circle at top,var(--am-gold-glow) 0,#0000 70%);border-radius:var(--am-radius-lg);filter:blur(30px);inset:-2px;z-index:-1}.am-admin-card:hover{border-color:#d4af374d;box-shadow:var(--am-shadow-lg),var(--am-shadow-gold);transform:translateY(-8px) scale(1.01)}.am-admin-card:hover:after,.am-admin-card:hover:before{opacity:1}.am-admin-card__header{background:linear-gradient(135deg,#d4af3708,#0000);justify-content:space-between;padding:32px 32px 20px}.am-admin-card__avatar,.am-admin-card__header{align-items:center;display:flex;position:relative}.am-admin-card__avatar{background:linear-gradient(135deg,#d4af3733,#d4af370d);border:2px solid #d4af3766;border-radius:50%;box-shadow:0 8px 32px #d4af3726;color:var(--am-gold);font-size:32px;height:72px;justify-content:center;transition:var(--am-transition);width:72px}.am-admin-card__avatar:before{background:radial-gradient(circle,var(--am-gold-glow) 0,#0000 70%);border-radius:50%;content:"";filter:blur(15px);inset:-4px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.am-admin-card:hover .am-admin-card__avatar{border-color:var(--am-gold);box-shadow:0 12px 48px #d4af374d;transform:scale(1.1) rotate(5deg)}.am-admin-card:hover .am-admin-card__avatar:before{opacity:1}.am-admin-card__role-badge{position:absolute;right:24px;top:24px}.am-admin-card__body{padding:0 32px 28px}.am-admin-card__name-section{margin-bottom:28px;text-align:left}.am-admin-card__name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--am-text-primary) 0,var(--am-text-secondary) 100%);-webkit-background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:.02em;line-height:1.2;margin:0 0 12px;text-transform:uppercase}.am-admin-card__email{color:var(--am-text-secondary);font-family:SF Mono,Monaco,Menlo,monospace;font-size:1rem;font-weight:500;letter-spacing:.01em;margin:0}.am-admin-card__info-section{grid-gap:24px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:var(--am-radius-sm);display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:20px}.am-admin-card__info-item{display:flex;flex-direction:column;gap:10px}.am-admin-card__info-label{color:var(--am-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.am-admin-card__info-value{color:var(--am-text-primary);font-size:.95rem;font-weight:600}.am-admin-card__actions{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0000004d,#00000026);border-top:1px solid var(--am-border-glass);display:flex;justify-content:space-between;padding:24px 32px}.am-admin-card__actions-label{color:var(--am-text-primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.am-admin-card__actions-buttons{display:flex;gap:12px}.am-admin-card__action-btn{align-items:center;-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass);border-radius:var(--am-radius-sm);color:var(--am-text-secondary);cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:var(--am-transition);width:48px}.am-admin-card__action-btn:before{background:linear-gradient(135deg,var(--am-gold) 0,var(--am-gold-dark) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.am-admin-card__action-btn:hover{border-color:var(--am-border-focus);box-shadow:var(--am-shadow-md);color:var(--am-text-primary);transform:translateY(-3px)}.am-admin-card__action-btn--edit:hover{border-color:var(--am-gold);box-shadow:var(--am-shadow-gold);color:var(--am-bg-primary)}.am-admin-card__action-btn--edit:hover:before{opacity:1}.am-admin-card__action-btn--delete:before{background:linear-gradient(135deg,var(--am-red) 0,#dc2626 100%)}.am-admin-card__action-btn--delete:hover{border-color:var(--am-red);box-shadow:0 8px 32px var(--am-red-glow);color:var(--am-bg-primary)}.am-admin-card__action-btn--delete:hover:before{opacity:1}.am-admin-card__action-btn .material-icons{font-size:20px;position:relative;z-index:1}.am-admin-card__protected{border-radius:var(--am-radius-sm);color:var(--am-text-muted);font-size:.875rem;font-style:italic;font-weight:600;padding:10px 20px}.am-admin-card__protected,.am-pagination-container{-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass)}.am-pagination-container{border-radius:var(--am-radius-lg);box-shadow:var(--am-shadow-md);display:flex;justify-content:center;margin-top:8px;padding:24px}.am-bento-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}.am-stat-card{-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass);border-radius:var(--am-radius-lg);box-shadow:var(--am-shadow-md);cursor:pointer;overflow:hidden;padding:40px 36px;position:relative;transition:var(--am-transition)}.am-stat-card:before{background:linear-gradient(90deg,#0000 0,var(--am-gold) 50%,#0000 100%);height:2px;left:0;right:0;top:0}.am-stat-card:after,.am-stat-card:before{content:"";opacity:0;position:absolute;transition:opacity .4s ease}.am-stat-card:after{background:linear-gradient(135deg,var(--am-gold-glow) 0,#0000 60%);border-radius:var(--am-radius-lg);filter:blur(20px);inset:-2px;z-index:-1}.am-stat-card:hover{border-color:#d4af3766;box-shadow:var(--am-shadow-lg),var(--am-shadow-gold);transform:translateY(-8px) scale(1.02)}.am-stat-card:hover:after,.am-stat-card:hover:before{opacity:1}.am-stat-card--hq{background:linear-gradient(135deg,#d4af3714 0,var(--am-bg-glass) 100%);border-color:#d4af3726}.am-stat-card--hq:after{background:radial-gradient(circle at top right,var(--am-gold-glow) 0,#0000 70%)}.am-stat-card--hq:hover{border-color:#d4af3780;box-shadow:var(--am-shadow-lg),0 16px 64px #d4af3740}.am-stat-card--branch{background:linear-gradient(135deg,#3b82f614 0,var(--am-bg-glass) 100%);border-color:#3b82f626}.am-stat-card--branch:after{background:radial-gradient(circle at top right,#3b82f626 0,#0000 70%)}.am-stat-card--branch:hover{border-color:#3b82f680;box-shadow:var(--am-shadow-lg),0 16px 64px #3b82f633}.am-stat-card__icon{color:var(--am-gold);filter:drop-shadow(0 0 30px var(--am-gold-glow));font-size:8rem;opacity:.04;position:absolute;right:-30px;top:-30px;transform:rotate(15deg);transition:var(--am-transition)}.am-stat-card:hover .am-stat-card__icon{filter:drop-shadow(0 0 40px var(--am-gold-glow));opacity:.1;transform:rotate(15deg) scale(1.15)}.am-stat-card__value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--am-gold) 0,var(--am-gold-light) 50%,var(--am-text-primary) 100%);-webkit-background-clip:text;filter:drop-shadow(0 0 20px var(--am-gold-glow));font-size:4.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:16px;position:relative;z-index:2}.am-stat-card__label{color:var(--am-text-secondary);font-size:1.05rem;font-weight:700;letter-spacing:.1em;position:relative;text-transform:uppercase;z-index:2}.am-table-container{-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass);border-radius:var(--am-radius-lg);box-shadow:var(--am-shadow-md);overflow:hidden}.am-table{border-collapse:collapse;font-size:.95rem;width:100%}.am-table th{background:linear-gradient(135deg,#0000004d,#00000026);border-bottom:1px solid var(--am-border-glass);color:var(--am-text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.08em;padding:24px 28px;position:relative;text-align:left;text-transform:uppercase}.am-table th:after{background:linear-gradient(90deg,#0000 0,var(--am-gold) 50%,#0000 100%);bottom:0;content:"";height:1px;left:0;opacity:.4;position:absolute;right:0}.am-table td{border-bottom:1px solid #ffffff08;color:var(--am-text-primary);padding:24px 28px;transition:background-color .3s ease;vertical-align:middle}.am-table tr:last-child td{border-bottom:none}.am-table tr:hover td{background:linear-gradient(90deg,#d4af370d,#0000)}.am-role-badge{align-items:center;-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);border:1px solid #0000;border-radius:var(--am-radius-sm);display:inline-flex;font-size:.8rem;font-weight:700;gap:8px;letter-spacing:.05em;padding:10px 16px;transition:var(--am-transition)}.am-role-badge--hq{background:linear-gradient(135deg,#d4af3733,#d4af3714);border-color:#d4af3766;box-shadow:0 4px 16px #d4af3726;color:var(--am-gold-light)}.am-role-badge--branch{background:linear-gradient(135deg,#3b82f633,#3b82f614);border-color:#3b82f666;box-shadow:0 4px 16px #3b82f626;color:#93c5fd}.am-role-badge--zon{background:linear-gradient(135deg,#10b98133,#10b98114);border-color:#10b98166;box-shadow:0 4px 16px #10b98126;color:#6ee7b7}.am-status-badge{align-items:center;-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:8px 14px;transition:var(--am-transition)}.am-status-badge--active{background:linear-gradient(135deg,#10b98133,#10b98114);border-color:#10b98166;box-shadow:0 4px 16px var(--am-green-glow);color:#34d399}.am-status-badge--inactive{background:linear-gradient(135deg,#ef444433,#ef444414);border-color:#ef444466;box-shadow:0 4px 16px var(--am-red-glow);color:#f87171}.am-action-btn{align-items:center;-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass);border-radius:var(--am-radius-sm);color:var(--am-text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:var(--am-transition);width:40px}.am-action-btn:before{background:linear-gradient(135deg,var(--am-gold) 0,var(--am-gold-dark) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.am-action-btn:hover{border-color:var(--am-gold);box-shadow:var(--am-shadow-gold);color:var(--am-bg-primary);transform:translateY(-2px)}.am-action-btn:hover:before{opacity:1}.am-action-btn--delete:before{background:linear-gradient(135deg,var(--am-red) 0,#dc2626 100%)}.am-action-btn--delete:hover{border-color:var(--am-red);box-shadow:0 8px 32px var(--am-red-glow)}.am-action-btn .material-icons{position:relative;z-index:1}@media (max-width:1024px) and (min-width:769px){.am-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.am-table{min-width:900px}}@media (max-width:768px){.am-bento-grid{gap:20px;grid-template-columns:1fr;margin-bottom:36px}.am-stat-card{padding:32px 24px}.am-stat-card__value{font-size:3.5rem}.am-stat-card__icon{font-size:6rem;right:-20px;top:-20px}.am-header{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:32px}.am-header__title{font-size:2rem}.am-header__subtitle{font-size:.95rem}.am-header__actions{justify-content:space-between;width:100%}.am-btn-primary{flex:1 1;justify-content:center;padding:16px 24px}.am-cards-grid{gap:24px;grid-template-columns:1fr}.am-admin-card__header{padding:24px 24px 16px}.am-admin-card__avatar{font-size:28px;height:64px;width:64px}.am-admin-card__body{padding:0 24px 20px}.am-admin-card__name{font-size:1.5rem}.am-admin-card__info-section{gap:16px;grid-template-columns:1fr;padding:16px}.am-admin-card__actions{padding:20px 24px}.am-admin-card__actions-buttons{gap:10px}.am-admin-card__action-btn{height:44px;width:44px}.am-table thead{display:none}.am-table,.am-table tbody,.am-table td,.am-table tr{display:block;width:100%}.am-table tr{-webkit-backdrop-filter:var(--am-blur);backdrop-filter:var(--am-blur);background:var(--am-bg-glass);border:1px solid var(--am-border-glass);border-radius:var(--am-radius-lg);box-shadow:var(--am-shadow-sm);margin-bottom:20px;padding:20px}.am-table td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0;text-align:right}.am-table td:last-child{border-bottom:none;gap:12px;justify-content:flex-end;padding-top:16px}.am-table td:before{color:var(--am-text-secondary);content:attr(data-label);flex-shrink:0;font-size:.875rem;font-weight:700;letter-spacing:.08em;margin-right:16px;text-transform:uppercase}.hide-mobile{display:none!important}}@media (max-width:480px){.am-header__title{font-size:1.75rem}.am-header__actions{flex-direction:column;gap:12px}.am-view-toggle{justify-content:center;width:100%}.am-stat-card{padding:28px 20px}.am-stat-card__value{font-size:3rem}.am-stat-card__icon{font-size:5rem;right:-15px;top:-15px}.am-cards-grid{gap:20px}.am-admin-card__header{padding:20px 20px 12px}.am-admin-card__avatar{font-size:24px;height:56px;width:56px}.am-admin-card__body{padding:0 20px 16px}.am-admin-card__name{font-size:1.35rem}.am-admin-card__info-section{padding:12px}.am-admin-card__actions{padding:16px 20px}.am-table tr{margin-bottom:16px;padding:16px}.am-table td{padding:10px 0}}.admin-management{animation:none;color:var(--v2-text-primary)}.admin-management:before,.am-action-btn:before,.am-admin-card:after,.am-admin-card:before,.am-admin-card__action-btn:before,.am-admin-card__avatar:before,.am-btn-primary:before,.am-content-container:before,.am-stat-card:after,.am-stat-card:before,.am-table th:after,.am-view-btn:before{display:none}.am-header{margin-bottom:1.5rem}.am-header__title{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0;text-shadow:none}.am-admin-card__actions-label,.am-admin-card__email,.am-admin-card__info-label,.am-empty-text,.am-header__subtitle,.am-stat-card__label,.am-table td:before,.am-table th{color:var(--v2-text-muted);letter-spacing:0}.am-admin-card,.am-admin-card__info-item,.am-content-container,.am-empty-state,.am-pagination-container,.am-stat-card,.am-table-container,.am-view-toggle{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.am-view-toggle{gap:4px;padding:4px}.am-view-btn{border-radius:var(--v2-radius-md);color:var(--v2-text-muted);min-height:44px;min-width:44px}.am-view-btn:hover{background:var(--v2-bg-muted);color:var(--v2-text-primary);transform:none}.am-btn-primary,.am-view-btn.active{background:var(--v2-primary);color:#fff}.am-btn-primary{border:1px solid var(--v2-primary);border-radius:var(--v2-radius-md);box-shadow:none;letter-spacing:0;min-height:44px;padding:.75rem 1rem}.am-btn-primary:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none;transform:translateY(-1px)}.am-bento-grid,.am-cards-grid{gap:1rem}.am-bento-grid{margin-bottom:1rem}.am-stat-card{min-height:132px;padding:1.25rem}.am-stat-card--branch,.am-stat-card--hq{background:var(--v2-bg-card);border-color:var(--v2-border-subtle)}.am-stat-card--hq{border-left:3px solid var(--v2-primary)}.am-stat-card--branch{border-left:3px solid var(--v2-info)}.am-stat-card--zon{border-left:3px solid var(--brand-gold)}.am-admin-card:hover,.am-stat-card:hover{border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.am-stat-card__icon{background:var(--v2-primary-bg);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-primary);height:44px;width:44px}.am-stat-card--branch .am-stat-card__icon{background:var(--v2-info-bg);color:var(--v2-info)}.am-stat-card--zon .am-stat-card__icon{background:var(--brand-gold-bg);color:var(--v2-primary)}.am-stat-card:hover .am-stat-card__icon{transform:none}.am-admin-card__info-value,.am-admin-card__name,.am-empty-title,.am-stat-card__value,.am-table td{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0;text-shadow:none}.am-empty-icon{align-items:center;background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-lg);color:var(--v2-primary);display:inline-flex;font-size:0;height:56px;justify-content:center;margin-bottom:1rem;width:56px}.am-empty-icon .material-icons{font-size:28px}.am-admin-card__avatar{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);box-shadow:none;color:var(--v2-primary)}.am-admin-card:hover .am-admin-card__avatar{box-shadow:none;transform:none}.am-admin-card__actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-muted);border-top:1px solid var(--v2-border-subtle)}.am-role-badge,.am-status-badge{border-radius:var(--v2-radius-pill);box-shadow:none;letter-spacing:0}.am-role-badge--hq{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.am-role-badge--branch{background:var(--v2-info-bg);border-color:var(--v2-info-border);color:var(--v2-info)}.am-role-badge--zon{background:var(--brand-gold-bg);border-color:var(--brand-gold-border);color:var(--v2-primary)}.am-status-badge--active{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.am-status-badge--inactive{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.am-table th{background:var(--v2-bg-muted)}.am-table td,.am-table th{border-bottom:1px solid var(--v2-border-subtle)}.am-table tr:hover td{background:var(--v2-bg-muted)}.am-action-btn,.am-admin-card__action-btn{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-secondary);min-height:44px;min-width:44px}.am-action-btn:hover,.am-admin-card__action-btn:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);box-shadow:none;color:var(--v2-primary);transform:none}.am-action-btn--delete:hover,.am-admin-card__action-btn--delete:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.am-admin-card__protected{color:var(--v2-text-muted)}@media (max-width:768px){.am-header,.am-header__actions{align-items:stretch;flex-direction:column}.am-btn-primary,.am-view-toggle{width:100%}.am-table tr{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);box-shadow:var(--v2-shadow-xs)}}.audit-log{padding:1.5rem}.audit-log__header{margin-bottom:1.25rem}.audit-log__title{align-items:center;color:var(--v2-text-primary);display:flex;font-size:1.25rem;gap:.5rem;margin:0 0 .25rem}.audit-log__title .material-icons{color:var(--v2-primary)}.audit-log__subtitle{color:var(--v2-text-muted);font-size:.9rem;margin:0}.audit-log__filters{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.audit-log__filters>*{min-width:160px}.audit-log__date{color:var(--v2-text-primary);padding:0 .75rem}.audit-log__clear,.audit-log__date{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);font-family:inherit;min-height:44px}.audit-log__clear{align-items:center;color:var(--v2-text-secondary);cursor:pointer;display:inline-flex;gap:.35rem;min-width:auto;padding:0 1rem}.audit-log__clear:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.audit-log__count{color:var(--v2-text-muted);font-size:.85rem;margin-bottom:.5rem}.audit-log__table{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);overflow:hidden}.audit-log__row{grid-gap:.75rem;align-items:center;border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-primary);display:grid;font-size:.88rem;gap:.75rem;grid-template-columns:1.3fr 1.6fr 1.4fr 2fr .8fr;padding:.7rem 1rem}.audit-log__row:last-child{border-bottom:none}.audit-log__row--head{background:var(--v2-bg-muted);background:var(--v2-surface-muted,var(--v2-bg-muted));color:var(--v2-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.audit-log__time{font-feature-settings:"tnum";color:var(--v2-text-secondary);font-variant-numeric:tabular-nums}.audit-log__actor{display:flex;flex-direction:column;min-width:0}.audit-log__actor strong{color:var(--v2-text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis}.audit-log__actor small{color:var(--v2-text-muted);font-size:.72rem}.audit-log__action{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-pill);color:var(--v2-primary);font-size:.74rem;font-weight:600;justify-self:start;padding:.2rem .55rem;white-space:nowrap}.audit-log__details{color:var(--v2-text-secondary);overflow:hidden;text-overflow:ellipsis}.audit-log__status{font-size:.72rem;font-weight:700;justify-self:start;letter-spacing:.03em;text-transform:uppercase}.audit-log__status--success{color:var(--v2-success)}.audit-log__status--failed{color:var(--v2-danger)}.audit-log__empty{color:var(--v2-text-muted);padding:3rem 1rem;text-align:center}.audit-log__empty .material-icons{color:var(--v2-primary);font-size:42px;opacity:.4}.audit-log__pager{align-items:center;color:var(--v2-text-secondary);display:flex;font-size:.9rem;gap:1rem;justify-content:center;margin-top:1rem}.audit-log__pager button{align-items:center;background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.audit-log__pager button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.audit-log__row{grid-template-columns:1fr 1fr;row-gap:.35rem}.audit-log__row--head{display:none}.audit-log__details{grid-column:1/-1}}.media-library{--ml-bg-primary:#0a0a0f;--ml-bg-secondary:#121217;--ml-bg-card:#18182099;--ml-border:#ffffff1a;--ml-gold:#f5c542;--ml-gold-dark:#d4a855;--ml-green:#059669;--ml-text-primary:#fff;--ml-text-secondary:#ffffffb3;--ml-radius:16px;--ml-transition:all 0.3s ease;animation:fadeIn .4s ease-out;color:var(--ml-text-primary);font-family:Inter,sans-serif}.ml-header{align-items:center;border-bottom:1px solid var(--ml-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.ml-header__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.ml-header__subtitle{color:var(--ml-text-secondary);font-size:.95rem;margin-top:4px}.ml-upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ml-bg-card);border:1px solid var(--ml-border);border-radius:var(--ml-radius);border-top:3px solid var(--ml-green);margin-bottom:32px;padding:24px}.ml-upload-title{align-items:center;color:var(--ml-green);display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-bottom:16px}.ml-form-label{color:var(--ml-text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.ml-form-input,.ml-form-select,.ml-form-textarea{background:var(--ml-bg-secondary);border:1px solid var(--ml-border);border-radius:8px;color:var(--ml-text-primary);padding:10px 14px;transition:var(--ml-transition);width:100%}.ml-form-input:focus,.ml-form-select:focus,.ml-form-textarea:focus{border-color:var(--ml-green);box-shadow:0 0 0 3px #05966926;outline:none}.ml-file-drop{background:#ffffff05;border:2px dashed var(--ml-border);border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:var(--ml-transition)}.ml-file-drop:hover{background:#0596690d;border-color:var(--ml-green)}.ml-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ml-filter-btn{background:#ffffff0d;border:1px solid var(--ml-border);border-radius:8px;color:var(--ml-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:var(--ml-transition)}.ml-filter-btn:hover{background:#ffffff1a;color:var(--ml-text-primary)}.ml-filter-btn.active{background:#05966933;border-color:var(--ml-green);color:#34d399}.ml-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ml-card{background:var(--ml-bg-card);border:1px solid var(--ml-border);border-radius:var(--ml-radius);overflow:hidden;position:relative;transition:var(--ml-transition)}.ml-card:hover{border-color:var(--ml-gold);box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.ml-card-image{background:var(--ml-bg-secondary);display:block;height:180px;object-fit:cover;width:100%}.ml-card-body{padding:16px}.ml-card-title{color:var(--ml-text-primary);font-size:.95rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-card-meta{align-items:center;color:var(--ml-text-secondary);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:12px}.ml-card-actions{display:flex;gap:8px}.ml-btn-icon{align-items:center;background:#ffffff0d;border:1px solid var(--ml-border);border-radius:6px;color:var(--ml-text-secondary);cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:6px;transition:var(--ml-transition)}.ml-btn-icon:hover{background:#ffffff1a;color:var(--ml-text-primary)}.ml-btn-icon--delete:hover{background:#ef444433;border-color:#ef4444;color:#f87171}.ml-btn-icon--primary{background:#f5c5421a;border-color:#f5c5424d;color:var(--ml-gold)}.ml-btn-icon--primary:hover{background:#f5c54233}.ml-badge{background:#ffffff1a;border-radius:4px;font-size:.75rem;padding:2px 8px}@media (max-width:768px){.ml-header{align-items:flex-start;gap:8px}.ml-form-row,.ml-header{flex-direction:column}}.media-library{--ml-bg-primary:var(--v2-bg-app);--ml-bg-secondary:var(--v2-bg-muted);--ml-bg-card:var(--v2-bg-card);--ml-border:var(--v2-border-subtle);--ml-gold:var(--brand-gold);--ml-gold-dark:var(--brand-gold-hover);--ml-green:var(--v2-success);--ml-text-primary:var(--v2-text-primary);--ml-text-secondary:var(--v2-text-muted);--ml-radius:var(--v2-radius-lg);animation:none;background:#0000;color:var(--v2-text-primary)}.ml-header{border-bottom:1px solid var(--v2-border-subtle)}.ml-header__title{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0}.ml-card-meta,.ml-form-label,.ml-header__subtitle{color:var(--v2-text-muted)}.ml-card,.ml-file-drop,.ml-filters,.ml-upload-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.ml-upload-section{border-top:3px solid var(--v2-success)}.ml-upload-title{color:var(--v2-success)}.ml-form-input,.ml-form-select,.ml-form-textarea{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);min-height:44px}.ml-form-input:focus,.ml-form-select:focus,.ml-form-textarea:focus{border-color:var(--v2-success);box-shadow:0 0 0 3px var(--v2-success-bg)}.ml-file-drop{border-style:dashed}.ml-file-drop:hover{background:var(--v2-success-bg);border-color:var(--v2-success-border)}.ml-filters{gap:.35rem;padding:.35rem}.ml-filter-btn{background:#0000;border:1px solid #0000;border-radius:var(--v2-radius-md);color:var(--v2-text-muted);min-height:44px}.ml-filter-btn:hover{background:var(--v2-bg-muted);color:var(--v2-text-primary)}.ml-filter-btn.active{background:var(--v2-success);border-color:var(--v2-success);color:#fff}.ml-card:hover{border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.ml-card-title{color:var(--v2-text-primary)}.ml-btn-icon{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);min-height:40px}.ml-btn-icon:hover{background:var(--v2-bg-muted);color:var(--v2-text-primary)}.ml-btn-icon--primary{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.ml-btn-icon--primary:hover{background:var(--v2-primary);border-color:var(--v2-primary);color:#fff}.ml-btn-icon--delete:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.ml-badge{background:var(--v2-bg-muted);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-pill);color:var(--v2-text-secondary)}.gallery-view{--gv-bg-primary:#0a0a0f;--gv-bg-secondary:#121217;--gv-bg-card:#18182099;--gv-border:#ffffff1a;--gv-gold:#f5c542;--gv-gold-dark:#d4a855;--gv-green:#059669;--gv-text-primary:#fff;--gv-text-secondary:#ffffffb3;--gv-radius:16px;--gv-transition:all 0.3s ease;animation:fadeIn .4s ease-out;color:var(--gv-text-primary);font-family:Inter,sans-serif}.gv-header{align-items:center;border-bottom:1px solid var(--gv-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.gv-header__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.gv-header__subtitle{color:var(--gv-text-secondary);font-size:.95rem;margin-top:4px}.gv-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.gv-filter-btn{align-items:center;background:#ffffff0d;border:1px solid var(--gv-border);border-radius:30px;color:var(--gv-text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:var(--gv-transition)}.gv-filter-btn:hover{background:#ffffff1a;color:var(--gv-text-primary);transform:translateY(-2px)}.gv-filter-btn.active{background:linear-gradient(135deg,var(--gv-gold) 0,var(--gv-gold-dark) 100%);border-color:#0000;box-shadow:0 4px 12px #f5c54233;color:#000}.gv-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gv-card{background:var(--gv-bg-card);border:1px solid var(--gv-border);border-radius:var(--gv-radius);break-inside:avoid;cursor:pointer;overflow:hidden;page-break-inside:avoid;position:relative;transition:var(--gv-transition)}.gv-card:hover{border-color:var(--gv-gold);box-shadow:0 12px 32px #0006;transform:translateY(-6px)}.gv-card-image-wrapper{overflow:hidden;padding-top:75%;position:relative}.gv-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.gv-card:hover .gv-card-image{transform:scale(1.08)}.gv-card-overlay{background:linear-gradient(0deg,#000c 0,#0000 60%);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:16px;position:absolute;transition:var(--gv-transition)}.gv-card:hover .gv-card-overlay{opacity:1}.gv-card-category{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:4px;padding:4px 10px;position:absolute;right:12px;top:12px}.gv-card-category--gallery{border-color:#05966980;color:#34d399}.gv-card-category--info{border-color:#f5c54280;color:var(--gv-gold)}.gv-card-body{padding:16px}.gv-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--gv-text-primary);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 6px;overflow:hidden}.gv-card-date{color:var(--gv-text-secondary);font-size:.8rem}.gv-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.gv-modal-content{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.gv-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:var(--gv-transition);width:44px;z-index:1010}.gv-modal-close:hover{background:#fff3;transform:rotate(90deg)}.gv-modal-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px;position:relative}.gv-modal-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.gv-modal-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--gv-transition);width:56px;z-index:1005}.gv-modal-nav:hover{background:var(--gv-gold);color:#000;transform:translateY(-50%) scale(1.1)}.gv-modal-nav--prev{left:40px}.gv-modal-nav--next{right:40px}.gv-modal-details{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,#000000f2 0,#000000d9);border-top:1px solid #ffffff14;bottom:0;left:0;padding:28px 32px;position:absolute;right:0}.gv-modal-info{margin:0 auto;max-width:900px}.gv-loading{align-items:center;color:var(--gv-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px}@media (max-width:768px){.gv-header{align-items:center;flex-direction:column;text-align:center}.gv-modal-nav{background:#00000080;height:40px;width:40px}.gv-modal-nav--prev{left:10px}.gv-modal-nav--next{right:10px}.gv-modal-main{padding:20px}}.gallery-view{--gv-bg-primary:var(--v2-bg-app);--gv-bg-secondary:var(--v2-bg-muted);--gv-bg-card:var(--v2-bg-card);--gv-border:var(--v2-border-subtle);--gv-gold:var(--brand-gold);--gv-gold-dark:var(--brand-gold-hover);--gv-green:var(--v2-success);--gv-text-primary:var(--v2-text-primary);--gv-text-secondary:var(--v2-text-muted);--gv-radius:var(--v2-radius-lg);animation:none;background:#0000;color:var(--v2-text-primary)}.gv-header{border-bottom:1px solid var(--v2-border-subtle)}.gv-header__title{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0}.gv-card-date,.gv-header__subtitle,.gv-loading{color:var(--v2-text-muted)}.gv-filters{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);padding:.35rem}.gv-filter-btn{background:#0000;border:1px solid #0000;border-radius:var(--v2-radius-md);color:var(--v2-text-muted);min-height:44px}.gv-filter-btn:hover{background:var(--v2-bg-muted);color:var(--v2-text-primary);transform:none}.gv-filter-btn.active{background:var(--v2-primary);border-color:var(--v2-primary);box-shadow:none;color:#fff}.gv-card{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.gv-card:hover{border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.gv-card:hover .gv-card-image{transform:scale(1.02)}.gv-card-category{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);box-shadow:var(--v2-shadow-xs);color:var(--v2-text-secondary)}.gv-card-category--gallery{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.gv-card-category--info{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.gv-card-title{color:var(--v2-text-primary)}.gv-modal-overlay{background:#0f172ac2}.gv-modal-close,.gv-modal-nav{background:var(--v2-bg-card);border:1px solid var(--v2-border-default);box-shadow:var(--v2-shadow-sm);color:var(--v2-text-primary)}.gv-modal-close:hover,.gv-modal-nav:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary);transform:none}.gv-modal-nav:hover{transform:translateY(-50%)}.gv-modal-image{box-shadow:var(--v2-shadow-overlay)}.gv-modal-details{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border-top:1px solid var(--v2-border-default);color:var(--v2-text-primary)}.belt-form-modal{--bfm-bg-primary:#1a1a1a;--bfm-bg-secondary:#2a2a2a;--bfm-bg-tertiary:#333;--bfm-border:#ffffff1a;--bfm-border-focus:#f5c5424d;--bfm-gold:#f5c542;--bfm-gold-light:#f8d574;--bfm-text-primary:#fff;--bfm-text-secondary:#ffffffb3;--bfm-text-muted:#ffffff80;--bfm-green:#1e7b4e;--bfm-error:#ef4444;--bfm-shadow:0 4px 20px #0000004d;--bfm-radius:12px;--bfm-radius-sm:8px;background:var(--bfm-bg-primary)!important;border:1px solid var(--bfm-border)!important;border-radius:var(--bfm-radius)!important;box-shadow:var(--bfm-shadow)!important;color:var(--bfm-text-primary)!important;max-height:90vh!important;max-width:520px!important;overflow:hidden!important;width:100%!important}.belt-form-modal .modal-modern__inner{display:flex!important;flex-direction:column!important;height:100%!important;padding:0!important}.belt-form-modal__header{align-items:center;background:linear-gradient(135deg,var(--bfm-bg-primary) 0,var(--bfm-bg-secondary) 100%);border-bottom:1px solid var(--bfm-border);display:flex;justify-content:space-between;padding:24px 24px 20px}.belt-form-modal__header-content{align-items:center;display:flex;gap:16px}.belt-form-modal__header-icon{align-items:center;background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;border-radius:12px;color:var(--bfm-gold);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.belt-form-modal__header-text{display:flex;flex-direction:column;gap:4px}.belt-form-modal__title{color:var(--bfm-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin:0}.belt-form-modal__subtitle{color:var(--bfm-text-muted);font-size:.875rem;font-weight:400;margin:0}.belt-form-modal__close-btn{align-items:center;background:#0000;border:1px solid var(--bfm-border);border-radius:var(--bfm-radius-sm);color:var(--bfm-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.belt-form-modal__close-btn:hover{background:#ffffff0d;border-color:var(--bfm-border-focus);color:var(--bfm-text-primary)}.belt-form-modal__form{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:0 24px 24px}.belt-form-modal__section{display:flex;flex-direction:column;gap:16px}.belt-form-modal__section.preview{background:linear-gradient(135deg,#f5c54208,#1e7b4e05);border:1px solid #f5c5421a;border-radius:var(--bfm-radius);margin:8px 0;padding:20px}.belt-form-modal__section-header{align-items:center;color:var(--bfm-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.belt-form-modal__section-header .material-icons{color:var(--bfm-gold);font-size:18px}.belt-form-modal__field{display:flex;flex-direction:column;gap:8px}.belt-form-modal__row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.belt-form-modal__label{color:var(--bfm-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:4px}.belt-form-modal__label .required{color:var(--bfm-error);margin-left:2px}.belt-form-modal__input{background:var(--bfm-bg-secondary);border:1px solid var(--bfm-border);border-radius:var(--bfm-radius-sm);color:var(--bfm-text-primary);font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s ease}.belt-form-modal__input:focus{background:var(--bfm-bg-tertiary);border-color:var(--bfm-border-focus);box-shadow:0 0 0 3px #f5c5421a}.belt-form-modal__input.error{border-color:var(--bfm-error);box-shadow:0 0 0 3px #ef44441a}.belt-form-modal__input.small{flex:1 1;min-width:0}.belt-form-modal__input::placeholder{color:var(--bfm-text-muted)}.belt-form-modal__textarea{background:var(--bfm-bg-secondary);border:1px solid var(--bfm-border);border-radius:var(--bfm-radius-sm);color:var(--bfm-text-primary);font-family:inherit;font-size:.95rem;min-height:80px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease}.belt-form-modal__textarea:focus{background:var(--bfm-bg-tertiary);border-color:var(--bfm-border-focus);box-shadow:0 0 0 3px #f5c5421a}.belt-form-modal__textarea::placeholder{color:var(--bfm-text-muted)}.belt-form-modal__error{color:var(--bfm-error);font-size:.8rem;margin-top:4px}.belt-form-modal__checkbox-label{align-items:center;color:var(--bfm-text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px}.belt-form-modal__checkbox{display:none}.belt-form-modal__checkbox-custom{align-items:center;background:var(--bfm-bg-secondary);border:2px solid var(--bfm-border);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.belt-form-modal__checkbox-custom .material-icons{color:var(--bfm-gold);font-size:14px;opacity:0;transition:opacity .2s ease}.belt-form-modal__checkbox:checked+.belt-form-modal__checkbox-custom{background:linear-gradient(135deg,#f5c54233,#f5c5421a);border-color:var(--bfm-gold)}.belt-form-modal__checkbox:checked+.belt-form-modal__checkbox-custom .material-icons{opacity:1}.belt-form-modal__checkbox-text{flex:1 1}.belt-form-modal__color-grid{grid-gap:16px;background:var(--bfm-bg-secondary);border:1px solid var(--bfm-border);border-radius:var(--bfm-radius);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));padding:20px}.belt-form-modal__color-option{align-items:center;border-radius:var(--bfm-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:8px;transition:all .2s ease}.belt-form-modal__color-option:hover{background:#ffffff08}.belt-form-modal__color-option.selected{background:#f5c5420d}.belt-form-modal__color-circle{align-items:center;border:2px solid var(--bfm-border);border-radius:50%;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.belt-form-modal__color-option.selected .belt-form-modal__color-circle{border-color:var(--bfm-gold);box-shadow:0 0 16px #f5c5424d;transform:scale(1.1)}.belt-form-modal__color-circle.custom{background:linear-gradient(135deg,var(--bfm-bg-tertiary) 0,var(--bfm-bg-secondary) 100%);border:2px dashed var(--bfm-border);color:var(--bfm-text-muted);position:relative}.belt-form-modal__color-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.belt-form-modal__color-check{font-size:16px}.belt-form-modal__color-name{color:var(--bfm-text-muted);font-size:.75rem;font-weight:500;text-align:center}.belt-form-modal__color-option.selected .belt-form-modal__color-name{color:var(--bfm-gold);font-weight:600}.belt-form-modal__preview-container{align-items:center;display:flex;flex-direction:column;gap:12px}.belt-form-modal__preview-belt{background:#0003;border:1px solid #ffffff1a;border-radius:var(--bfm-radius);max-width:320px;padding:16px 24px;width:100%}.belt-form-modal__preview-text{color:var(--bfm-text-muted);font-size:.875rem;font-style:italic;margin:0;text-align:center}.belt-form-modal__cula-options{background:#f5c54208;border:1px solid #f5c5421a;border-radius:var(--bfm-radius);margin-top:8px;padding:16px}.belt-form-modal__color-input-group{align-items:center;display:flex;gap:12px}.belt-form-modal__color-picker{background:#0000;border:2px solid var(--bfm-border);border-radius:var(--bfm-radius-sm);cursor:pointer;height:40px;transition:all .2s ease;width:40px}.belt-form-modal__color-picker:hover{border-color:var(--bfm-border-focus)}.belt-form-modal__range{appearance:none;background:var(--bfm-bg-secondary);border-radius:3px;height:6px;outline:none;width:100%}.belt-form-modal__range::-webkit-slider-thumb{appearance:none;background:var(--bfm-gold);border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.belt-form-modal__range::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #f5c5424d;transform:scale(1.1)}.belt-form-modal__range::-moz-range-thumb{background:var(--bfm-gold);border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.belt-form-modal__count-value{color:var(--bfm-gold);font-weight:600}.belt-form-modal__actions{border-top:1px solid var(--bfm-border);display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:20px}.belt-form-modal__btn{align-items:center;border-radius:var(--bfm-radius-sm);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;outline:none;padding:12px 24px;transition:all .2s ease}.belt-form-modal__btn--secondary{background:#0000;border:1px solid var(--bfm-border);color:var(--bfm-text-secondary)}.belt-form-modal__btn--secondary:hover{background:#ffffff0d;border-color:var(--bfm-text-secondary);color:var(--bfm-text-primary)}.belt-form-modal__btn--primary{background:linear-gradient(135deg,var(--bfm-gold) 0,var(--bfm-gold-light) 100%);border:1px solid var(--bfm-gold);color:#000;font-weight:700}.belt-form-modal__btn--primary:hover{background:linear-gradient(135deg,var(--bfm-gold-light) 0,var(--bfm-gold) 100%);box-shadow:0 4px 12px #f5c5424d;transform:translateY(-1px)}.belt-form-modal__btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.belt-form-modal__btn .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.belt-form-modal{margin:20px!important;max-width:95vw!important}.belt-form-modal__header{padding:20px 16px 16px}.belt-form-modal__form{gap:20px;padding:0 16px 20px}.belt-form-modal__row{gap:12px;grid-template-columns:1fr}.belt-form-modal__color-grid{gap:12px;padding:16px}.belt-form-modal__actions{flex-direction:column-reverse}.belt-form-modal__btn{width:100%}}@media (max-width:480px){.belt-form-modal__header-content{gap:12px}.belt-form-modal__header-icon{font-size:20px;height:40px;width:40px}.belt-form-modal__title{font-size:1.1rem}}.belt-form-modal{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-subtle)!important;border-radius:var(--v2-radius-xl)!important;box-shadow:var(--v2-shadow-overlay)!important;color:var(--v2-text-primary)!important}.belt-form-modal__header{background:var(--v2-bg-card)!important;border-bottom:1px solid var(--v2-border-subtle)!important}.belt-form-modal__header-icon{background:var(--v2-primary-bg)!important;border:1px solid var(--v2-primary-border)!important;border-radius:var(--v2-radius-lg)!important;color:var(--v2-primary)!important}.belt-form-modal__title{color:var(--v2-text-primary)!important;letter-spacing:0!important}.belt-form-modal__checkbox-label,.belt-form-modal__label,.belt-form-modal__subtitle{color:var(--v2-text-secondary)!important}.belt-form-modal__section-header,.belt-form-modal__section-header .material-icons{color:var(--v2-primary)!important;letter-spacing:.02em!important}.belt-form-modal__color-grid,.belt-form-modal__preview-container,.belt-form-modal__section.preview{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-subtle)!important;border-radius:var(--v2-radius-lg)!important}.belt-form-modal__close-btn,.belt-form-modal__color-option{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;color:var(--v2-text-secondary)!important}.belt-form-modal__close-btn:hover,.belt-form-modal__color-option.selected,.belt-form-modal__color-option:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.belt-form-modal__color-input,.belt-form-modal__input,.belt-form-modal__textarea{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;box-shadow:none!important;color:var(--v2-text-primary)!important;min-height:44px!important}.belt-form-modal__color-input:focus,.belt-form-modal__input:focus,.belt-form-modal__textarea:focus{background:var(--v2-bg-card)!important;border-color:var(--v2-primary)!important;box-shadow:0 0 0 3px var(--v2-primary-bg)!important}.belt-form-modal__input::placeholder,.belt-form-modal__textarea::placeholder{color:var(--v2-text-muted)!important}.belt-form-modal__input.error,.belt-form-modal__textarea.error{border-color:var(--v2-danger)!important;box-shadow:0 0 0 3px var(--v2-danger-bg)!important}.belt-form-modal__error,.belt-form-modal__label .required{color:var(--v2-danger)!important}.belt-form-modal__checkbox-custom{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-default)!important}.belt-form-modal__checkbox:checked+.belt-form-modal__checkbox-custom{background:var(--v2-primary)!important;border-color:var(--v2-primary)!important}.belt-form-modal__checkbox-custom .material-icons{color:#fff!important}.belt-form-modal__color-name,.belt-form-modal__count-value,.belt-form-modal__preview-text{color:var(--v2-text-secondary)!important}.belt-form-modal__actions{border-top:1px solid var(--v2-border-subtle)!important}.belt-form-modal__btn{border-radius:var(--v2-radius-md)!important;min-height:44px!important}.belt-form-modal__btn--secondary{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;color:var(--v2-text-secondary)!important}.belt-form-modal__btn--secondary:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.belt-form-modal__btn--primary{background:var(--v2-primary)!important;border:1px solid var(--v2-primary)!important;box-shadow:none!important;color:#fff!important}.belt-form-modal__btn--primary:hover{background:var(--v2-primary-hover)!important;border-color:var(--v2-primary-hover)!important;box-shadow:none!important;transform:translateY(-1px)!important}.belt-mgmt{--bm-bg:var(--v2-bg-card);--bm-bg-hover:var(--v2-bg-elevated);--bm-border:var(--v2-border-subtle);--bm-border-hover:var(--v2-border-default);--bm-gold:var(--brand-gold);--bm-gold-light:var(--brand-gold);--bm-text:var(--v2-text-primary);--bm-text-muted:var(--v2-text-muted);--bm-green:var(--v2-success);--bm-green-light:var(--v2-success);--bm-blue:var(--v2-info);--bm-blue-light:var(--v2-info);--bm-shadow:var(--v2-shadow-xs);--bm-shadow-hover:var(--v2-shadow-sm);display:flex;flex-direction:column;gap:24px;padding:8px}.belt-mgmt__stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:8px}.belt-mgmt__stat-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bm-bg);border:1px solid var(--bm-border);border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.belt-mgmt__stat-card:before{background:linear-gradient(90deg,#0000,var(--bm-gold),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.belt-mgmt__stat-card:hover{background:var(--bm-bg-hover);border-color:var(--bm-border-hover);box-shadow:var(--bm-shadow-hover);transform:translateY(-4px)}.belt-mgmt__stat-card:hover:before{opacity:1}.belt-mgmt__stat-icon{align-items:center;border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.belt-mgmt__stat-icon:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.belt-mgmt__stat-card:hover .belt-mgmt__stat-icon:before{opacity:1}.belt-mgmt__stat-icon--gold{background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;box-shadow:0 4px 12px #f5c5421a;color:var(--bm-gold-light)}.belt-mgmt__stat-icon--green{background:linear-gradient(135deg,#1e7b4e26,#1e7b4e0d);border:1px solid #1e7b4e4d;box-shadow:0 4px 12px #1e7b4e1a;color:var(--bm-green-light)}.belt-mgmt__stat-icon--blue{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f64d;box-shadow:0 4px 12px #3b82f61a;color:var(--bm-blue-light)}.belt-mgmt__stat-info{display:flex;flex-direction:column;gap:4px}.belt-mgmt__stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--bm-text) 0,#fffc 100%);-webkit-background-clip:text;background-clip:text;color:var(--bm-text);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.1}.belt-mgmt__stat-label{color:var(--bm-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.belt-mgmt__content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bm-bg);border:1px solid var(--bm-border);border-radius:20px;box-shadow:var(--bm-shadow);min-height:500px;overflow:hidden;position:relative}.belt-mgmt__content:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.belt-mgmt__header{background:linear-gradient(135deg,#1e7b4e14,#f5c54208);border-bottom:1px solid var(--bm-border);padding:32px;position:relative}.belt-mgmt__header:after{background:linear-gradient(90deg,var(--bm-green),var(--bm-gold),var(--bm-green));border-radius:1px;bottom:0;content:"";height:2px;left:32px;position:absolute;right:32px}.belt-mgmt__title{gap:8px}.belt-mgmt__title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--bm-text) 0,var(--bm-gold-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.25rem,2vw,1.5rem);gap:12px}.belt-mgmt__title p{font-size:.95rem;font-weight:500}.belt-mgmt__actions{align-items:center;gap:16px}.belt-mgmt__empty{align-items:center;background:radial-gradient(ellipse at center,#f5c54208 0,#0000 70%);display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.belt-mgmt__empty .material-icons{animation:float 3s ease-in-out infinite;color:var(--bm-gold);font-size:64px!important;margin-bottom:24px;opacity:.3}.belt-mgmt__empty p{color:var(--bm-text-muted);font-size:1.1rem;font-weight:500;margin:8px 0}.belt-mgmt__empty p:first-of-type{color:var(--bm-text);font-size:1.25rem;font-weight:600}.belt-mgmt__header{align-items:center;background:linear-gradient(135deg,#1e7b4e1a,#0000);border-bottom:2px solid var(--bm-gold);display:flex;justify-content:space-between;padding:24px}.belt-mgmt__title{display:flex;flex-direction:column;gap:4px}.belt-mgmt__title h2{align-items:center;color:var(--bm-text);display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin:0}.belt-mgmt__title p{color:var(--bm-text-muted);font-size:.9rem;margin:0}.belt-mgmt__actions{display:flex;gap:12px}.belt-mgmt__table-container{background:linear-gradient(180deg,#0000,#00000005);overflow-x:auto;padding:0}.belt-mgmt__table{border-collapse:collapse;width:100%}.belt-mgmt__table th{background:linear-gradient(135deg,#0000004d,#0000001a);border-bottom:2px solid #f5c54233;color:var(--bm-gold-light);font-size:.75rem;font-weight:700;letter-spacing:1.2px;padding:20px 24px;position:relative;text-align:left;text-transform:uppercase}.belt-mgmt__table th:after{background:linear-gradient(90deg,#0000,var(--bm-gold),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.belt-mgmt__table td{border-bottom:1px solid #ffffff08;color:var(--bm-text);font-size:.95rem;padding:20px 24px;transition:all .2s ease;vertical-align:middle}.belt-mgmt__table tr:last-child td{border-bottom:none}.belt-mgmt__table tr:hover td{background:#ffffff08;border-color:#ffffff14}.belt-mgmt__level-badge{align-items:center;background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;border-radius:12px;box-shadow:0 2px 8px #f5c5421a;color:var(--bm-gold-light);display:flex;font-size:1rem;font-weight:800;height:40px;justify-content:center;transition:all .2s ease;width:40px}.belt-mgmt__table tr:hover .belt-mgmt__level-badge{box-shadow:0 4px 12px #f5c54233;transform:scale(1.05)}.belt-mgmt__code{background:linear-gradient(135deg,#0006,#0003);border:1px solid var(--bm-border);border-radius:8px;color:var(--bm-text);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease}.belt-mgmt__table tr:hover .belt-mgmt__code{background:linear-gradient(135deg,#0009,#0000004d);border-color:var(--bm-border-hover)}.belt-mgmt__table tr:hover .td-visual>div{background:linear-gradient(135deg,#ffffff1f,#ffffff0a)!important;border-color:#ffffff26!important;transform:scale(1.02)}.belt-mgmt__status{align-items:center;border-radius:24px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;overflow:hidden;padding:6px 14px;position:relative;text-transform:uppercase;transition:all .2s ease}.belt-mgmt__status:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.belt-mgmt__status:hover:before{left:100%}.belt-mgmt__status--active{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b9814d;box-shadow:0 2px 8px #10b9811a;color:#10b981}.belt-mgmt__status--active:after{animation:pulse 2s infinite;color:#10b981;content:"●"}.belt-mgmt__status--inactive{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;box-shadow:0 2px 8px #ef44441a;color:#ef4444}.belt-mgmt__action-btn{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--bm-border);border-radius:10px;color:var(--bm-text-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-right:8px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.belt-mgmt__action-btn:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.belt-mgmt__action-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:var(--bm-border-hover);box-shadow:0 4px 12px #00000026;color:var(--bm-text);transform:translateY(-2px)}.belt-mgmt__action-btn:hover:before{opacity:1}.belt-mgmt__action-btn--delete:hover{background:linear-gradient(135deg,#dc262633,#dc26261a);border-color:#dc262666;box-shadow:0 4px 12px #dc262633;color:#ef4444}@media (max-width:768px){.belt-mgmt__stats-row{gap:16px;grid-template-columns:1fr}.belt-mgmt__stat-card{padding:20px}.belt-mgmt__stat-icon{font-size:24px;height:48px;width:48px}.belt-mgmt__header{align-items:stretch;flex-direction:column;gap:20px;padding:24px}.belt-mgmt__actions{justify-content:center}.belt-mgmt__table td,.belt-mgmt__table th{padding:16px 12px}}@media (max-width:480px){.belt-mgmt{gap:16px;padding:4px}.belt-mgmt__content{border-radius:16px}.belt-mgmt__header{padding:20px}.belt-mgmt__empty{padding:60px 20px}}.belt-mgmt{padding:0}.belt-mgmt__content,.belt-mgmt__stat-card,.belt-mgmt__table-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.belt-mgmt__action-btn:before,.belt-mgmt__content:before,.belt-mgmt__header:after,.belt-mgmt__stat-card:before,.belt-mgmt__stat-icon:before,.belt-mgmt__status:after,.belt-mgmt__status:before,.belt-mgmt__table th:after{display:none}.belt-mgmt__stat-card:hover{background:var(--v2-bg-elevated);border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.belt-mgmt__stat-icon{border-radius:var(--v2-radius-md);box-shadow:none}.belt-mgmt__stat-icon--gold{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.belt-mgmt__stat-icon--green{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.belt-mgmt__stat-icon--blue{background:var(--v2-info-bg);border-color:var(--v2-info-border);color:var(--v2-info)}.belt-mgmt__stat-value,.belt-mgmt__title h2{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0}.belt-mgmt__empty p,.belt-mgmt__stat-label,.belt-mgmt__table th,.belt-mgmt__title p{color:var(--v2-text-muted);letter-spacing:0}.belt-mgmt__header{background:var(--v2-bg-card)}.belt-mgmt__header,.belt-mgmt__table th{border-bottom:1px solid var(--v2-border-subtle)}.belt-mgmt__table th{background:var(--v2-bg-muted)}.belt-mgmt__table td{border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-primary)}.belt-mgmt__table tr:hover td{background:var(--v2-bg-muted)}.belt-mgmt__code,.belt-mgmt__level-badge,.belt-mgmt__status{border-radius:var(--v2-radius-pill);box-shadow:none;letter-spacing:0}.belt-mgmt__code,.belt-mgmt__level-badge{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.belt-mgmt__status--active{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.belt-mgmt__status--inactive{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.belt-mgmt__action-btn{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-secondary);height:44px;width:44px}.belt-mgmt__action-btn:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);box-shadow:none;color:var(--v2-primary);transform:none}.belt-mgmt__action-btn--delete:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.sandang-form-modal{--sfm-bg-primary:#1a1a1a;--sfm-bg-secondary:#2a2a2a;--sfm-bg-tertiary:#333;--sfm-border:#ffffff1a;--sfm-border-focus:#f5c5424d;--sfm-gold:#f5c542;--sfm-gold-light:#f8d574;--sfm-text-primary:#fff;--sfm-text-secondary:#ffffffb3;--sfm-text-muted:#ffffff80;--sfm-green:#1e7b4e;--sfm-error:#ef4444;--sfm-shadow:0 4px 20px #0000004d;--sfm-radius:12px;--sfm-radius-sm:8px;background:var(--sfm-bg-primary)!important;border:1px solid var(--sfm-border)!important;border-radius:var(--sfm-radius)!important;box-shadow:var(--sfm-shadow)!important;color:var(--sfm-text-primary)!important;max-height:90vh!important;max-width:520px!important;overflow:hidden!important;width:100%!important}.sandang-form-modal .modal-modern__inner{display:flex!important;flex-direction:column!important;height:100%!important;padding:0!important}.sandang-form-modal__header{align-items:center;background:linear-gradient(135deg,var(--sfm-bg-primary) 0,var(--sfm-bg-secondary) 100%);border-bottom:1px solid var(--sfm-border);display:flex;justify-content:space-between;padding:24px 24px 20px}.sandang-form-modal__header-content{align-items:center;display:flex;gap:16px}.sandang-form-modal__header-icon{align-items:center;background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;border-radius:12px;color:var(--sfm-gold);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.sandang-form-modal__header-text{display:flex;flex-direction:column;gap:4px}.sandang-form-modal__title{color:var(--sfm-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin:0}.sandang-form-modal__subtitle{color:var(--sfm-text-muted);font-size:.875rem;font-weight:400;margin:0}.sandang-form-modal__close-btn{align-items:center;background:#0000;border:1px solid var(--sfm-border);border-radius:var(--sfm-radius-sm);color:var(--sfm-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sandang-form-modal__close-btn:hover{background:#ffffff0d;border-color:var(--sfm-border-focus);color:var(--sfm-text-primary)}.sandang-form-modal__form{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:0 24px 24px}.sandang-form-modal__section{display:flex;flex-direction:column;gap:16px}.sandang-form-modal__section.preview{background:linear-gradient(135deg,#f5c54208,#1e7b4e05);border:1px solid #f5c5421a;border-radius:var(--sfm-radius);margin:8px 0;padding:20px}.sandang-form-modal__section-header{align-items:center;color:var(--sfm-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.sandang-form-modal__section-header .material-icons{color:var(--sfm-gold);font-size:18px}.sandang-form-modal__field{display:flex;flex-direction:column;gap:8px}.sandang-form-modal__row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sandang-form-modal__label{color:var(--sfm-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:4px}.sandang-form-modal__label .required{color:var(--sfm-error);margin-left:2px}.sandang-form-modal__input{background:var(--sfm-bg-secondary);border:1px solid var(--sfm-border);border-radius:var(--sfm-radius-sm);color:var(--sfm-text-primary);font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s ease}.sandang-form-modal__input:focus{background:var(--sfm-bg-tertiary);border-color:var(--sfm-border-focus);box-shadow:0 0 0 3px #f5c5421a}.sandang-form-modal__input.error{border-color:var(--sfm-error);box-shadow:0 0 0 3px #ef44441a}.sandang-form-modal__input.small{flex:1 1;min-width:0}.sandang-form-modal__input::placeholder{color:var(--sfm-text-muted)}.sandang-form-modal__textarea{background:var(--sfm-bg-secondary);border:1px solid var(--sfm-border);border-radius:var(--sfm-radius-sm);color:var(--sfm-text-primary);font-family:inherit;font-size:.95rem;min-height:80px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease}.sandang-form-modal__textarea:focus{background:var(--sfm-bg-tertiary);border-color:var(--sfm-border-focus);box-shadow:0 0 0 3px #f5c5421a}.sandang-form-modal__textarea::placeholder{color:var(--sfm-text-muted)}.sandang-form-modal__error{color:var(--sfm-error);font-size:.8rem;margin-top:4px}.sandang-form-modal__checkbox-label{align-items:center;color:var(--sfm-text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px}.sandang-form-modal__checkbox{display:none}.sandang-form-modal__checkbox-custom{align-items:center;background:var(--sfm-bg-secondary);border:2px solid var(--sfm-border);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.sandang-form-modal__checkbox-custom .material-icons{color:var(--sfm-gold);font-size:14px;opacity:0;transition:opacity .2s ease}.sandang-form-modal__checkbox:checked+.sandang-form-modal__checkbox-custom{background:linear-gradient(135deg,#f5c54233,#f5c5421a);border-color:var(--sfm-gold)}.sandang-form-modal__checkbox:checked+.sandang-form-modal__checkbox-custom .material-icons{opacity:1}.sandang-form-modal__checkbox-text{flex:1 1}.sandang-form-modal__color-grid{grid-gap:16px;background:var(--sfm-bg-secondary);border:1px solid var(--sfm-border);border-radius:var(--sfm-radius);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));padding:20px}.sandang-form-modal__color-option{align-items:center;border-radius:var(--sfm-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:8px;transition:all .2s ease}.sandang-form-modal__color-option:hover{background:#ffffff08}.sandang-form-modal__color-option.selected{background:#f5c5420d}.sandang-form-modal__color-circle{align-items:center;border:2px solid var(--sfm-border);border-radius:50%;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.sandang-form-modal__color-option.selected .sandang-form-modal__color-circle{border-color:var(--sfm-gold);box-shadow:0 0 16px #f5c5424d;transform:scale(1.1)}.sandang-form-modal__color-circle.custom{background:linear-gradient(135deg,var(--sfm-bg-tertiary) 0,var(--sfm-bg-secondary) 100%);border:2px dashed var(--sfm-border);color:var(--sfm-text-muted);position:relative}.sandang-form-modal__color-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.sandang-form-modal__color-check{font-size:16px}.sandang-form-modal__color-name{color:var(--sfm-text-muted);font-size:.75rem;font-weight:500;text-align:center}.sandang-form-modal__color-option.selected .sandang-form-modal__color-name{color:var(--sfm-gold);font-weight:600}.sandang-form-modal__preview-container{align-items:center;display:flex;flex-direction:column;gap:12px}.sandang-form-modal__preview-belt{background:#0003;border:1px solid #ffffff1a;border-radius:var(--sfm-radius);max-width:320px;padding:16px 24px;width:100%}.sandang-form-modal__preview-text{color:var(--sfm-text-muted);font-size:.875rem;font-style:italic;margin:0;text-align:center}.sandang-form-modal__cula-options{background:#f5c54208;border:1px solid #f5c5421a;border-radius:var(--sfm-radius);margin-top:8px;padding:16px}.sandang-form-modal__color-input-group{align-items:center;display:flex;gap:12px}.sandang-form-modal__color-picker{background:#0000;border:2px solid var(--sfm-border);border-radius:var(--sfm-radius-sm);cursor:pointer;height:40px;transition:all .2s ease;width:40px}.sandang-form-modal__color-picker:hover{border-color:var(--sfm-border-focus)}.sandang-form-modal__range{appearance:none;background:var(--sfm-bg-secondary);border-radius:3px;height:6px;outline:none;width:100%}.sandang-form-modal__range::-webkit-slider-thumb{appearance:none;background:var(--sfm-gold);border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.sandang-form-modal__range::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #f5c5424d;transform:scale(1.1)}.sandang-form-modal__range::-moz-range-thumb{background:var(--sfm-gold);border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.sandang-form-modal__count-value{color:var(--sfm-gold);font-weight:600}.sandang-form-modal__actions{border-top:1px solid var(--sfm-border);display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:20px}.sandang-form-modal__btn{align-items:center;border-radius:var(--sfm-radius-sm);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;outline:none;padding:12px 24px;transition:all .2s ease}.sandang-form-modal__btn--secondary{background:#0000;border:1px solid var(--sfm-border);color:var(--sfm-text-secondary)}.sandang-form-modal__btn--secondary:hover{background:#ffffff0d;border-color:var(--sfm-text-secondary);color:var(--sfm-text-primary)}.sandang-form-modal__btn--primary{background:linear-gradient(135deg,var(--sfm-gold) 0,var(--sfm-gold-light) 100%);border:1px solid var(--sfm-gold);color:#000;font-weight:700}.sandang-form-modal__btn--primary:hover{background:linear-gradient(135deg,var(--sfm-gold-light) 0,var(--sfm-gold) 100%);box-shadow:0 4px 12px #f5c5424d;transform:translateY(-1px)}.sandang-form-modal__btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.sandang-form-modal__btn .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.sandang-form-modal{margin:20px!important;max-width:95vw!important}.sandang-form-modal__header{padding:20px 16px 16px}.sandang-form-modal__form{gap:20px;padding:0 16px 20px}.sandang-form-modal__row{gap:12px;grid-template-columns:1fr}.sandang-form-modal__color-grid{gap:12px;padding:16px}.sandang-form-modal__actions{flex-direction:column-reverse}.sandang-form-modal__btn{width:100%}}@media (max-width:480px){.sandang-form-modal__header-content{gap:12px}.sandang-form-modal__header-icon{font-size:20px;height:40px;width:40px}.sandang-form-modal__title{font-size:1.1rem}}.sandang-form-modal{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-subtle)!important;border-radius:var(--v2-radius-xl)!important;box-shadow:var(--v2-shadow-overlay)!important;color:var(--v2-text-primary)!important}.sandang-form-modal__header{background:var(--v2-bg-card)!important;border-bottom:1px solid var(--v2-border-subtle)!important}.sandang-form-modal__header-icon{background:var(--v2-primary-bg)!important;border:1px solid var(--v2-primary-border)!important;border-radius:var(--v2-radius-lg)!important;color:var(--v2-primary)!important}.sandang-form-modal__title{color:var(--v2-text-primary)!important;letter-spacing:0!important}.sandang-form-modal__checkbox-label,.sandang-form-modal__label,.sandang-form-modal__subtitle{color:var(--v2-text-secondary)!important}.sandang-form-modal__section-header,.sandang-form-modal__section-header .material-icons{color:var(--v2-primary)!important;letter-spacing:.02em!important}.sandang-form-modal__color-grid,.sandang-form-modal__preview-container,.sandang-form-modal__section.preview{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-subtle)!important;border-radius:var(--v2-radius-lg)!important}.sandang-form-modal__close-btn,.sandang-form-modal__color-option{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;color:var(--v2-text-secondary)!important}.sandang-form-modal__close-btn:hover,.sandang-form-modal__color-option.selected,.sandang-form-modal__color-option:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.sandang-form-modal__color-input,.sandang-form-modal__input,.sandang-form-modal__textarea{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;box-shadow:none!important;color:var(--v2-text-primary)!important;min-height:44px!important}.sandang-form-modal__color-input:focus,.sandang-form-modal__input:focus,.sandang-form-modal__textarea:focus{background:var(--v2-bg-card)!important;border-color:var(--v2-primary)!important;box-shadow:0 0 0 3px var(--v2-primary-bg)!important}.sandang-form-modal__input::placeholder,.sandang-form-modal__textarea::placeholder{color:var(--v2-text-muted)!important}.sandang-form-modal__input.error,.sandang-form-modal__textarea.error{border-color:var(--v2-danger)!important;box-shadow:0 0 0 3px var(--v2-danger-bg)!important}.sandang-form-modal__error,.sandang-form-modal__label .required{color:var(--v2-danger)!important}.sandang-form-modal__checkbox-custom{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-default)!important}.sandang-form-modal__checkbox:checked+.sandang-form-modal__checkbox-custom{background:var(--v2-primary)!important;border-color:var(--v2-primary)!important}.sandang-form-modal__checkbox-custom .material-icons{color:#fff!important}.sandang-form-modal__color-name,.sandang-form-modal__count-value,.sandang-form-modal__preview-text{color:var(--v2-text-secondary)!important}.sandang-form-modal__actions{border-top:1px solid var(--v2-border-subtle)!important}.sandang-form-modal__btn{border-radius:var(--v2-radius-md)!important;min-height:44px!important}.sandang-form-modal__btn--secondary{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;color:var(--v2-text-secondary)!important}.sandang-form-modal__btn--secondary:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.sandang-form-modal__btn--primary{background:var(--v2-primary)!important;border:1px solid var(--v2-primary)!important;box-shadow:none!important;color:#fff!important}.sandang-form-modal__btn--primary:hover{background:var(--v2-primary-hover)!important;border-color:var(--v2-primary-hover)!important;box-shadow:none!important;transform:translateY(-1px)!important}.sandang-mgmt{--sm-bg:var(--v2-bg-card);--sm-bg-hover:var(--v2-bg-elevated);--sm-border:var(--v2-border-subtle);--sm-border-hover:var(--v2-border-default);--sm-gold:var(--brand-gold);--sm-gold-light:var(--brand-gold);--sm-text:var(--v2-text-primary);--sm-text-muted:var(--v2-text-muted);--sm-green:var(--v2-success);--sm-green-light:var(--v2-success);--sm-blue:var(--v2-info);--sm-blue-light:var(--v2-info);--sm-shadow:var(--v2-shadow-xs);--sm-shadow-hover:var(--v2-shadow-sm);display:flex;flex-direction:column;gap:24px;padding:8px}.sandang-mgmt__stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:8px}.sandang-mgmt__stat-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--sm-bg);border:1px solid var(--sm-border);border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sandang-mgmt__stat-card:before{background:linear-gradient(90deg,#0000,var(--sm-gold),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sandang-mgmt__stat-card:hover{background:var(--sm-bg-hover);border-color:var(--sm-border-hover);box-shadow:var(--sm-shadow-hover);transform:translateY(-4px)}.sandang-mgmt__stat-card:hover:before{opacity:1}.sandang-mgmt__stat-icon{align-items:center;border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.sandang-mgmt__stat-icon:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sandang-mgmt__stat-card:hover .sandang-mgmt__stat-icon:before{opacity:1}.sandang-mgmt__stat-icon--gold{background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;box-shadow:0 4px 12px #f5c5421a;color:var(--sm-gold-light)}.sandang-mgmt__stat-icon--green{background:linear-gradient(135deg,#1e7b4e26,#1e7b4e0d);border:1px solid #1e7b4e4d;box-shadow:0 4px 12px #1e7b4e1a;color:var(--sm-green-light)}.sandang-mgmt__stat-icon--blue{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f64d;box-shadow:0 4px 12px #3b82f61a;color:var(--sm-blue-light)}.sandang-mgmt__stat-info{display:flex;flex-direction:column;gap:4px}.sandang-mgmt__stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--sm-text) 0,#fffc 100%);-webkit-background-clip:text;background-clip:text;color:var(--sm-text);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.1}.sandang-mgmt__stat-label{color:var(--sm-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.sandang-mgmt__content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--sm-bg);border:1px solid var(--sm-border);border-radius:20px;box-shadow:var(--sm-shadow);min-height:500px;overflow:hidden;position:relative}.sandang-mgmt__content:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sandang-mgmt__header{align-items:center;background:linear-gradient(135deg,#1e7b4e14,#f5c54208);border-bottom:1px solid var(--sm-border);display:flex;justify-content:space-between;padding:32px;position:relative}.sandang-mgmt__header:after{background:linear-gradient(90deg,var(--sm-green),var(--sm-gold),var(--sm-green));border-radius:1px;bottom:0;content:"";height:2px;left:32px;position:absolute;right:32px}.sandang-mgmt__title{display:flex;flex-direction:column;gap:8px}.sandang-mgmt__title h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--sm-text) 0,var(--sm-gold-light) 100%);-webkit-background-clip:text;background-clip:text;color:var(--sm-text);display:flex;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;gap:12px;margin:0}.sandang-mgmt__title p{color:var(--sm-text-muted);font-size:.95rem;font-weight:500;margin:0}.sandang-mgmt__actions{align-items:center;display:flex;gap:16px}.sandang-mgmt__empty{align-items:center;background:radial-gradient(ellipse at center,#f5c54208 0,#0000 70%);display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.sandang-mgmt__empty .material-icons{animation:float 3s ease-in-out infinite;color:var(--sm-gold);font-size:64px!important;margin-bottom:24px;opacity:.3}.sandang-mgmt__empty p{color:var(--sm-text-muted);font-size:1.1rem;font-weight:500;margin:8px 0}.sandang-mgmt__empty p:first-of-type{color:var(--sm-text);font-size:1.25rem;font-weight:600}.sandang-mgmt__table-container{background:linear-gradient(180deg,#0000,#00000005);overflow-x:auto;padding:0}.sandang-mgmt__table{border-collapse:collapse;width:100%}.sandang-mgmt__table th{background:linear-gradient(135deg,#0000004d,#0000001a);border-bottom:2px solid #f5c54233;color:var(--sm-gold-light);font-size:.75rem;font-weight:700;letter-spacing:1.2px;padding:20px 24px;position:relative;text-align:left;text-transform:uppercase}.sandang-mgmt__table th:after{background:linear-gradient(90deg,#0000,var(--sm-gold),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.sandang-mgmt__table td{border-bottom:1px solid #ffffff08;color:var(--sm-text);font-size:.95rem;padding:20px 24px;transition:all .2s ease;vertical-align:middle}.sandang-mgmt__table tr:last-child td{border-bottom:none}.sandang-mgmt__table tr:hover td{background:#ffffff08;border-color:#ffffff14}.sandang-mgmt__level-badge{align-items:center;background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;border-radius:12px;box-shadow:0 2px 8px #f5c5421a;color:var(--sm-gold-light);display:flex;font-size:1rem;font-weight:800;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sandang-mgmt__table tr:hover .sandang-mgmt__level-badge{box-shadow:0 4px 12px #f5c54233;transform:scale(1.05)}.sandang-mgmt__code{background:linear-gradient(135deg,#0006,#0003);border:1px solid var(--sm-border);border-radius:8px;color:var(--sm-text);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease}.sandang-mgmt__table tr:hover .sandang-mgmt__code{background:linear-gradient(135deg,#0009,#0000004d);border-color:var(--sm-border-hover)}.td-visual{padding:16px 24px!important}.td-visual>div{background:linear-gradient(135deg,#ffffff14,#ffffff05)!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:12px 16px!important;transition:all .2s ease;width:fit-content}.sandang-mgmt__table tr:hover .td-visual>div{background:linear-gradient(135deg,#ffffff1f,#ffffff0a)!important;border-color:#ffffff26!important;transform:scale(1.02)}.sandang-mgmt__status{align-items:center;border-radius:24px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;overflow:hidden;padding:6px 14px;position:relative;text-transform:uppercase;transition:all .2s ease}.sandang-mgmt__status:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sandang-mgmt__status:hover:before{left:100%}.sandang-mgmt__status--active{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b9814d;box-shadow:0 2px 8px #10b9811a;color:#10b981}.sandang-mgmt__status--active:after{animation:pulse 2s infinite;color:#10b981;content:"●"}.sandang-mgmt__status--inactive{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;box-shadow:0 2px 8px #ef44441a;color:#ef4444}.sandang-mgmt__action-btn{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--sm-border);border-radius:10px;color:var(--sm-text-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-right:8px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.sandang-mgmt__action-btn:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sandang-mgmt__action-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:var(--sm-border-hover);box-shadow:0 4px 12px #00000026;color:var(--sm-text);transform:translateY(-2px)}.sandang-mgmt__action-btn:hover:before{opacity:1}.sandang-mgmt__action-btn--delete:hover{background:linear-gradient(135deg,#dc262633,#dc26261a);border-color:#dc262666;box-shadow:0 4px 12px #dc262633;color:#ef4444}@media (max-width:768px){.sandang-mgmt__stats-row{gap:16px;grid-template-columns:1fr}.sandang-mgmt__stat-card{padding:20px}.sandang-mgmt__stat-icon{font-size:24px;height:48px;width:48px}.sandang-mgmt__header{align-items:stretch;flex-direction:column;gap:20px;padding:24px}.sandang-mgmt__actions{justify-content:center}.sandang-mgmt__table td,.sandang-mgmt__table th{padding:16px 12px}}@media (max-width:480px){.sandang-mgmt{gap:16px;padding:4px}.sandang-mgmt__content{border-radius:16px}.sandang-mgmt__header{padding:20px}.sandang-mgmt__empty{padding:60px 20px}}.sandang-mgmt{padding:0}.sandang-mgmt__content,.sandang-mgmt__stat-card,.sandang-mgmt__table-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.sandang-mgmt__action-btn:before,.sandang-mgmt__content:before,.sandang-mgmt__header:after,.sandang-mgmt__stat-card:before,.sandang-mgmt__stat-icon:before,.sandang-mgmt__status:after,.sandang-mgmt__status:before,.sandang-mgmt__table th:after{display:none}.sandang-mgmt__stat-card:hover{background:var(--v2-bg-elevated);border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.sandang-mgmt__stat-icon{border-radius:var(--v2-radius-md);box-shadow:none}.sandang-mgmt__stat-icon--gold{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.sandang-mgmt__stat-icon--green{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.sandang-mgmt__stat-icon--blue{background:var(--v2-info-bg);border-color:var(--v2-info-border);color:var(--v2-info)}.sandang-mgmt__stat-value,.sandang-mgmt__title h2{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0}.sandang-mgmt__empty p,.sandang-mgmt__stat-label,.sandang-mgmt__table th,.sandang-mgmt__title p{color:var(--v2-text-muted);letter-spacing:0}.sandang-mgmt__header{background:var(--v2-bg-card)}.sandang-mgmt__header,.sandang-mgmt__table th{border-bottom:1px solid var(--v2-border-subtle)}.sandang-mgmt__table th{background:var(--v2-bg-muted)}.sandang-mgmt__table td{border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-primary)}.sandang-mgmt__table tr:hover td{background:var(--v2-bg-muted)}.sandang-mgmt__code,.sandang-mgmt__level-badge,.sandang-mgmt__status{border-radius:var(--v2-radius-pill);box-shadow:none;letter-spacing:0}.sandang-mgmt__code,.sandang-mgmt__level-badge{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.sandang-mgmt__status--active{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.sandang-mgmt__status--inactive{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.sandang-mgmt__action-btn{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-secondary);height:44px;width:44px}.sandang-mgmt__action-btn:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);box-shadow:none;color:var(--v2-primary);transform:none}.sandang-mgmt__action-btn--delete:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.jawatan-form-modal{--jfm-bg-primary:#1a1a1a;--jfm-bg-secondary:#2a2a2a;--jfm-bg-tertiary:#333;--jfm-border:#ffffff1a;--jfm-border-focus:#f5c5424d;--jfm-gold:#f5c542;--jfm-gold-light:#f8d574;--jfm-text-primary:#fff;--jfm-text-secondary:#ffffffb3;--jfm-text-muted:#ffffff80;--jfm-green:#1e7b4e;--jfm-blue:#3b82f6;--jfm-error:#ef4444;--jfm-shadow:0 4px 20px #0000004d;--jfm-radius:12px;--jfm-radius-sm:8px;background:var(--jfm-bg-primary)!important;border:1px solid var(--jfm-border)!important;border-radius:var(--jfm-radius)!important;box-shadow:var(--jfm-shadow)!important;color:var(--jfm-text-primary)!important;max-height:90vh!important;max-width:520px!important;overflow:hidden!important;width:100%!important}.jawatan-form-modal .modal-modern__inner{display:flex!important;flex-direction:column!important;height:100%!important;padding:0!important}.jawatan-form-modal__header{align-items:center;background:linear-gradient(135deg,var(--jfm-bg-primary) 0,var(--jfm-bg-secondary) 100%);border-bottom:1px solid var(--jfm-border);display:flex;justify-content:space-between;padding:24px 24px 20px}.jawatan-form-modal__header-content{align-items:center;display:flex;gap:16px}.jawatan-form-modal__header-icon{align-items:center;background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;border-radius:12px;color:var(--jfm-gold);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.jawatan-form-modal__header-text{display:flex;flex-direction:column;gap:4px}.jawatan-form-modal__title{color:var(--jfm-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.5px;margin:0}.jawatan-form-modal__subtitle{color:var(--jfm-text-muted);font-size:.875rem;font-weight:400;margin:0}.jawatan-form-modal__close-btn{align-items:center;background:#0000;border:1px solid var(--jfm-border);border-radius:var(--jfm-radius-sm);color:var(--jfm-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.jawatan-form-modal__close-btn:hover{background:#ffffff0d;border-color:var(--jfm-border-focus);color:var(--jfm-text-primary)}.jawatan-form-modal__form{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:0 24px 24px}.jawatan-form-modal__section{display:flex;flex-direction:column;gap:16px}.jawatan-form-modal__section-header{align-items:center;color:var(--jfm-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.jawatan-form-modal__section-header .material-icons{color:var(--jfm-gold);font-size:18px}.jawatan-form-modal__field{display:flex;flex-direction:column;gap:8px}.jawatan-form-modal__row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.jawatan-form-modal__label{color:var(--jfm-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:4px}.jawatan-form-modal__label .required{color:var(--jfm-error);margin-left:2px}.jawatan-form-modal__input{background:var(--jfm-bg-secondary);border:1px solid var(--jfm-border);border-radius:var(--jfm-radius-sm);color:var(--jfm-text-primary);font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s ease}.jawatan-form-modal__input:focus{background:var(--jfm-bg-tertiary);border-color:var(--jfm-border-focus);box-shadow:0 0 0 3px #f5c5421a}.jawatan-form-modal__input.error{border-color:var(--jfm-error);box-shadow:0 0 0 3px #ef44441a}.jawatan-form-modal__input::placeholder{color:var(--jfm-text-muted)}.jawatan-form-modal__textarea{background:var(--jfm-bg-secondary);border:1px solid var(--jfm-border);border-radius:var(--jfm-radius-sm);color:var(--jfm-text-primary);font-family:inherit;font-size:.95rem;min-height:80px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease}.jawatan-form-modal__textarea:focus{background:var(--jfm-bg-tertiary);border-color:var(--jfm-border-focus);box-shadow:0 0 0 3px #f5c5421a}.jawatan-form-modal__textarea::placeholder{color:var(--jfm-text-muted)}.jawatan-form-modal__error{color:var(--jfm-error);font-size:.8rem;margin-top:4px}.jawatan-form-modal__checkbox-label{align-items:center;color:var(--jfm-text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px}.jawatan-form-modal__checkbox{display:none}.jawatan-form-modal__checkbox-custom{align-items:center;background:var(--jfm-bg-secondary);border:2px solid var(--jfm-border);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.jawatan-form-modal__checkbox-custom .material-icons{color:var(--jfm-gold);font-size:14px;opacity:0;transition:opacity .2s ease}.jawatan-form-modal__checkbox:checked+.jawatan-form-modal__checkbox-custom{background:linear-gradient(135deg,#f5c54233,#f5c5421a);border-color:var(--jfm-gold)}.jawatan-form-modal__checkbox:checked+.jawatan-form-modal__checkbox-custom .material-icons{opacity:1}.jawatan-form-modal__checkbox-text{flex:1 1}.jawatan-form-modal__type-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.jawatan-form-modal__type-option{align-items:center;background:var(--jfm-bg-secondary);border:2px solid var(--jfm-border);border-radius:var(--jfm-radius);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.jawatan-form-modal__type-option:hover{background:var(--jfm-bg-tertiary);border-color:#f5c54233;transform:translateY(-2px)}.jawatan-form-modal__type-option.selected{background:linear-gradient(135deg,#f5c54214,#f5c54208);border-color:var(--jfm-gold);box-shadow:0 8px 25px #f5c54226;transform:translateY(-2px)}.jawatan-form-modal__type-check{align-items:center;background:var(--jfm-gold);border-radius:50%;color:#000;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.jawatan-form-modal__type-icon{font-size:32px;transition:all .2s ease}.jawatan-form-modal__type-content{display:flex;flex-direction:column;gap:4px}.jawatan-form-modal__type-label{color:var(--jfm-text-primary);font-size:1rem;font-weight:600}.jawatan-form-modal__type-sub{color:var(--jfm-text-muted);font-size:.8rem;font-weight:400}.jawatan-form-modal__type-option.selected .jawatan-form-modal__type-label{color:var(--jfm-gold)}.jawatan-form-modal__type-option.selected .jawatan-form-modal__type-sub{color:var(--jfm-text-secondary)}.jawatan-form-modal__actions{border-top:1px solid var(--jfm-border);display:flex;gap:12px;justify-content:flex-end;margin-top:auto;padding-top:20px}.jawatan-form-modal__btn{align-items:center;border-radius:var(--jfm-radius-sm);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;outline:none;padding:12px 24px;transition:all .2s ease}.jawatan-form-modal__btn--secondary{background:#0000;border:1px solid var(--jfm-border);color:var(--jfm-text-secondary)}.jawatan-form-modal__btn--secondary:hover{background:#ffffff0d;border-color:var(--jfm-text-secondary);color:var(--jfm-text-primary)}.jawatan-form-modal__btn--primary{background:linear-gradient(135deg,var(--jfm-gold) 0,var(--jfm-gold-light) 100%);border:1px solid var(--jfm-gold);color:#000;font-weight:700}.jawatan-form-modal__btn--primary:hover{background:linear-gradient(135deg,var(--jfm-gold-light) 0,var(--jfm-gold) 100%);box-shadow:0 4px 12px #f5c5424d;transform:translateY(-1px)}.jawatan-form-modal__btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.jawatan-form-modal__btn .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.jawatan-form-modal{margin:20px!important;max-width:95vw!important}.jawatan-form-modal__header{padding:20px 16px 16px}.jawatan-form-modal__form{gap:20px;padding:0 16px 20px}.jawatan-form-modal__row,.jawatan-form-modal__type-grid{gap:12px;grid-template-columns:1fr}.jawatan-form-modal__actions{flex-direction:column-reverse}.jawatan-form-modal__btn{width:100%}}@media (max-width:480px){.jawatan-form-modal__header-content{gap:12px}.jawatan-form-modal__header-icon{font-size:20px;height:40px;width:40px}.jawatan-form-modal__title{font-size:1.1rem}.jawatan-form-modal__type-option{padding:16px}.jawatan-form-modal__type-icon{font-size:28px}}.jawatan-form-modal{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-subtle)!important;border-radius:var(--v2-radius-xl)!important;box-shadow:var(--v2-shadow-overlay)!important;color:var(--v2-text-primary)!important}.jawatan-form-modal__header{background:var(--v2-bg-card)!important;border-bottom:1px solid var(--v2-border-subtle)!important}.jawatan-form-modal__header-icon{background:var(--v2-primary-bg)!important;border:1px solid var(--v2-primary-border)!important;border-radius:var(--v2-radius-lg)!important;color:var(--v2-primary)!important}.jawatan-form-modal__title{color:var(--v2-text-primary)!important;letter-spacing:0!important}.jawatan-form-modal__checkbox-label,.jawatan-form-modal__label,.jawatan-form-modal__subtitle,.jawatan-form-modal__type-sub{color:var(--v2-text-secondary)!important}.jawatan-form-modal__section-header,.jawatan-form-modal__section-header .material-icons{color:var(--v2-primary)!important;letter-spacing:.02em!important}.jawatan-form-modal__close-btn,.jawatan-form-modal__type-option{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;color:var(--v2-text-secondary)!important}.jawatan-form-modal__close-btn:hover,.jawatan-form-modal__type-option.selected,.jawatan-form-modal__type-option:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.jawatan-form-modal__type-check,.jawatan-form-modal__type-icon,.jawatan-form-modal__type-label{color:var(--v2-primary)!important}.jawatan-form-modal__input,.jawatan-form-modal__textarea{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;box-shadow:none!important;color:var(--v2-text-primary)!important;min-height:44px!important}.jawatan-form-modal__input:focus,.jawatan-form-modal__textarea:focus{background:var(--v2-bg-card)!important;border-color:var(--v2-primary)!important;box-shadow:0 0 0 3px var(--v2-primary-bg)!important}.jawatan-form-modal__input::placeholder,.jawatan-form-modal__textarea::placeholder{color:var(--v2-text-muted)!important}.jawatan-form-modal__input.error,.jawatan-form-modal__textarea.error{border-color:var(--v2-danger)!important;box-shadow:0 0 0 3px var(--v2-danger-bg)!important}.jawatan-form-modal__error,.jawatan-form-modal__label .required{color:var(--v2-danger)!important}.jawatan-form-modal__checkbox-custom{background:var(--v2-bg-card)!important;border:1px solid var(--v2-border-default)!important}.jawatan-form-modal__checkbox:checked+.jawatan-form-modal__checkbox-custom{background:var(--v2-primary)!important;border-color:var(--v2-primary)!important}.jawatan-form-modal__checkbox-custom .material-icons{color:#fff!important}.jawatan-form-modal__actions{border-top:1px solid var(--v2-border-subtle)!important}.jawatan-form-modal__btn{border-radius:var(--v2-radius-md)!important;min-height:44px!important}.jawatan-form-modal__btn--secondary{background:var(--v2-bg-elevated)!important;border:1px solid var(--v2-border-default)!important;color:var(--v2-text-secondary)!important}.jawatan-form-modal__btn--secondary:hover{background:var(--v2-primary-bg)!important;border-color:var(--v2-primary-border)!important;color:var(--v2-primary)!important}.jawatan-form-modal__btn--primary{background:var(--v2-primary)!important;border:1px solid var(--v2-primary)!important;box-shadow:none!important;color:#fff!important}.jawatan-form-modal__btn--primary:hover{background:var(--v2-primary-hover)!important;border-color:var(--v2-primary-hover)!important;box-shadow:none!important;transform:translateY(-1px)!important}.jawatan-mgmt{--jm-bg:var(--v2-bg-card);--jm-bg-hover:var(--v2-bg-elevated);--jm-border:var(--v2-border-subtle);--jm-border-hover:var(--v2-border-default);--jm-gold:var(--brand-gold);--jm-gold-light:var(--brand-gold);--jm-text:var(--v2-text-primary);--jm-text-muted:var(--v2-text-muted);--jm-green:var(--v2-success);--jm-green-light:var(--v2-success);--jm-blue:var(--v2-info);--jm-blue-light:var(--v2-info);--jm-shadow:var(--v2-shadow-xs);--jm-shadow-hover:var(--v2-shadow-sm);display:flex;flex-direction:column;gap:24px;padding:8px}.jawatan-mgmt__stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:8px}.jawatan-mgmt__stat-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--jm-bg);border:1px solid var(--jm-border);border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.jawatan-mgmt__stat-card:before{background:linear-gradient(90deg,#0000,var(--jm-gold),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.jawatan-mgmt__stat-card:hover{background:var(--jm-bg-hover);border-color:var(--jm-border-hover);box-shadow:var(--jm-shadow-hover);transform:translateY(-4px)}.jawatan-mgmt__stat-card:hover:before{opacity:1}.jawatan-mgmt__stat-icon{align-items:center;border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.jawatan-mgmt__stat-icon:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.jawatan-mgmt__stat-card:hover .jawatan-mgmt__stat-icon:before{opacity:1}.jawatan-mgmt__stat-icon--gold{background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;box-shadow:0 4px 12px #f5c5421a;color:var(--jm-gold-light)}.jawatan-mgmt__stat-icon--green{background:linear-gradient(135deg,#1e7b4e26,#1e7b4e0d);border:1px solid #1e7b4e4d;box-shadow:0 4px 12px #1e7b4e1a;color:var(--jm-green-light)}.jawatan-mgmt__stat-icon--blue{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f64d;box-shadow:0 4px 12px #3b82f61a;color:var(--jm-blue-light)}.jawatan-mgmt__stat-info{display:flex;flex-direction:column;gap:4px}.jawatan-mgmt__stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--jm-text) 0,#fffc 100%);-webkit-background-clip:text;background-clip:text;color:var(--jm-text);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.1}.jawatan-mgmt__stat-label{color:var(--jm-text-muted);font-size:.85rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.jawatan-mgmt__content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--jm-bg);border:1px solid var(--jm-border);border-radius:20px;box-shadow:var(--jm-shadow);min-height:500px;overflow:hidden;position:relative}.jawatan-mgmt__content:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.jawatan-mgmt__header{align-items:center;background:linear-gradient(135deg,#1e7b4e14,#f5c54208);border-bottom:1px solid var(--jm-border);display:flex;justify-content:space-between;padding:32px;position:relative}.jawatan-mgmt__header:after{background:linear-gradient(90deg,var(--jm-green),var(--jm-gold),var(--jm-green));border-radius:1px;bottom:0;content:"";height:2px;left:32px;position:absolute;right:32px}.jawatan-mgmt__title{display:flex;flex-direction:column;gap:8px}.jawatan-mgmt__title h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--jm-text) 0,var(--jm-gold-light) 100%);-webkit-background-clip:text;background-clip:text;color:var(--jm-text);display:flex;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;gap:12px;margin:0}.jawatan-mgmt__title p{color:var(--jm-text-muted);font-size:.95rem;font-weight:500;margin:0}.jawatan-mgmt__actions{align-items:center;display:flex;gap:16px}.jawatan-mgmt__empty{align-items:center;background:radial-gradient(ellipse at center,#f5c54208 0,#0000 70%);display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.jawatan-mgmt__empty .material-icons{animation:float 3s ease-in-out infinite;color:var(--jm-gold);font-size:64px!important;margin-bottom:24px;opacity:.3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.jawatan-mgmt__empty p{color:var(--jm-text-muted);font-size:1.1rem;font-weight:500;margin:8px 0}.jawatan-mgmt__empty p:first-of-type{color:var(--jm-text);font-size:1.25rem;font-weight:600}.jawatan-mgmt__filters{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--jm-bg);border:1px solid var(--jm-border);border-radius:12px;display:inline-flex;gap:8px;margin-bottom:24px;padding:8px}.jawatan-mgmt__filter-btn{border:none;border-radius:8px;color:var(--jm-text-muted);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.jawatan-mgmt__filter-btn:hover{background:#ffffff0d;color:var(--jm-text)}.jawatan-mgmt__filter-btn.active{background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;color:var(--jm-gold);font-weight:600}.jawatan-mgmt__table-container{background:linear-gradient(180deg,#0000,#00000005);overflow-x:auto;padding:0}.jawatan-mgmt__table{border-collapse:collapse;width:100%}.jawatan-mgmt__table th{background:linear-gradient(135deg,#0000004d,#0000001a);border-bottom:2px solid #f5c54233;color:var(--jm-gold-light);font-size:.75rem;font-weight:700;letter-spacing:1.2px;padding:20px 24px;position:relative;text-align:left;text-transform:uppercase}.jawatan-mgmt__table th:after{background:linear-gradient(90deg,#0000,var(--jm-gold),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.jawatan-mgmt__table td{border-bottom:1px solid #ffffff08;color:var(--jm-text);font-size:.95rem;padding:20px 24px;transition:all .2s ease;vertical-align:middle}.jawatan-mgmt__table tr:last-child td{border-bottom:none}.jawatan-mgmt__table tr:hover td{background:#ffffff08;border-color:#ffffff14}.jawatan-mgmt__level-badge{align-items:center;background:linear-gradient(135deg,#f5c54226,#f5c5420d);border:1px solid #f5c5424d;border-radius:12px;box-shadow:0 2px 8px #f5c5421a;color:var(--jm-gold-light);display:flex;font-size:1rem;font-weight:800;height:40px;justify-content:center;transition:all .2s ease;width:40px}.jawatan-mgmt__table tr:hover .jawatan-mgmt__level-badge{box-shadow:0 4px 12px #f5c54233;transform:scale(1.05)}.jawatan-mgmt__code{background:linear-gradient(135deg,#0006,#0003);border:1px solid var(--jm-border);border-radius:8px;color:var(--jm-text);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;transition:all .2s ease}.jawatan-mgmt__table tr:hover .jawatan-mgmt__code{background:linear-gradient(135deg,#0009,#0000004d);border-color:var(--jm-border-hover)}.jawatan-mgmt__type-badge{align-items:center;border-radius:24px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.jawatan-mgmt__type-badge--pertubuhan{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f64d;box-shadow:0 2px 8px #3b82f61a;color:var(--jm-blue-light)}.jawatan-mgmt__type-badge--persilatan{background:linear-gradient(135deg,#1e7b4e26,#1e7b4e0d);border:1px solid #1e7b4e4d;box-shadow:0 2px 8px #1e7b4e1a;color:var(--jm-green-light)}.jawatan-mgmt__status{align-items:center;border-radius:24px;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;overflow:hidden;padding:6px 14px;position:relative;text-transform:uppercase;transition:all .2s ease}.jawatan-mgmt__status:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.jawatan-mgmt__status:hover:before{left:100%}.jawatan-mgmt__status--active{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b9814d;box-shadow:0 2px 8px #10b9811a;color:#10b981}.jawatan-mgmt__status--active:after{animation:pulse 2s infinite;color:#10b981;content:"●"}.jawatan-mgmt__status--inactive{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;box-shadow:0 2px 8px #ef44441a;color:#ef4444}.jawatan-mgmt__action-btn{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--jm-border);border-radius:10px;color:var(--jm-text-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin-right:8px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.jawatan-mgmt__action-btn:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.jawatan-mgmt__action-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:var(--jm-border-hover);box-shadow:0 4px 12px #00000026;color:var(--jm-text);transform:translateY(-2px)}.jawatan-mgmt__action-btn:hover:before{opacity:1}.jawatan-mgmt__action-btn--delete:hover{background:linear-gradient(135deg,#dc262633,#dc26261a);border-color:#dc262666;box-shadow:0 4px 12px #dc262633;color:#ef4444}@media (max-width:768px){.jawatan-mgmt__stats-row{gap:16px;grid-template-columns:1fr}.jawatan-mgmt__stat-card{padding:20px}.jawatan-mgmt__stat-icon{font-size:24px;height:48px;width:48px}.jawatan-mgmt__header{align-items:stretch;flex-direction:column;gap:20px;padding:24px}.jawatan-mgmt__actions{justify-content:center}.jawatan-mgmt__table td,.jawatan-mgmt__table th{padding:16px 12px}}@media (max-width:480px){.jawatan-mgmt{gap:16px;padding:4px}.jawatan-mgmt__content{border-radius:16px}.jawatan-mgmt__header{padding:20px}.jawatan-mgmt__empty{padding:60px 20px}}.jawatan-mgmt{padding:0}.jawatan-mgmt__content,.jawatan-mgmt__filters,.jawatan-mgmt__stat-card,.jawatan-mgmt__table-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.jawatan-mgmt__action-btn:before,.jawatan-mgmt__content:before,.jawatan-mgmt__header:after,.jawatan-mgmt__stat-card:before,.jawatan-mgmt__stat-icon:before,.jawatan-mgmt__status:after,.jawatan-mgmt__status:before,.jawatan-mgmt__table th:after{display:none}.jawatan-mgmt__stat-card:hover{background:var(--v2-bg-elevated);border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.jawatan-mgmt__stat-icon{border-radius:var(--v2-radius-md);box-shadow:none}.jawatan-mgmt__stat-icon--gold{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.jawatan-mgmt__stat-icon--green{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.jawatan-mgmt__stat-icon--blue{background:var(--v2-info-bg);border-color:var(--v2-info-border);color:var(--v2-info)}.jawatan-mgmt__stat-value,.jawatan-mgmt__title h2{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0}.jawatan-mgmt__empty p,.jawatan-mgmt__stat-label,.jawatan-mgmt__table th,.jawatan-mgmt__title p{color:var(--v2-text-muted);letter-spacing:0}.jawatan-mgmt__filters{gap:.35rem;padding:.35rem}.jawatan-mgmt__filter-btn{background:#0000;border:1px solid #0000;border-radius:var(--v2-radius-md);color:var(--v2-text-muted);min-height:44px}.jawatan-mgmt__filter-btn:hover{background:var(--v2-bg-muted);color:var(--v2-text-primary)}.jawatan-mgmt__filter-btn.active{background:var(--v2-primary);border-color:var(--v2-primary);color:#fff}.jawatan-mgmt__header{background:var(--v2-bg-card)}.jawatan-mgmt__header,.jawatan-mgmt__table th{border-bottom:1px solid var(--v2-border-subtle)}.jawatan-mgmt__table th{background:var(--v2-bg-muted)}.jawatan-mgmt__table td{border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-primary)}.jawatan-mgmt__table tr:hover td{background:var(--v2-bg-muted)}.jawatan-mgmt__code,.jawatan-mgmt__level-badge,.jawatan-mgmt__status,.jawatan-mgmt__type-badge{border-radius:var(--v2-radius-pill);box-shadow:none;letter-spacing:0}.jawatan-mgmt__code,.jawatan-mgmt__level-badge{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.jawatan-mgmt__type-badge--pertubuhan{background:var(--v2-info-bg);border-color:var(--v2-info-border);color:var(--v2-info)}.jawatan-mgmt__type-badge--persilatan{background:var(--brand-gold-bg);border-color:var(--brand-gold-border);color:var(--brand-gold)}.jawatan-mgmt__status--active{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.jawatan-mgmt__status--inactive{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.jawatan-mgmt__action-btn{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-secondary);height:44px;width:44px}.jawatan-mgmt__action-btn:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);box-shadow:none;color:var(--v2-primary);transform:none}.jawatan-mgmt__action-btn--delete:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.jawatan-mgmt__chart{display:flex;flex-direction:column;gap:8px;padding:8px 4px}.jawatan-mgmt__chart-node{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-left:3px solid var(--v2-primary);border-radius:var(--v2-radius-md);cursor:pointer;display:flex;font:inherit;gap:12px;padding:10px 14px;text-align:left;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast)}.jawatan-mgmt__chart-node:hover{background:var(--v2-surface-subtle);border-color:var(--v2-primary)}.jawatan-mgmt__chart-node-name{color:var(--v2-text-primary);flex:1 1;font-weight:600}.info-display{--id-bg-primary:#0a0a0f;--id-bg-secondary:#121217;--id-bg-card:#18182099;--id-border:#ffffff1a;--id-gold:#f5c542;--id-gold-dark:#d4a855;--id-green:#059669;--id-text-primary:#fff;--id-text-secondary:#ffffffb3;--id-radius:16px;--id-transition:all 0.3s ease;animation:fadeIn .4s ease-out;color:var(--id-text-primary);font-family:Inter,sans-serif}.id-header{align-items:center;border-bottom:1px solid var(--id-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.id-header__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0}.id-header__subtitle{color:var(--id-text-secondary);font-size:.95rem;margin-top:4px}.id-stats{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.id-table-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--id-bg-card);border:1px solid var(--id-border);border-radius:var(--id-radius);overflow:hidden}.id-table{border-collapse:collapse;width:100%}.id-table th{background:#0003;border-bottom:1px solid var(--id-border);color:var(--id-text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px 24px;text-align:left;text-transform:uppercase}.id-table td{border-bottom:1px solid #ffffff0d;color:var(--id-text-primary);padding:20px 24px;vertical-align:top}.id-table tr:last-child td{border-bottom:none}.id-table tr{cursor:pointer;transition:background-color .2s ease}.id-table tr:hover{background:#ffffff08}.id-row-index{align-items:center;background:#ffffff0d;border-radius:50%;color:var(--id-text-secondary);display:inline-flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.id-row-title{color:var(--id-text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.id-row-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.id-row-date,.id-row-desc{color:var(--id-text-secondary)}.id-row-date{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;font-size:.85rem;gap:6px;padding:6px 10px;width:fit-content}.id-btn-view{background:#0000;border:1px solid #f5c5424d;border-radius:8px;color:var(--id-gold);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:var(--id-transition);white-space:nowrap}.id-btn-view:hover{background:var(--id-gold);box-shadow:0 4px 12px #f5c54233;color:#000;transform:translateY(-2px)}.id-modal-overlay{--id-border:#ffffff1a;--id-gold:#f5c542;--id-gold-dark:#d4a855;--id-text-primary:#fff;--id-text-secondary:#ffffffb3;--id-radius:16px;--id-transition:all 0.3s ease;align-items:center;animation:idFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.id-modal-card{animation:idSlideUp .35s ease-out;background:linear-gradient(135deg,#18181d,#1a1a22);border:1px solid #f5c54233;border-radius:var(--id-radius);box-shadow:0 24px 60px #0009,0 0 40px #f5c54214;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.id-modal-header{align-items:flex-start;background:linear-gradient(135deg,#f5c54214,#0000);border-bottom:1px solid var(--id-border);display:flex;gap:16px;justify-content:space-between;padding:24px 28px}.id-modal-title{color:var(--id-gold);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 10px}.id-modal-date{background:#ffffff0d;border-radius:20px;font-size:.9rem;gap:8px;padding:6px 12px;width:fit-content}.id-modal-close,.id-modal-date{align-items:center;color:var(--id-text-secondary);display:flex}.id-modal-close{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;cursor:pointer;flex-shrink:0;justify-content:center;padding:8px;transition:var(--id-transition)}.id-modal-close:hover{background:#ef444433;border-color:#ef444466;color:#fff;transform:rotate(90deg)}.id-modal-body{flex:1 1;overflow-y:auto;padding:0}.id-modal-image-wrapper{background:#000;border-bottom:1px solid var(--id-border);display:flex;justify-content:center;width:100%}.id-modal-image{max-height:500px;max-width:100%;object-fit:contain}.id-modal-text{color:#ffffffe6;font-size:1rem;line-height:1.7;padding:24px 32px}.id-modal-overlay .id-btn-view{background:linear-gradient(135deg,var(--id-gold) 0,var(--id-gold-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 15px #f5c5424d;color:#000;cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 32px;transition:var(--id-transition)}.id-modal-overlay .id-btn-view:hover{box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}@keyframes idFadeIn{0%{opacity:0}to{opacity:1}}@keyframes idSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.id-modal-overlay{padding:12px}.id-modal-card{max-height:95vh}.id-modal-header{padding:20px}.id-modal-title{font-size:1.25rem}.id-modal-text{padding:20px}}.id-empty{color:var(--id-text-secondary);padding:60px 20px;text-align:center}@media (max-width:768px){.id-header{align-items:flex-start;flex-direction:column}.id-table thead{display:none}.id-table,.id-table tbody,.id-table td,.id-table tr{display:block;width:100%}.id-table tr{background:#ffffff05;border:1px solid var(--id-border);border-radius:12px;margin-bottom:16px;overflow:hidden}.id-table td{border-bottom:1px solid #ffffff0d;display:block;padding:16px}.id-table td:last-child{border-bottom:none;padding-top:8px}.id-btn-view{text-align:center;width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-display{--id-bg-primary:var(--v2-bg-canvas);--id-bg-secondary:var(--v2-bg-elevated);--id-bg-card:var(--v2-bg-card);--id-border:var(--v2-border-subtle);--id-gold:var(--brand-gold);--id-gold-dark:var(--brand-gold-hover);--id-green:var(--v2-success);--id-text-primary:var(--v2-text-primary);--id-text-secondary:var(--v2-text-secondary);--id-radius:var(--v2-radius-xl);color:var(--v2-text-primary)}.id-header{border-bottom:1px solid var(--v2-border-subtle)}.id-header__title{-webkit-text-fill-color:currentColor;background:none;-webkit-background-clip:initial;color:var(--v2-text-primary);letter-spacing:0}.id-header__subtitle{color:var(--v2-text-secondary)}.id-active-count{align-items:center;background:var(--v2-success-bg);border:1px solid var(--v2-success-border);border-radius:var(--v2-radius-full);color:var(--v2-success);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:700;gap:var(--v2-space-2);min-height:36px;padding:var(--v2-space-2) var(--v2-space-4)}.id-active-count .material-icons{font-size:18px}.id-table-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-xl);box-shadow:var(--v2-shadow-sm)}.id-table th{background:var(--v2-bg-muted);color:var(--v2-text-secondary);letter-spacing:.02em}.id-table td,.id-table th{border-bottom:1px solid var(--v2-border-subtle)}.id-table td{color:var(--v2-text-primary)}.id-table tr:hover{background:var(--v2-bg-elevated)}.id-col-index{text-align:center!important;width:60px}.id-col-date{width:160px}.id-cell-action,.id-col-action{text-align:right!important;width:120px}.id-cell-index{text-align:center}.id-row-date,.id-row-index{background:var(--v2-bg-elevated);color:var(--v2-text-secondary)}.id-row-title{color:var(--v2-text-primary)}.id-row-desc,.id-row-mobile-date{color:var(--v2-text-secondary)}.id-row-mobile-date{font-size:var(--v2-font-size-xs);margin-top:var(--v2-space-1)}.id-btn-view{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-primary);min-height:36px}.id-btn-view:hover{background:var(--v2-primary);box-shadow:none;color:#fff;transform:translateY(-1px)}.id-empty{color:var(--v2-text-secondary)}.id-empty-icon{color:var(--v2-text-disabled);display:block;font-size:48px;margin-bottom:var(--v2-space-4)}.id-empty h3{color:var(--v2-text-primary);font-size:var(--v2-font-size-md);margin:0 0 var(--v2-space-2) 0}.id-modal-overlay{--id-border:var(--v2-border-subtle);--id-gold:var(--brand-gold);--id-gold-dark:var(--brand-gold-hover);--id-text-primary:var(--v2-text-primary);--id-text-secondary:var(--v2-text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11182794}.id-modal-card{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-xl);box-shadow:var(--v2-shadow-overlay)}.id-modal-header{background:var(--v2-bg-card);border-bottom:1px solid var(--v2-border-subtle)}.id-modal-heading{flex:1 1}.id-modal-title{color:var(--v2-text-primary)}.id-modal-close,.id-modal-date{background:var(--v2-bg-elevated);color:var(--v2-text-secondary)}.id-modal-close{border:1px solid var(--v2-border-default);min-height:44px;min-width:44px}.id-modal-close:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.id-modal-image-wrapper{background:var(--v2-bg-muted);border-bottom:1px solid var(--v2-border-subtle)}.id-modal-text{color:var(--v2-text-primary)}.id-modal-footer{background:var(--v2-bg-elevated);border-top:1px solid var(--v2-border-subtle);padding:var(--v2-space-4) var(--v2-space-6);text-align:right}.id-modal-footer .id-btn-view{display:inline-flex;padding:var(--v2-space-2) var(--v2-space-5);width:auto}.id-modal-overlay .id-btn-view{background:var(--v2-primary);border:1px solid var(--v2-primary);box-shadow:none;color:#fff}.id-modal-overlay .id-btn-view:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none}@media (max-width:768px){.id-table tr{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg)}.id-table td{border-bottom:1px solid var(--v2-border-subtle)}}.doc-lib{padding:24px 28px}.doc-lib__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.doc-lib__title{align-items:center;color:var(--v2-text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 4px}.doc-lib__title .material-icons{color:var(--v2-primary)}.doc-lib__subtitle{color:var(--v2-text-secondary);font-size:.9rem;margin:0}.doc-lib__upload-btn{align-items:center;background:var(--v2-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:filter .15s ease;white-space:nowrap}.doc-lib__upload-btn:hover{filter:brightness(1.08)}.doc-lib__upload-btn .material-icons{font-size:20px}.doc-lib__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.doc-lib__chip{background:var(--v2-bg-card);border:1px solid var(--v2-border-default);border-radius:999px;color:var(--v2-text-secondary);cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:all .15s ease}.doc-lib__chip:hover{border-color:var(--v2-primary-border)}.doc-lib__chip.active{background:var(--v2-primary);border-color:var(--v2-primary);color:#fff}.doc-lib__empty{color:var(--v2-text-muted);padding:48px 16px;text-align:center}.doc-lib__empty .material-icons{font-size:44px;opacity:.6}.doc-lib__empty p{font-size:.92rem;margin:8px 0 0}.doc-lib__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.doc-lib__card{align-items:flex-start;background:var(--v2-bg-card);border:1px solid var(--v2-border-default);border-radius:14px;display:flex;gap:14px;padding:16px 18px;transition:box-shadow .18s ease,transform .18s ease}.doc-lib__card:hover{box-shadow:0 8px 24px #1e3a5f14;transform:translateY(-1px)}.doc-lib__card-icon{align-items:center;background:var(--v2-primary-bg);border-radius:11px;color:var(--v2-primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.doc-lib__card-icon .material-icons{font-size:24px}.doc-lib__card-body{flex:1 1;min-width:0}.doc-lib__card-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.doc-lib__cat{background:var(--v2-primary-bg);color:var(--v2-primary);letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.doc-lib__cat,.doc-lib__ver{border-radius:6px;font-size:.68rem;font-weight:700}.doc-lib__ver{background:#eff6ff;background:var(--v2-info-bg,#eff6ff);color:var(--v2-info);padding:2px 6px}.doc-lib__vis{color:var(--v2-text-muted);font-size:.72rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-lib__card-title{color:var(--v2-text-primary);font-size:.98rem;font-weight:700;line-height:1.25;margin:0 0 3px}.doc-lib__card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--v2-text-secondary);display:-webkit-box;font-size:.82rem;margin:0 0 6px;overflow:hidden}.doc-lib__card-meta{color:var(--v2-text-muted);font-size:.74rem}.doc-lib__card-actions{display:flex;flex-direction:column;gap:6px}.doc-lib__action{align-items:center;background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:9px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;text-decoration:none;transition:all .15s ease;width:34px}.doc-lib__action .material-icons{font-size:19px}.doc-lib__action--view{color:var(--v2-text-secondary)}.doc-lib__action--view:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary);color:var(--v2-primary)}.doc-lib__action--download{color:var(--v2-primary)}.doc-lib__action--download:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary)}.doc-lib__action--version{color:var(--v2-info)}.doc-lib__action--version:hover{background:#eff6ff;background:var(--v2-info-bg,#eff6ff);border-color:var(--v2-info)}.doc-lib__action--delete{color:var(--v2-danger)}.doc-lib__action--delete:hover{background:#fef2f2;background:var(--v2-danger-bg,#fef2f2);border-color:var(--v2-danger)}.doc-view{display:flex;flex-direction:column}.doc-view__frame{background:var(--v2-bg-muted);border:1px solid var(--v2-border-default);border-radius:10px;height:60vh;width:100%}.doc-view__img{align-self:center;border-radius:10px;max-height:60vh;max-width:100%;object-fit:contain}.doc-view__fallback{color:var(--v2-text-muted);padding:40px 16px;text-align:center}.doc-view__fallback .material-icons{font-size:40px;opacity:.6}.doc-view__fallback p{margin:8px 0 14px}.doc-view__bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:12px}.doc-view__verlabel{color:var(--v2-text-secondary);font-size:.82rem}.doc-view__open{align-items:center;background:var(--v2-primary);border-radius:8px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:7px 14px;text-decoration:none}.doc-view__open .material-icons{font-size:18px}.doc-view__history{border-top:1px solid var(--v2-border-default);margin-top:16px;padding-top:12px}.doc-view__history h4{color:var(--v2-text-primary);font-size:.85rem;margin:0 0 8px}.doc-view__history-row{align-items:center;border-bottom:1px solid var(--v2-border-default);color:var(--v2-text-secondary);display:flex;font-size:.84rem;justify-content:space-between;padding:6px 0}.doc-view__history-row:last-child{border-bottom:none}.doc-view__history-row a{color:var(--v2-primary);display:inline-flex}.doc-view__history-row .material-icons{font-size:18px}.doc-upload{display:flex;flex-direction:column}.doc-upload__label{color:var(--v2-text-primary);font-size:.82rem;font-weight:600;margin:12px 0 5px}.doc-upload__label .req{color:var(--v2-danger)}.doc-upload__file,.doc-upload__input{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:9px;box-sizing:border-box;color:var(--v2-text-primary);font-size:.9rem;padding:10px 12px;width:100%}.doc-upload__input:focus{border-color:var(--v2-primary);outline:none}.doc-upload__hint{color:var(--v2-text-muted);font-size:.76rem;margin-top:5px}.doc-upload__branches{background:var(--v2-bg-muted);border:1px solid var(--v2-border-default);border-radius:9px;margin-top:8px;max-height:180px;overflow-y:auto;padding:8px 12px}.doc-upload__branch{align-items:center;color:var(--v2-text-primary);cursor:pointer;display:flex;font-size:.86rem;gap:8px;padding:5px 0}.doc-upload__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.doc-upload__btn{align-items:center;border:1px solid #0000;border-radius:9px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px}.doc-upload__btn--secondary{background:var(--v2-bg-elevated);border-color:var(--v2-border-default);color:var(--v2-text-primary)}.doc-upload__btn--primary{background:var(--v2-primary);color:#fff}.doc-upload__btn--primary:disabled{cursor:default;opacity:.7}.doc-upload__btn .spinning{animation:doc-spin 1s linear infinite;font-size:18px}@keyframes doc-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.doc-lib{padding:18px}.doc-lib__grid{grid-template-columns:1fr}}.hq-dash{color:var(--v2-text-primary);display:flex;flex-direction:column;font-family:var(--v2-font-family);gap:var(--v2-space-5);padding:0}.hq-dash--empty{color:var(--v2-text-muted);padding:var(--v2-space-10);text-align:center}.hq-dash__overview{grid-gap:var(--v2-space-6);align-items:center;background:#0000;border:0;border-bottom:1px solid var(--v2-border-default);border-radius:0;box-shadow:none;display:grid;gap:var(--v2-space-6);grid-template-columns:minmax(0,1fr) auto;padding:0 0 var(--v2-space-4)}.hq-dash__overview-copy{min-width:0}.hq-dash__overview-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--v2-space-2)}.hq-dash__eyebrow{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-full);color:var(--v2-primary);text-transform:uppercase}.hq-dash__branch-chip,.hq-dash__eyebrow{align-items:center;display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:700;letter-spacing:0;min-height:24px;padding:0 var(--v2-space-2)}.hq-dash__branch-chip{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-full);color:var(--v2-text-secondary);font-family:var(--v2-font-family-mono)}.hq-dash__overview h2{color:var(--v2-text-primary);font-size:var(--v2-font-size-xl);font-weight:700;line-height:var(--v2-line-height-tight);margin:var(--v2-space-2) 0 var(--v2-space-1)}.hq-dash__overview p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-base);line-height:var(--v2-line-height-normal);margin:0;max-width:760px}.hq-dash__overview-metrics{grid-gap:var(--v2-space-2);display:grid;gap:var(--v2-space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hq-dash__overview-metric{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);min-width:120px;padding:var(--v2-space-3) var(--v2-space-4)}.hq-dash__overview-label{color:var(--v2-text-muted);display:block;font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:0;text-transform:uppercase}.hq-dash__overview-metric strong{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);display:block;font-size:var(--v2-font-size-xl);line-height:1;margin-top:var(--v2-space-1)}@media (max-width:760px){.hq-dash__overview{align-items:stretch;gap:var(--v2-space-3);grid-template-columns:1fr;padding-bottom:var(--v2-space-4)}}.hq-dash__section-title{align-items:center;border-bottom:1px solid var(--v2-border-default);color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-md);font-weight:600;gap:var(--v2-space-2);margin:0 0 var(--v2-space-2);padding-bottom:var(--v2-space-2)}.hq-dash__section-title .material-icons,.hq-dash__section-title svg{color:var(--v2-text-muted);font-size:18px;height:18px;width:18px}.hq-dash__stats-row{grid-gap:var(--v2-space-3);display:grid;gap:var(--v2-space-3);grid-template-columns:repeat(auto-fit,minmax(172px,1fr))}.hq-dash__stat{align-items:flex-start;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);color:var(--v2-text-primary);display:flex;flex-direction:column;min-width:0;padding:var(--v2-space-4);position:relative;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast)}.hq-dash__stat:hover{border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-xs)}.hq-dash__stat .material-icons,.hq-dash__stat svg{color:var(--v2-text-muted);font-size:18px;height:18px;margin-bottom:var(--v2-space-2);width:18px}.hq-dash__stat-value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-size:var(--v2-font-size-xl);font-weight:700;line-height:1.1;margin-bottom:2px}.hq-dash__stat-label{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-weight:500;letter-spacing:0;text-transform:uppercase}.hq-dash__stat--gold{border-left:3px solid var(--brand-gold)}.hq-dash__stat--gold .material-icons,.hq-dash__stat--gold svg{color:var(--brand-gold)}.hq-dash__stat--emerald,.hq-dash__stat--green{border-left:3px solid var(--status-success)}.hq-dash__stat--emerald .hq-dash__stat-value,.hq-dash__stat--emerald .material-icons,.hq-dash__stat--emerald svg,.hq-dash__stat--green .hq-dash__stat-value,.hq-dash__stat--green .material-icons,.hq-dash__stat--green svg{color:var(--status-success)}.hq-dash__stat--orange{border-left:3px solid var(--status-warning)}.hq-dash__stat--orange .hq-dash__stat-value,.hq-dash__stat--orange .material-icons,.hq-dash__stat--orange svg{color:var(--status-warning)}.hq-dash__stat--red{border-left:3px solid var(--status-danger)}.hq-dash__stat--red .hq-dash__stat-value,.hq-dash__stat--red .material-icons,.hq-dash__stat--red svg{color:var(--status-danger)}.hq-dash__bento-row{grid-gap:var(--v2-space-4);display:grid;gap:var(--v2-space-4);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.hq-dash__bento-row--single{grid-template-columns:1fr}@media (max-width:768px){.hq-dash__bento-row{grid-template-columns:1fr}}.hq-dash__card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);overflow:hidden}.hq-dash__card-header{align-items:center;background:#0000;display:flex;gap:var(--v2-space-3);justify-content:space-between;padding:var(--v2-space-3) var(--v2-space-4) var(--v2-space-2)}.hq-dash__card-header h3{align-items:center;color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-sm);font-weight:600;gap:var(--v2-space-2);letter-spacing:0;margin:0;text-transform:uppercase}.hq-dash__card-header h3 .material-icons,.hq-dash__card-header h3 svg{color:var(--v2-text-muted);font-size:16px;height:16px;width:16px}.hq-dash__branch-list{display:flex;flex-direction:column}.hq-dash__branch-item{grid-gap:var(--v2-space-3);align-items:center;border-bottom:1px solid var(--v2-border-subtle);display:grid;gap:var(--v2-space-3);grid-template-columns:1fr auto auto;padding:var(--v2-space-3) var(--v2-space-4);transition:background var(--v2-transition-fast)}.hq-dash__branch-item:hover{background:var(--v2-surface-hover)}.hq-dash__branch-item:last-child{border-bottom:0}@media (max-width:560px){.hq-dash__branch-item{gap:var(--v2-space-2);grid-template-columns:1fr auto}.hq-dash__branch-status{grid-column:1/-1;justify-content:flex-start;padding-top:var(--v2-space-1)}}.hq-dash__branch-info{display:flex;flex-direction:column;min-width:0}.hq-dash__branch-name{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hq-dash__branch-code{color:var(--v2-text-muted);font-family:var(--v2-font-family-mono);font-size:var(--v2-font-size-xs);margin-top:2px}.hq-dash__branch-total{align-items:baseline;color:var(--v2-text-secondary);display:flex;font-size:var(--v2-font-size-xs);gap:4px}.hq-dash__branch-count{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:700}.hq-dash__branch-status{align-items:center;display:flex;gap:var(--v2-space-2);justify-content:flex-end}.hq-dash__status{font-feature-settings:var(--v2-font-feature-tabular);align-items:center;color:var(--v2-text-muted);display:inline-flex;font-size:var(--v2-font-size-xs);gap:4px}.hq-dash__status:before{background:var(--v2-text-muted);border-radius:50%;content:"";height:6px;width:6px}.hq-dash__status--active:before{background:var(--status-success)}.hq-dash__status--pending:before{background:var(--status-warning)}.hq-dash__status--inactive:before{background:var(--v2-text-muted)}.hq-dash__status--active{color:var(--status-success)}.hq-dash__status--pending{color:var(--status-warning)}.hq-dash__belt-chart{grid-gap:var(--v2-space-4);align-items:center;display:grid;gap:var(--v2-space-4);grid-template-columns:140px 1fr;padding:var(--v2-space-4)}@media (max-width:480px){.hq-dash__belt-chart{gap:var(--v2-space-3);grid-template-columns:1fr;justify-items:center}}.hq-dash__belt-donut{border-radius:50%;flex-shrink:0;height:140px;position:relative;width:140px}.hq-dash__belt-center{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:50%;height:88px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:88px}.hq-dash__belt-legend{display:flex;flex-direction:column;gap:var(--v2-space-2);min-width:0}.hq-dash__belt-item{grid-gap:var(--v2-space-2);align-items:center;display:grid;font-size:var(--v2-font-size-sm);gap:var(--v2-space-2);grid-template-columns:auto 1fr auto}.hq-dash__belt-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.hq-dash__belt-name{color:var(--v2-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hq-dash__belt-stats{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-weight:600}.hq-dash__belt-stats small{color:var(--v2-text-muted);font-weight:400;margin-left:2px}.hq-dash__bar-chart{display:flex;flex-direction:column;gap:var(--v2-space-3);padding:var(--v2-space-4)}.hq-dash__bar-item{grid-gap:var(--v2-space-3);align-items:center;display:grid;gap:var(--v2-space-3);grid-template-columns:140px 1fr 32px}@media (max-width:480px){.hq-dash__bar-item{grid-template-columns:1fr 32px}.hq-dash__bar-track{grid-column:1/-1;grid-row:2}}.hq-dash__bar-label{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hq-dash__bar-track{background:var(--v2-surface-pressed);border-radius:var(--v2-radius-full);height:8px;overflow:hidden;position:relative}.hq-dash__bar-fill{background:var(--v2-primary);border-radius:var(--v2-radius-full);height:100%;transition:width .4s ease}.hq-dash__bar-value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-size:var(--v2-font-size-sm);font-weight:600;text-align:right}.hq-dash__jawatan-grid{grid-gap:var(--v2-space-3);display:grid;gap:var(--v2-space-3);grid-template-columns:1fr 1fr;padding:var(--v2-space-4)}@media (max-width:480px){.hq-dash__jawatan-grid{grid-template-columns:1fr}}.hq-dash__jawatan-section{display:flex;flex-direction:column;gap:var(--v2-space-2);min-width:0}.hq-dash__jawatan-badge{align-items:center;align-self:flex-start;border:1px solid #0000;border-radius:var(--v2-radius-full);display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:0;padding:2px 10px;text-transform:uppercase}.hq-dash__jawatan-badge--pertubuhan{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info)}.hq-dash__jawatan-badge--persilatan{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.hq-dash__jawatan-list{display:flex;flex-direction:column;gap:4px}.hq-dash__jawatan-item{grid-gap:var(--v2-space-2);align-items:center;background:var(--v2-surface-canvas);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);display:grid;font-size:var(--v2-font-size-sm);gap:var(--v2-space-2);grid-template-columns:16px 1fr auto;padding:6px 10px}[data-theme=dark] .hq-dash__jawatan-item{background:#ffffff05}.hq-dash__jawatan-item .material-icons,.hq-dash__jawatan-item svg{color:var(--v2-text-muted);font-size:14px;height:14px;width:14px}.hq-dash__jawatan-item--pertubuhan .material-icons,.hq-dash__jawatan-item--pertubuhan svg{color:var(--status-info)}.hq-dash__jawatan-item--persilatan .material-icons,.hq-dash__jawatan-item--persilatan svg{color:var(--status-success)}.hq-dash__jawatan-count{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);font-weight:700}.hq-dash__empty-small{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);padding:6px 10px}.hq-dash__leaderboard{display:flex;flex-direction:column}.hq-dash__leader-item{grid-gap:var(--v2-space-3);align-items:center;border-bottom:1px solid var(--v2-border-subtle);display:grid;gap:var(--v2-space-3);grid-template-columns:32px 1fr auto;padding:var(--v2-space-3) var(--v2-space-4);transition:background var(--v2-transition-fast)}.hq-dash__leader-item:hover{background:var(--v2-surface-hover)}.hq-dash__leader-item:last-child{border-bottom:0}.hq-dash__leader-rank{font-feature-settings:var(--v2-font-feature-tabular);align-items:center;background:var(--v2-surface-pressed);border-radius:var(--v2-radius-full);color:var(--v2-text-secondary);display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:700;height:24px;justify-content:center;width:24px}.hq-dash__leader-rank--1{background:var(--brand-gold-bg);border:1px solid var(--brand-gold-border);color:var(--brand-gold)}.hq-dash__leader-rank--2{background:var(--v2-surface-pressed);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.hq-dash__leader-rank--3{background:#b873331a;border:1px solid #b873334d;color:#b87333}[data-theme=dark] .hq-dash__leader-rank--3{background:#b8733326;color:#d49a6a}.hq-dash__leader-name{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hq-dash__leader-count{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm)}.hq-dash__leader-count strong{color:var(--v2-text-primary);font-weight:700}.hq-dash__empty-state{color:var(--v2-text-muted);font-size:var(--v2-font-size-sm);padding:var(--v2-space-8) var(--v2-space-4);text-align:center}.hq-dash__empty-state--compact{padding:var(--v2-space-4)}.hq-dash__belt-total{align-items:center;border-bottom:1px solid var(--v2-border-default);display:flex;justify-content:space-between;margin-bottom:var(--v2-space-3);padding-bottom:var(--v2-space-3)}.hq-dash__belt-total-label{color:var(--v2-text-muted);font-size:var(--v2-font-size-sm)}.hq-dash__belt-total-value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-size:var(--v2-font-size-md);font-weight:700}.branch-dash{display:flex;flex-direction:column;gap:20px}.branch-dash__hero{background:var(--v2-bg-card);border:1px solid var(--v2-border-default);border-radius:16px;padding:24px 28px}.branch-dash__hero-meta{align-items:center;display:flex;gap:12px;margin-bottom:8px}.branch-dash__eyebrow{color:var(--v2-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.branch-dash__chip{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:999px;color:var(--v2-primary);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:2px 10px}.branch-dash__hero h2{color:var(--v2-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 4px}.branch-dash__hero p{color:var(--v2-text-secondary);font-size:.9rem;margin:0}.branch-dash__error{align-items:center;background:#fef2f2;background:var(--v2-danger-bg,#fef2f2);border:1px solid var(--v2-danger);border-radius:12px;color:var(--v2-danger);display:flex;font-size:.88rem;gap:10px;padding:12px 16px}.branch-dash__error .material-icons{font-size:20px}.branch-dash__cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.branch-dash__cards.is-loading{opacity:.7}.branch-dash__card{align-items:flex-start;background:var(--v2-bg-card);border:1px solid var(--v2-border-default);border-left-width:4px;border-radius:14px;display:flex;gap:14px;padding:18px 20px;transition:box-shadow .18s ease,transform .18s ease}.branch-dash__card:hover{box-shadow:0 8px 24px #1e3a5f14;transform:translateY(-1px)}.branch-dash__card-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.branch-dash__card-icon .material-icons{font-size:22px}.branch-dash__card-body{min-width:0}.branch-dash__card-label{color:var(--v2-text-muted);font-size:.78rem;font-weight:600;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.branch-dash__card-value{color:var(--v2-text-primary);font-size:1.45rem;font-weight:700;line-height:1.15;word-break:break-word}.branch-dash__card-sub{color:var(--v2-text-secondary);font-size:.78rem;margin-top:4px}.branch-dash__card--success{border-left-color:var(--v2-success)}.branch-dash__card--success .branch-dash__card-icon{background:#ecfdf5;background:var(--v2-success-bg,#ecfdf5);color:var(--v2-success)}.branch-dash__card--warning{border-left-color:var(--v2-warning)}.branch-dash__card--warning .branch-dash__card-icon{background:#fffbeb;background:var(--v2-warning-bg,#fffbeb);color:var(--v2-warning)}.branch-dash__card--danger{border-left-color:var(--v2-danger)}.branch-dash__card--danger .branch-dash__card-icon{background:#fef2f2;background:var(--v2-danger-bg,#fef2f2);color:var(--v2-danger)}.branch-dash__card--primary{border-left-color:var(--v2-primary)}.branch-dash__card--primary .branch-dash__card-icon{background:var(--v2-primary-bg);color:var(--v2-primary)}.branch-dash__section{display:flex;flex-direction:column;gap:14px}.branch-dash__section-title{align-items:center;color:var(--v2-text-primary);display:flex;font-size:1rem;font-weight:700;gap:8px;margin:4px 0 0}.branch-dash__section-title .material-icons{color:var(--v2-primary);font-size:20px}.branch-dash__skeleton{animation:branch-dash-shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--v2-bg-muted) 25%,#1e3a5f0f 37%,var(--v2-bg-muted) 63%);background-size:400% 100%;border-radius:6px;display:inline-block;vertical-align:middle}@keyframes branch-dash-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.branch-dash__skeleton{animation:none}}.branch-dash__kpis{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.branch-dash__progress{background:var(--v2-bg-muted);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.branch-dash__progress span{background:var(--v2-success);border-radius:999px;display:block;height:100%;transition:width .4s ease}.branch-dash__activity{background:var(--v2-bg-card);border:1px solid var(--v2-border-default);border-radius:14px;overflow:hidden}.branch-dash__activity-item{align-items:center;border-bottom:1px solid var(--v2-border-default);display:flex;gap:14px;padding:12px 18px}.branch-dash__activity-item:last-child{border-bottom:none}.branch-dash__activity-icon{background:var(--v2-primary-bg);border-radius:9px;color:var(--v2-primary);flex-shrink:0;font-size:22px;padding:7px}.branch-dash__activity-item.is-failed .branch-dash__activity-icon{background:#fef2f2;background:var(--v2-danger-bg,#fef2f2);color:var(--v2-danger)}.branch-dash__activity-body{flex:1 1;min-width:0}.branch-dash__activity-text{color:var(--v2-text-primary);font-size:.9rem;font-weight:600}.branch-dash__activity-meta{color:var(--v2-text-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-dash__activity-time{color:var(--v2-text-secondary);flex-shrink:0;font-size:.78rem;white-space:nowrap}.branch-dash__activity-empty{align-items:center;color:var(--v2-text-muted);display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:28px 18px}.branch-dash__activity-empty .material-icons{font-size:20px}.branch-dash__month-note{align-items:center;background:var(--v2-bg-muted);border:1px solid var(--v2-border-default);border-radius:12px;color:var(--v2-text-secondary);display:flex;font-size:.88rem;gap:10px;padding:12px 18px}.branch-dash__month-note .material-icons{color:var(--v2-primary);font-size:20px}.branch-dash__month-note strong{color:var(--v2-text-primary);font-weight:700}@media (max-width:1024px){.branch-dash__cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.branch-dash__cards{grid-template-columns:1fr}.branch-dash__hero{padding:20px}}:root{--bl-bg-primary:var(--v2-surface-canvas);--bl-bg-secondary:var(--v2-surface-card);--bl-bg-card:var(--v2-surface-card);--bl-gold:var(--brand-gold);--bl-gold-dark:var(--brand-gold-hover);--bl-gold-light:var(--brand-gold-bg);--bl-green:var(--status-success);--bl-green-dark:var(--status-success);--bl-text-primary:var(--v2-text-primary);--bl-text-secondary:var(--v2-text-secondary);--bl-text-muted:var(--v2-text-muted);--bl-glass-border:var(--v2-border-default);--bl-border:var(--v2-border-default)}.bl-settings{padding:0}.bl-settings__header{border-bottom:2px solid var(--bl-border);padding:32px 32px 24px}.bl-settings__title{align-items:center;color:var(--v2-text-primary);color:var(--bl-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:12px;margin:0}.bl-settings__title .material-icons{color:var(--v2-primary);font-size:1.5rem}.bl-settings__subtitle{color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:.9rem;margin-top:8px}.bl-settings__content{padding:32px}.bl-verification-badge{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.bl-verification-badge--verified{background:#1e7b4e26;border:1px solid #1e7b4e4d;color:var(--v2-success)}.bl-verification-badge--pending{background:#f5c5421a;border:1px solid #f5c5424d;color:var(--v2-warning)}.bl-verification-badge--failed{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.bl-verification-badge__content{align-items:center;display:flex;gap:10px}.bl-verification-badge__status{font-size:.95rem;font-weight:600}.bl-verification-badge__btn{background:#0000;border:1px solid;border-radius:8px;color:inherit;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.bl-verification-badge__btn:hover{background:#ffffff1a}.bl-verification-badge__btn:disabled{cursor:not-allowed;opacity:.5}.bl-sandbox-toggle{align-items:center;background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:1px solid var(--bl-glass-border);border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.bl-sandbox-toggle__label{align-items:center;color:var(--v2-text-primary);color:var(--bl-text-primary);cursor:pointer;display:flex;font-weight:600;gap:10px}.bl-sandbox-toggle__checkbox{accent-color:var(--brand-gold);accent-color:var(--bl-gold);height:18px;width:18px}.bl-sandbox-toggle__hint{color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:.8rem}.bl-form-group{margin-bottom:20px}.bl-form-label{color:var(--v2-text-secondary);color:var(--bl-text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.bl-form-input{background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:1px solid var(--bl-glass-border);border-radius:10px;color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.bl-form-input:focus{border-color:var(--bl-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}.bl-form-hint,.bl-form-input::placeholder{color:var(--v2-text-muted);color:var(--bl-text-muted)}.bl-form-hint{font-size:.8rem;margin-top:6px}.bl-payment-guide{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:12px;border-radius:var(--v2-radius-lg,12px);margin-bottom:24px;margin-bottom:var(--v2-space-6,24px);padding:16px;padding:var(--v2-space-4,16px)}.bl-payment-guide__main{align-items:flex-start;border-bottom:1px solid var(--v2-border-subtle);display:flex;gap:12px;gap:var(--v2-space-3,12px);margin-bottom:16px;margin-bottom:var(--v2-space-4,16px);padding-bottom:16px;padding-bottom:var(--v2-space-4,16px)}.bl-payment-guide__main>.material-icons{color:var(--v2-primary);flex-shrink:0;font-size:22px;margin-top:2px}.bl-payment-guide strong{color:var(--v2-text-primary);display:block;margin-bottom:4px}.bl-payment-guide p,.bl-payment-guide strong{font-size:.875rem;font-size:var(--v2-font-size-sm,.875rem)}.bl-payment-guide p{color:var(--v2-text-secondary);line-height:1.5;margin:0}.bl-payment-guide__steps{grid-gap:12px;grid-gap:var(--v2-space-3,12px);display:grid;gap:12px;gap:var(--v2-space-3,12px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bl-payment-guide__steps>div{align-items:flex-start;display:flex;gap:8px;gap:var(--v2-space-2,8px)}.bl-payment-guide__steps span{align-items:center;background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:999px;color:var(--v2-primary);display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:800;height:24px;justify-content:center;width:24px}.bl-payment-method-guide{align-items:flex-start;background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:8px;border-radius:var(--v2-radius-md,8px);color:var(--status-info);display:flex;gap:8px;gap:var(--v2-space-2,8px);margin-top:12px;margin-top:var(--v2-space-3,12px);padding:12px;padding:var(--v2-space-3,12px)}.bl-payment-method-guide .material-icons{flex-shrink:0;font-size:19px;margin-top:1px}.bl-payment-method-guide p{color:var(--v2-text-secondary);font-size:.875rem;font-size:var(--v2-font-size-sm,.875rem);line-height:1.45;margin:0}.bl-form-input-wrapper{position:relative}.bl-form-input-toggle{background:none;border:none;color:var(--v2-text-muted);color:var(--bl-text-muted);cursor:pointer;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.bl-form-input-toggle:hover{color:var(--v2-primary)}.bl-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.bl-form-grid{grid-template-columns:1fr}}.bl-form-grid--full{grid-column:span 2}.bl-submit-btn{align-items:center;background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-hover));background:linear-gradient(135deg,var(--bl-gold),var(--bl-gold-dark));border:none;border-radius:10px;box-shadow:0 4px 15px #f5c5424d;color:#000;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:14px 28px;transition:all .2s ease}.bl-submit-btn:hover{box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}.bl-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.bl-submit-btn__spinner{animation:bl-spin .8s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;height:16px;width:16px}.bl-info-box{background:linear-gradient(135deg,#1e7b4e1a,#145a381a);border:1px solid #1e7b4e33;border-radius:12px;margin-top:32px;padding:20px 24px}.bl-info-box__title{align-items:center;color:var(--status-success);color:var(--bl-green);display:flex;font-size:.95rem;font-weight:700;gap:8px;margin-bottom:12px}.bl-info-box__list{list-style:none;margin:0;padding:0}.bl-info-box__list li{color:var(--v2-success);font-size:.9rem;padding:6px 0 6px 20px;position:relative}.bl-info-box__list li:before{color:var(--status-success);color:var(--bl-green);content:"•";left:0;position:absolute}.bl-invoice-list{position:relative;width:100%}.bl-table-wrapper{-webkit-overflow-scrolling:touch;background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:1px solid var(--bl-glass-border);border-radius:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.bl-table-wrapper::-webkit-scrollbar{height:6px}.bl-table-wrapper::-webkit-scrollbar-track{background:#0003;border-radius:3px}.bl-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.bl-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff40}.bl-invoice-empty{background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:1px solid var(--bl-glass-border);border-radius:16px;padding:48px 32px;text-align:center}.bl-invoice-empty .material-icons{color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:3rem;margin-bottom:12px}.bl-invoice-empty p{color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:.95rem}.bl-invoice-table{border-collapse:collapse;min-width:700px;width:100%}.bl-invoice-table th{background:#0003;border-bottom:1px solid var(--bl-glass-border);color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.bl-invoice-table th:last-child{text-align:right}.bl-invoice-table td{border-bottom:1px solid var(--bl-border);color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:.9rem;padding:16px 20px;vertical-align:middle}.bl-invoice-table tr:hover td{background:#ffffff05}.bl-invoice-table tr:last-child td{border-bottom:none}.bl-invoice__title{color:var(--v2-text-primary);color:var(--bl-text-primary);font-weight:600}.bl-invoice__desc{color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:.8rem;margin-top:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-invoice__amount{color:var(--v2-text-primary);font-weight:700;text-align:right}.bl-invoice__profile-avatar{align-items:center;border:2px solid #f5c5424d;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.bl-invoice__profile-img{height:100%;object-fit:cover;width:100%}.bl-invoice__profile-placeholder{align-items:center;background:linear-gradient(135deg,#f5c5424d,#d4a85533);display:flex;height:100%;justify-content:center;width:100%}.bl-invoice__profile-initial{color:var(--v2-primary);font-size:1rem;font-weight:700;text-transform:uppercase}.bl-invoice__profile-child-badge{align-items:center;background:linear-gradient(135deg,var(--brand-gold) 0,var(--brand-gold-hover) 100%);background:linear-gradient(135deg,var(--bl-gold) 0,var(--bl-gold-dark) 100%);border:2px solid var(--bl-bg-card);border-radius:50%;bottom:-2px;display:flex;height:16px;justify-content:center;position:absolute;right:-2px;width:16px}.bl-invoice__profile-child-badge .material-icons{color:#000;font-size:10px}.bl-invoice__actions{text-align:right}.bl-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.bl-status-badge--paid{background:#10b9811a;border:1px solid #10b98133;color:var(--v2-success)}.bl-status-badge--pending{background:#f5c5421a;border:1px solid #f5c54233;color:var(--v2-warning)}.bl-status-badge--overdue{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.bl-pay-btn{align-items:center;background:var(--v2-primary);border:1px solid var(--v2-primary);border-radius:8px;border-radius:var(--v2-radius-md,8px);color:var(--v2-primary-fg);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;padding:10px 16px;transition:background .15s ease,border-color .15s ease;transition:background var(--v2-transition-fast,.15s ease),border-color var(--v2-transition-fast,.15s ease);width:100%}.bl-pay-btn:hover:not(:disabled){background:var(--v2-primary-hover);border-color:var(--v2-primary-hover)}.bl-pay-btn:disabled{cursor:not-allowed;opacity:.6}.bl-paid-badge{color:var(--v2-success);font-size:.8rem;font-weight:600;gap:4px}.bl-paid-actions,.bl-paid-badge{align-items:center;display:inline-flex}.bl-paid-actions{gap:12px}.bl-receipt-btn{align-items:center;background:#0000;border:1px solid var(--v2-primary-border);border-radius:6px;color:var(--v2-primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.bl-receipt-btn:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary);transform:translateY(-1px)}.bl-receipt-btn .material-icons{font-size:14px}.bl-receipt-btn--download{border-color:var(--status-success-border);color:var(--v2-success)}.bl-receipt-btn--download:hover{background:var(--status-success-bg);border-color:var(--v2-success)}.bl-receipt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}.bl-qr-modal-overlay,.bl-receipt-modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.bl-qr-modal-overlay{animation:blFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9}.bl-qr-modal-content{animation:blSlideUp .3s cubic-bezier(.16,1,.3,1);background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:16px;border-top:1px solid #ffd7001a;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;width:100%}.bl-qr-modal-header{align-items:center;border-bottom:1px solid var(--v2-border-subtle);display:flex;justify-content:space-between;padding:20px 24px}.bl-qr-modal-header h3{align-items:center;color:var(--v2-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.bl-qr-modal-header h3:before{color:gold;content:"qr_code_scanner";font-family:Material Icons;font-size:1.2rem}.bl-qr-modal-close{align-items:center;background:var(--v2-surface-hover);border:none;border-radius:50%;color:var(--v2-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.bl-qr-modal-close:hover{background:var(--v2-surface-pressed);color:var(--v2-text-primary);transform:rotate(90deg)}.bl-qr-modal-body{flex:1 1;overflow-y:auto;padding:0}.bl-qr-modal-body .qr-payment-container{background:#0000;border:none;box-shadow:none;padding:24px}.bl-receipt-modal{background:var(--v2-surface-card);background:var(--bl-bg-card);border:1px solid var(--bl-glass-border);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:680px;width:100%}.bl-receipt-modal__header{align-items:center;border-bottom:1px solid var(--bl-glass-border);display:flex;justify-content:space-between;padding:16px 20px}.bl-receipt-modal__header h3{color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:1rem;font-weight:600;margin:0}.bl-receipt-modal__actions{align-items:center;display:flex;gap:8px}.bl-receipt-modal__print-btn{align-items:center;background:var(--brand-gold);background:var(--bl-gold);border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.bl-receipt-modal__print-btn:hover{box-shadow:0 4px 12px #f5c5424d;transform:translateY(-2px)}.bl-receipt-modal__print-btn:disabled{cursor:not-allowed;opacity:.5}.bl-receipt-modal__close{background:#0000;border:none;border-radius:8px;color:var(--v2-text-muted);color:var(--bl-text-muted);cursor:pointer;padding:8px;transition:all .2s ease}.bl-receipt-modal__close:hover{background:#ffffff1a;color:var(--v2-text-primary);color:var(--bl-text-primary)}.bl-receipt-modal__content{flex:1 1;min-height:400px;overflow:hidden}.bl-receipt-modal__loading{align-items:center;color:var(--v2-text-muted);color:var(--bl-text-muted);display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.bl-receipt-iframe{background:#fff;border:none;border-radius:0 0 16px 16px;height:70vh;width:100%}@media (max-width:768px){.bl-receipt-modal{border-radius:0;max-height:100vh;max-width:100%}.bl-receipt-iframe{border-radius:0;height:calc(100vh - 60px)}.bl-paid-actions{flex-wrap:wrap;gap:8px}}.bl-create-form{padding:0}.bl-create-form__header{border-bottom:2px solid var(--bl-border);padding:24px 32px}.bl-create-form__title{align-items:center;color:var(--v2-text-primary);color:var(--bl-text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:10px}.bl-create-form__title .material-icons{color:var(--v2-primary)}.bl-create-form__content{padding:32px}.bl-form-select{appearance:none;background:var(--v2-surface-card);background:var(--bl-bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:1px solid var(--bl-glass-border);border-radius:10px;color:var(--v2-text-primary);color:var(--bl-text-primary);cursor:pointer;font-size:.95rem;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.bl-form-select:focus{border-color:var(--bl-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}.bl-form-select option,.bl-form-textarea{background:var(--v2-surface-card);background:var(--bl-bg-secondary);color:var(--v2-text-primary);color:var(--bl-text-primary)}.bl-form-textarea{border:1px solid var(--bl-glass-border);border-radius:10px;font-family:inherit;font-size:.95rem;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.bl-form-textarea:focus{border-color:var(--bl-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}.bl-form-textarea::placeholder,.bl-loading{color:var(--v2-text-muted);color:var(--bl-text-muted)}.bl-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px}.bl-loading__spinner{animation:bl-spin .8s linear infinite;border:3px solid var(--bl-glass-border);border-radius:50%;border-top-color:var(--bl-gold);height:32px;margin-bottom:16px;width:32px}@media (max-width:768px){.bl-create-form__content,.bl-create-form__header,.bl-settings__content,.bl-settings__header{padding:20px}.bl-verification-badge{align-items:flex-start;flex-direction:column;gap:12px}.bl-form-grid--full{grid-column:span 1}}.bl-action-menu{display:inline-block;position:relative}.bl-action-menu__trigger{background:#0000;border:none;border-radius:8px;color:var(--v2-text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.bl-action-menu__trigger:hover{background:#ffffff1a;color:var(--v2-text-primary);color:var(--bl-text-primary)}.bl-action-menu__dropdown{background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:1px solid var(--bl-glass-border);border-radius:10px;box-shadow:0 8px 24px #0006;margin-top:4px;min-width:160px;overflow:hidden;position:fixed;z-index:9999}.bl-action-menu__item{align-items:center;background:#0000;border:none;color:var(--v2-text-secondary);color:var(--bl-text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.bl-action-menu__item:hover{background:#ffffff0d;color:var(--v2-text-primary);color:var(--bl-text-primary)}.bl-action-menu__item .material-icons{font-size:18px}.bl-action-menu__item--danger:hover{background:#ef44441a;color:#f87171}.bl-status-badge--cancelled{background:#6b72801a;border:1px solid #6b728033;color:#9ca3af}.bl-cancelled-badge{align-items:center;color:#9ca3af;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px}.bl-credential-warning{align-items:center;background:#f5c5421a;border:1px solid #f5c5424d;border-radius:12px;color:var(--v2-warning);display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.bl-credential-warning .material-icons{font-size:24px}.bl-credential-warning__text{flex:1 1}.bl-credential-warning__title{font-weight:600;margin-bottom:4px}.bl-credential-warning__desc{font-size:.85rem;opacity:.8}.bl-credential-warning__btn{background:var(--brand-gold);background:var(--bl-gold);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.bl-credential-warning__btn:hover{box-shadow:0 4px 12px #f5c5424d;transform:translateY(-2px)}.bl-recipients-header{align-items:center;border-bottom:1px solid var(--bl-border);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.bl-form-section__header{margin-bottom:0}.bl-form-section{background:#ffffff05;border:1px solid var(--bl-glass-border);border-radius:12px;margin-bottom:28px;padding:24px}.bl-form-section:last-of-type{margin-bottom:0}.bl-form-section__title{align-items:center;color:var(--v2-text-primary);color:var(--bl-text-primary);display:flex;font-size:1rem;font-weight:700;gap:10px;margin:0 0 20px}.bl-form-section__title .material-icons{color:var(--v2-primary);font-size:22px}.bl-form-row{margin-bottom:20px}.bl-form-row:last-child{margin-bottom:0}.bl-form-row--2col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.bl-form-row--2col{grid-template-columns:1fr}.bl-form-section{margin-bottom:20px;padding:20px}}.bl-recipients-counter{align-items:center;background:#f5c5421a;border:1px solid #f5c5424d;border-radius:20px;display:flex;gap:8px;padding:6px 12px}.bl-recipients-counter__badge{align-items:center;background:var(--brand-gold);background:var(--bl-gold);border-radius:50%;color:#000;display:flex;font-size:.85rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px}.bl-recipients-counter__text{color:var(--v2-primary);font-size:.9rem;font-weight:600}.bl-recipients-counter-enhanced{align-items:center;background:linear-gradient(135deg,#f5c54226,#d4a8551a);border:2px solid #f5c54266;border-radius:24px;box-shadow:0 2px 10px #f5c54226;display:inline-flex;gap:10px;padding:8px 16px;transition:all .3s ease}.bl-recipients-counter-enhanced:hover{box-shadow:0 4px 15px #f5c54240;transform:translateY(-1px)}.bl-recipients-counter-enhanced__badge{align-items:center;background:var(--brand-gold);background:var(--bl-gold);border-radius:16px;box-shadow:0 2px 6px #f5c5424d;display:flex;gap:4px;padding:4px 10px}.bl-recipients-counter-enhanced__badge .material-icons{color:#000;font-size:16px}.bl-recipients-counter-enhanced__number{color:#000;font-size:.95rem;font-weight:800;line-height:1}.bl-recipients-counter-enhanced__text{color:var(--v2-primary);font-size:.9rem;font-weight:600;letter-spacing:.2px}.bl-btn-select-all{align-items:center;background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:2px solid var(--bl-glass-border);border-radius:10px;color:var(--v2-text-secondary);color:var(--bl-text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:10px;margin-bottom:4px;margin-top:16px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.bl-btn-select-all:before{background:linear-gradient(90deg,#0000,#f5c5421a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.bl-btn-select-all:hover:before{left:100%}.bl-btn-select-all:hover{background:#f5c5421a;border-color:var(--bl-gold);box-shadow:0 2px 10px #f5c54233;color:#fff;transform:translateY(-1px)}.bl-btn-select-all:disabled{cursor:not-allowed;opacity:.4;transform:none}.bl-btn-select-all .material-icons{font-size:20px;transition:transform .3s ease}.bl-btn-select-all:hover .material-icons{transform:scale(1.1)}.bl-btn-select-all__text{font-weight:700;letter-spacing:.2px}.bl-btn-select-all__count{background:#f5c54233;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;padding:2px 8px}.bl-recipients-container{background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:1px solid var(--bl-glass-border);border-radius:12px;margin-top:20px;padding:20px}.bl-recipients-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:500px;overflow-y:auto;padding:6px}.bl-recipients-list::-webkit-scrollbar{width:10px}.bl-recipients-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px;margin:4px 0}.bl-recipients-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f5c54266,#d4a85566);border:2px solid var(--bl-bg-secondary);border-radius:5px}.bl-recipients-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f5c54299,#d4a85599)}.bl-recipient-card{align-items:center;background:var(--v2-surface-card);background:var(--bl-bg-card);border:2px solid var(--bl-glass-border);border-radius:14px;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bl-recipient-card:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.bl-recipient-card:hover{background:#ffffff08;border-color:#f5c54280;box-shadow:0 4px 20px #f5c54226;transform:translateX(4px)}.bl-recipient-card:hover:before{background:linear-gradient(180deg,var(--brand-gold),var(--brand-gold-hover));background:linear-gradient(180deg,var(--bl-gold),var(--bl-gold-dark))}.bl-recipient-card--selected{background:linear-gradient(135deg,#f5c5421f,#d4a85514);border-color:var(--bl-gold);box-shadow:0 4px 20px #f5c54240}.bl-recipient-card--selected:before{background:linear-gradient(180deg,var(--brand-gold),var(--brand-gold-hover));background:linear-gradient(180deg,var(--bl-gold),var(--bl-gold-dark));width:5px}.bl-recipient-card__checkbox{flex-shrink:0;position:relative}.bl-recipient-card__checkbox input[type=checkbox]{cursor:pointer;height:26px;opacity:0;position:absolute;width:26px}.bl-recipient-card__checkmark{align-items:center;background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:2px solid var(--bl-glass-border);border-radius:8px;box-shadow:inset 0 2px 4px #0003;display:flex;height:26px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:26px}.bl-recipient-card__checkmark .material-icons{color:#000;font-size:18px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.bl-recipient-card__checkbox input[type=checkbox]:checked~.bl-recipient-card__checkmark{background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-hover));background:linear-gradient(135deg,var(--bl-gold),var(--bl-gold-dark));border-color:var(--bl-gold);box-shadow:0 4px 12px #f5c54266}.bl-recipient-card__checkbox input[type=checkbox]:checked~.bl-recipient-card__checkmark .material-icons{opacity:1;transform:scale(1)}.bl-recipient-card:hover .bl-recipient-card__checkmark{border-color:var(--bl-gold);transform:scale(1.05)}.bl-recipient-card__content{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.bl-recipient-card__avatar{align-items:center;background:linear-gradient(135deg,#f5c54233,#d4a85526);border:2px solid #f5c5424d;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:56px}.bl-recipient-card:hover .bl-recipient-card__avatar{border-color:var(--bl-gold);box-shadow:0 4px 15px #f5c5424d;transform:scale(1.1)}.bl-recipient-card__avatar-img{height:100%;object-fit:cover;width:100%}.bl-recipient-card__avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f5c5424d,#d4a85533);display:flex;height:100%;justify-content:center;width:100%}.bl-recipient-card__avatar-initial{color:var(--v2-primary);font-size:1.5rem;font-weight:700;text-transform:uppercase}.bl-recipient-card__avatar-badge{align-items:center;background:linear-gradient(135deg,var(--brand-gold) 0,var(--brand-gold-hover) 100%);background:linear-gradient(135deg,var(--bl-gold) 0,var(--bl-gold-dark) 100%);border:2px solid var(--bl-bg-card);border-radius:50%;bottom:-2px;box-shadow:0 2px 8px #0000004d;display:flex;height:22px;justify-content:center;position:absolute;right:-2px;width:22px}.bl-recipient-card__avatar-badge .material-icons{color:#000;font-size:12px;font-weight:700}.bl-recipient-card__avatar .material-icons{color:var(--v2-primary);font-size:26px}.bl-recipient-card__info{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.bl-recipient-card__name{color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:1rem;font-weight:700;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-recipient-card__branch{align-items:center;color:var(--v2-text-muted);color:var(--bl-text-muted);display:flex;font-size:.85rem;font-weight:500;gap:5px}.bl-recipient-card__branch .material-icons{color:var(--v2-text-muted);font-size:16px}.bl-recipient-card__child-badge{align-items:center;background:linear-gradient(135deg,#f5c54233,#f5c5421a);border:1px solid var(--brand-gold-border);border-radius:12px;color:var(--v2-primary);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.bl-recipient-card__parent-info{align-items:center;color:var(--v2-text-muted);display:flex;font-size:.8rem;font-style:italic;font-weight:500;gap:5px;margin-top:4px}.bl-recipient-card__parent-info .material-icons{color:var(--v2-text-muted);font-size:14px}@media (max-width:768px){.bl-recipients-list{grid-template-columns:1fr;max-height:400px}.bl-recipients-header{align-items:flex-start;flex-direction:column;gap:12px}.bl-btn-select-all,.bl-recipients-counter-enhanced{justify-content:center;width:100%}}.bl-form-actions{border-top:2px solid var(--bl-border);margin-top:32px;padding-top:24px}.bl-btn-create-invoice{align-items:center;background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-hover));background:linear-gradient(135deg,var(--bl-gold),var(--bl-gold-dark));border:none;border-radius:12px;box-shadow:0 4px 15px #f5c5424d;color:#000;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:12px;justify-content:center;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bl-btn-create-invoice:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.bl-btn-create-invoice:hover:before{height:300px;width:300px}.bl-btn-create-invoice:hover{box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}.bl-btn-create-invoice:active{transform:translateY(0)}.bl-btn-create-invoice:disabled{box-shadow:0 2px 8px #f5c54233;cursor:not-allowed;opacity:.5;transform:none}.bl-btn-create-invoice__icon{align-items:center;background:#0000001f;border-radius:8px;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px;z-index:1}.bl-btn-create-invoice:hover .bl-btn-create-invoice__icon{background:#0000002e;transform:rotate(8deg) scale(1.05)}.bl-btn-create-invoice__icon .material-icons{color:#fff;font-size:20px}.bl-btn-create-invoice__content{align-items:flex-start;display:flex;flex-direction:column;gap:2px;z-index:1}.bl-btn-create-invoice__label{font-size:.95rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.bl-btn-create-invoice__count{font-size:.8rem;font-weight:600;letter-spacing:.2px;opacity:.85}.bl-btn-create-invoice__arrow{font-size:22px;transition:all .3s ease;z-index:1}.bl-btn-create-invoice:hover .bl-btn-create-invoice__arrow{transform:translateX(4px)}.bl-btn-create-invoice__spinner{animation:bl-spin .8s linear infinite;border:3px solid #0003;border-radius:50%;border-top-color:#000;height:20px;width:20px;z-index:1}.bl-btn-create-invoice__text{font-size:.95rem;font-weight:700;letter-spacing:.3px;z-index:1}@keyframes bl-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.bl-btn-create-invoice{font-size:.9rem;gap:10px;padding:12px 20px}.bl-btn-create-invoice__icon{height:32px;width:32px}.bl-btn-create-invoice__icon .material-icons{font-size:18px}.bl-btn-create-invoice__label{font-size:.9rem}.bl-btn-create-invoice__count{font-size:.75rem}.bl-btn-create-invoice__arrow{font-size:20px}}.bl-stats-grid{.bl-btn-create-invoice__icon .material-icons{font-size:24px}.bl-btn-create-invoice__label{font-size:1rem}.bl-btn-create-invoice__count{font-size:.85rem}}.bl-stats-grid{grid-gap:20px;grid-gap:var(--v2-space-5,20px);display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-bottom:32px;margin-bottom:var(--v2-space-8,32px)}.bl-stat-card,.bl-stats-grid{gap:20px;gap:var(--v2-space-5,20px)}.bl-stat-card{align-items:center;background:var(--v2-surface-card);background-clip:padding-box;border:1px solid var(--v2-border-default);border-radius:12px;border-radius:var(--v2-radius-xl,12px);box-shadow:var(--v2-shadow-xs);display:flex;isolation:isolate;min-height:116px;min-width:0;overflow:hidden;padding:24px;padding:var(--v2-space-6,24px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.bl-stat-card:hover{border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-md);transform:translateY(-2px)}.bl-stat-card__icon{align-items:center;background:var(--v2-primary-bg);border-radius:8px;border-radius:var(--v2-radius-lg,8px);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.bl-stat-card__icon .material-icons{color:var(--v2-primary);font-size:28px}.bl-stat-card__content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.bl-stat-card__label{color:var(--v2-text-muted);font-size:.75rem;font-weight:700;font-weight:var(--v2-font-weight-bold,700);letter-spacing:.04em;text-transform:uppercase}.bl-stat-card__value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-size:clamp(1.4rem,1.8vw,1.9rem);font-weight:800;line-height:1.1;white-space:nowrap}.bl-stat-card__amount{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-secondary);font-size:.85rem;font-weight:600;font-weight:var(--v2-font-weight-semibold,600);margin-top:4px;margin-top:var(--v2-space-1,4px)}.bl-stat-card--success{border-color:var(--status-success-border)}.bl-stat-card--success:hover{border-color:var(--status-success);box-shadow:var(--v2-shadow-md)}.bl-stat-card--success .bl-stat-card__icon{background:var(--status-success-bg)}.bl-stat-card--success .bl-stat-card__icon .material-icons{color:var(--status-success)}.bl-stat-card--warning{border-color:var(--status-warning-border)}.bl-stat-card--warning:hover{border-color:var(--status-warning);box-shadow:var(--v2-shadow-md)}.bl-stat-card--warning .bl-stat-card__icon{background:var(--status-warning-bg)}.bl-stat-card--warning .bl-stat-card__icon .material-icons{color:var(--v2-primary)}.bl-stat-card--gold{background:var(--v2-surface-card);border-color:var(--v2-primary-border);border-left:3px solid var(--v2-primary)}.bl-stat-card--gold .bl-stat-card__icon{background:var(--v2-primary-bg)}.bl-stat-card--gold .bl-stat-card__icon .material-icons{color:var(--v2-primary)}.bl-stat-card--gold .bl-stat-card__amount,.bl-stat-card--gold .bl-stat-card__label,.bl-stat-card--gold .bl-stat-card__value{color:inherit}.bl-stat-card--gold .bl-stat-card__label{color:var(--v2-text-muted)}.bl-stat-card--gold .bl-stat-card__value{color:var(--v2-text-primary)}.bl-stat-card--gold .bl-stat-card__amount{color:var(--v2-text-secondary)}.bl-stat-card--danger{background:linear-gradient(135deg,#b91c1c0f,#b91c1c05),var(--v2-surface-card);border-color:var(--status-danger-border)}.bl-stat-card--danger:hover{border-color:var(--status-danger);box-shadow:var(--v2-shadow-md)}.bl-stat-card--danger .bl-stat-card__icon{background:var(--status-danger-bg)}.bl-stat-card--danger .bl-stat-card__amount,.bl-stat-card--danger .bl-stat-card__icon .material-icons,.bl-stat-card--danger .bl-stat-card__value{color:var(--status-danger)}.bl-info-card{background:linear-gradient(135deg,#1e7b4e1a,#145a380d);border:1px solid #1e7b4e33;border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:20px 24px}.bl-info-card__icon{align-items:center;background:#1e7b4e33;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bl-info-card__icon .material-icons{color:var(--v2-success);font-size:24px}.bl-info-card__content{flex:1 1}.bl-info-card__content h4{color:var(--v2-success);font-size:.95rem;font-weight:700;margin:0 0 8px}.bl-info-card__content p{color:var(--v2-success);font-size:.85rem;line-height:1.5;margin:0}.bl-filters{background:var(--v2-surface-card);background:var(--bl-bg-card);border:1px solid var(--bl-glass-border);border-radius:16px;margin-bottom:32px;padding:24px}.bl-filters__header{align-items:center;border-bottom:1px solid var(--bl-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.bl-filters__title{align-items:center;color:var(--v2-text-primary);color:var(--bl-text-primary);display:flex;font-size:1rem;font-weight:700;gap:10px;margin:0}.bl-filters__title .material-icons{color:var(--v2-primary);font-size:20px}.bl-filters__clear{align-items:center;background:#0000;border:1px solid var(--bl-glass-border);border-radius:8px;color:var(--v2-text-secondary);color:var(--bl-text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.bl-filters__clear:hover{background:#ef44441a;border-color:#f87171;color:#f87171}.bl-filters__clear .material-icons{font-size:16px}.bl-filters__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.bl-filter-group{display:flex;flex-direction:column;gap:8px}.bl-filter-label{align-items:center;color:var(--v2-text-muted);color:var(--bl-text-muted);display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.bl-filter-label .material-icons{color:var(--v2-primary);font-size:16px}.bl-filter-input,.bl-filter-select{background:var(--v2-surface-card);background:var(--bl-bg-secondary);border:1px solid var(--bl-glass-border);border-radius:8px;color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:.9rem;padding:10px 14px;transition:all .2s ease;width:100%}.bl-filter-input:focus,.bl-filter-select:focus{border-color:var(--bl-gold);box-shadow:0 0 0 3px #f5c5421a;outline:none}.bl-filter-input::placeholder{color:var(--v2-text-muted);color:var(--bl-text-muted)}.bl-filter-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:36px}.bl-filter-select option{background:var(--v2-surface-card);background:var(--bl-bg-secondary);color:var(--v2-text-primary);color:var(--bl-text-primary)}.bl-filters__results{border-top:1px solid var(--bl-border);color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:.85rem;padding-top:16px;text-align:center}.bl-filters__results strong{color:var(--v2-primary);font-weight:700}.bl-btn-clear-filters{background:#0000;border:2px solid var(--bl-gold);border-radius:8px;color:var(--v2-primary);cursor:pointer;font-size:.9rem;font-weight:600;margin-top:16px;padding:10px 20px;transition:all .2s ease}.bl-btn-clear-filters:hover{background:var(--brand-gold);background:var(--bl-gold);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.bl-filters{padding:16px}.bl-filters__header{align-items:flex-start;flex-direction:column;gap:12px}.bl-filters__clear{justify-content:center;width:100%}}.bl-pagination{align-items:center;background:var(--v2-surface-card);background:var(--bl-bg-card);border:1px solid var(--bl-glass-border);border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-top:24px;padding:20px 24px}.bl-pagination__btn{align-items:center;background:#0000;border:1px solid var(--bl-glass-border);border-radius:8px;color:var(--v2-text-secondary);color:var(--bl-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.bl-pagination__btn:hover:not(:disabled){background:#f5c5421a;border-color:var(--bl-gold);color:var(--v2-primary)}.bl-pagination__btn:disabled{cursor:not-allowed;opacity:.3}.bl-pagination__btn .material-icons{font-size:18px}.bl-pagination__pages{flex:1 1;gap:6px}.bl-pagination__page,.bl-pagination__pages{align-items:center;display:flex;justify-content:center}.bl-pagination__page{background:#0000;border:1px solid var(--bl-glass-border);border-radius:8px;color:var(--v2-text-secondary);color:var(--bl-text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;height:40px;min-width:40px;transition:all .2s ease}.bl-pagination__page:hover{background:#f5c5421a;border-color:var(--bl-gold);color:var(--v2-primary)}.bl-pagination__page--active{background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-hover));background:linear-gradient(135deg,var(--bl-gold),var(--bl-gold-dark));border-color:var(--bl-gold);color:#000}.bl-pagination__page--active:hover{background:linear-gradient(135deg,var(--brand-gold-bg),var(--brand-gold));background:linear-gradient(135deg,var(--bl-gold-light),var(--bl-gold));color:#000}.bl-pagination__dots{color:var(--v2-text-muted);color:var(--bl-text-muted);font-weight:700;padding:0 8px}@media (max-width:768px){.bl-pagination{flex-direction:column;gap:12px}.bl-pagination__pages{flex-wrap:wrap;width:100%}.bl-pagination__btn{justify-content:center;width:100%}}.bl-filter-hint{color:var(--v2-text-muted);color:var(--bl-text-muted);display:block;font-size:.7rem;font-style:italic;margin-top:4px}@media (max-width:1200px){.bl-filters__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.bl-filters__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bl-filters__grid{grid-template-columns:1fr}}.bl-form-card{background:var(--v2-surface-card);background:var(--bl-bg-card);border:1px solid var(--bl-glass-border);border-radius:12px;margin-bottom:24px;padding:24px}.bl-form-card__header{align-items:center;border-bottom:1px solid var(--bl-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.bl-form-card__header h4{color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:18px;font-weight:600;margin:0}.bl-form-card__close{background:none;border:none;color:var(--v2-text-muted);color:var(--bl-text-muted);cursor:pointer;padding:4px;transition:color .2s}.bl-form-card__close:hover{color:var(--v2-text-primary);color:var(--bl-text-primary)}.bl-split-section{background:#ffffff05;border:1px solid var(--bl-glass-border);border-radius:8px;margin-bottom:16px;padding:16px}.bl-split-section__title{align-items:center;color:var(--v2-text-secondary);color:var(--bl-text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.bl-split-section__title .material-icons{color:var(--v2-primary);font-size:18px}.bl-cancel-btn{background:#0000;border:1px solid var(--bl-glass-border);border-radius:8px;color:var(--v2-text-secondary);color:var(--bl-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.bl-cancel-btn:hover{background:#ffffff0d;border-color:var(--bl-text-muted)}.bl-presets-list{margin-top:24px}.bl-empty-state{padding:48px 24px;text-align:center}.bl-empty-state,.bl-empty-state .material-icons{color:var(--v2-text-muted);color:var(--bl-text-muted)}.bl-empty-state .material-icons{font-size:64px;margin-bottom:16px;opacity:.3}.bl-empty-state h4{color:var(--v2-text-secondary);color:var(--bl-text-secondary);font-size:18px;font-weight:600;margin-bottom:8px}.bl-empty-state p{color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:14px}.bl-presets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.bl-preset-card{background:var(--v2-surface-card);background:var(--bl-bg-card);border:1px solid var(--bl-glass-border);border-radius:12px;overflow:hidden;transition:all .2s}.bl-preset-card:hover{border-color:var(--bl-gold);box-shadow:0 4px 12px #f5c54226}.bl-preset-card__header{align-items:flex-start;border-bottom:1px solid var(--bl-border);display:flex;justify-content:space-between;padding:16px}.bl-preset-card__title{color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.bl-preset-card__collection{color:var(--v2-text-muted);color:var(--bl-text-muted);font-family:monospace;font-size:12px;margin:0}.bl-preset-card__actions{display:flex;gap:4px}.bl-preset-card__action{background:none;border:none;border-radius:6px;color:var(--v2-text-muted);color:var(--bl-text-muted);cursor:pointer;padding:6px;transition:all .2s}.bl-preset-card__action:hover{background:#ffffff0d;color:var(--v2-text-primary);color:var(--bl-text-primary)}.bl-preset-card__action--danger:hover{background:#ef44441a;color:#f87171}.bl-preset-card__body{padding:16px}.bl-preset-card__badge{background:#f5c54226;border-radius:12px;color:var(--v2-warning);display:inline-block;font-size:12px;font-weight:500;margin-bottom:12px;margin-right:8px;padding:4px 12px}.bl-preset-card__badge--inactive{background:#ffffff0d;color:var(--v2-text-muted);color:var(--bl-text-muted)}.bl-preset-card__split{margin-bottom:16px}.bl-preset-card__split:last-child{margin-bottom:0}.bl-preset-card__split-title{align-items:center;color:var(--v2-text-secondary);color:var(--bl-text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:8px}.bl-preset-card__split-title .material-icons{font-size:16px}.bl-preset-card__split-rules{display:flex;gap:12px}.bl-preset-card__split-item{align-items:center;background:#ffffff05;border:1px solid var(--bl-glass-border);border-radius:6px;display:flex;flex:1 1;justify-content:space-between;padding:8px 12px}.bl-preset-card__split-item span{color:var(--v2-text-muted);color:var(--bl-text-muted);font-size:12px}.bl-preset-card__split-item strong{color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:14px;font-weight:600}.bl-split-preview{background:linear-gradient(135deg,#1e7b4e1a,#145a380d);border:1px solid #1e7b4e33;border-radius:12px;margin-bottom:20px;padding:16px 20px}.bl-split-preview__header{align-items:center;border-bottom:1px solid #1e7b4e33;color:var(--v2-success);display:flex;font-size:.9rem;font-weight:700;gap:10px;margin-bottom:12px;padding-bottom:12px}.bl-split-preview__header .material-icons{font-size:20px}.bl-split-preview__content{display:flex;flex-direction:column;gap:10px}.bl-split-preview__row{align-items:center;background:#1e7b4e0d;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.bl-split-preview__label{color:var(--v2-success);font-size:.85rem;font-weight:600}.bl-split-preview__value{color:var(--v2-success);font-size:.9rem;font-weight:700}.bl-payment-history{padding:0}.bl-payment-table{border-collapse:collapse;font-size:.9rem;width:100%}.bl-payment-table thead{background:#f5c5420d;border-bottom:2px solid var(--bl-border)}.bl-payment-table th{color:var(--v2-primary);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.bl-payment-table tbody tr{border-bottom:1px solid var(--bl-border);transition:background-color .2s ease}.bl-payment-table tbody tr:hover{background:#f5c54208}.bl-payment-table td{color:var(--v2-text-secondary);color:var(--bl-text-secondary);padding:16px 12px;vertical-align:top}.bl-branch-type-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.bl-branch-type-badge--cawangan{background:#3b82f626;border:1px solid #3b82f64d;color:var(--v2-info)}.bl-branch-type-badge--zon{background:#a855f726;border:1px solid #a855f74d;color:#c084fc}.bl-collection-id{background:#f5c5421a;border:1px solid #f5c54233;border-radius:4px;color:var(--v2-primary);display:inline-block;font-family:Courier New,monospace;font-size:.8rem;padding:4px 8px}.bl-account-badges{display:flex;flex-direction:column;gap:4px}.bl-account-badge{background:#1e7b4e26;border:1px solid #1e7b4e4d;border-radius:4px;color:var(--v2-success);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.bl-split-details{display:flex;flex-direction:column;gap:6px;min-width:200px}.bl-split-row{align-items:center;background:#f5c5420d;border:1px solid #f5c5421a;border-radius:6px;display:flex;justify-content:space-between;padding:6px 10px}.bl-split-label{color:var(--v2-primary);font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.bl-split-value{align-items:center;color:var(--v2-text-primary);color:var(--bl-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:6px}.bl-split-percent{font-size:.75rem;font-weight:500}.bl-no-split,.bl-split-percent{color:var(--v2-text-muted);color:var(--bl-text-muted)}.bl-no-split{font-size:.85rem;font-style:italic}@media (max-width:1400px){.bl-payment-table{font-size:.85rem}.bl-payment-table td,.bl-payment-table th{padding:12px 8px}.bl-split-details{min-width:180px}}@media (max-width:1200px){.bl-table-wrapper{overflow-x:auto}.bl-payment-table{min-width:1200px}}.bl-account-selector{background:var(--v2-surface-card);background:var(--bl-bg-card);border:1px solid var(--bl-glass-border);border-radius:12px;margin-bottom:32px;padding:24px}.bl-account-tabs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.bl-account-tab{align-items:center;background:var(--bl-bg-secondary);border:2px solid var(--bl-glass-border);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.bl-account-tab:hover{background:#f5c5420d;border-color:var(--bl-gold)}.bl-account-tab--active{background:linear-gradient(135deg,#f5c54226,#d4a8551a);border-color:var(--bl-gold);box-shadow:0 4px 20px #f5c54233}.bl-account-tab .material-icons{color:var(--v2-primary);font-size:32px}.bl-account-tab--active .material-icons{color:var(--v2-primary)}.bl-account-tab__content{display:flex;flex:1 1;flex-direction:column;gap:8px}.bl-account-tab__title{color:var(--v2-text-primary);color:var(--bl-text-primary);font-size:.95rem;font-weight:700}.bl-account-tab__purpose{align-items:center;display:flex;gap:6px}.bl-account-tab__status{align-items:center;color:var(--v2-success);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px}.bl-account-tab__status .material-icons{font-size:14px}.bl-account-tab__status--pending{color:var(--v2-text-muted);color:var(--bl-text-muted)}.bl-account-purpose{align-items:flex-start;background:#1e7b4e1a;border:1px solid #1e7b4e33;border-radius:10px;color:var(--v2-success);display:flex;font-size:.85rem;gap:12px;line-height:1.5;padding:16px}.bl-account-purpose .material-icons{color:var(--v2-success);flex-shrink:0;font-size:20px}@media (max-width:768px){.bl-account-tabs{grid-template-columns:1fr}.bl-account-tab{padding:16px}}.bl-invoice-list,.bl-payment-history,.bl-settings{color:var(--v2-text-primary);font-family:var(--v2-font-family)}.bl-account-selector,.bl-filters,.bl-settings__header{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.bl-settings__header{border-bottom:1px solid var(--v2-border-default);margin-bottom:var(--v2-space-5)}.bl-filters__title,.bl-invoice-table td,.bl-invoice__title,.bl-payment-table td,.bl-settings__title{color:var(--v2-text-primary)}.bl-filter-hint,.bl-invoice__desc,.bl-no-split,.bl-settings__subtitle{color:var(--v2-text-secondary)}.bl-btn-clear-filters,.bl-btn-create-invoice,.bl-btn-select-all,.bl-submit-btn{background:var(--v2-primary);border:1px solid var(--v2-primary);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-primary-fg);transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast)}.bl-btn-clear-filters:hover,.bl-btn-create-invoice:hover,.bl-btn-select-all:hover,.bl-submit-btn:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none;transform:none}.bl-filter-input,.bl-filter-select,.bl-form-input{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary)}.bl-filter-input:focus,.bl-filter-select:focus,.bl-form-input:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg)}.bl-invoice-table,.bl-payment-table{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);overflow:hidden}.bl-invoice-table th,.bl-payment-table th{background:var(--v2-surface-hover);border-bottom:1px solid var(--v2-border-default);color:var(--v2-text-secondary);letter-spacing:0}.bl-invoice-table tr:hover td,.bl-payment-table tbody tr:hover{background:var(--v2-surface-hover)}.bl-account-badge,.bl-status-badge--paid{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.bl-status-badge--pending{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning)}.bl-status-badge--cancelled,.bl-status-badge--overdue{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.bl-phone-code{background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--v2-radius-sm);color:var(--status-info);display:inline-block;font-family:var(--v2-font-family-mono);font-size:var(--v2-font-size-sm);font-weight:600;padding:4px 8px}.bl-form-row--spaced{margin-bottom:var(--v2-space-6)}.bl-form-row--compact{margin-bottom:var(--v2-space-4)}.bl-form-row--top-spaced{margin-top:var(--v2-space-4)}.bl-form-label--block{display:block;margin-bottom:var(--v2-space-3)}.bl-form-input--small,.bl-form-label--small{font-size:var(--v2-font-size-sm)}.bl-payment-choice-grid{grid-gap:var(--v2-space-3);display:grid;gap:var(--v2-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.bl-payment-choice{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);color:var(--v2-text-secondary);cursor:pointer;display:block;padding:var(--v2-space-4);text-align:left;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast);width:100%}.bl-payment-choice:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-strong)}.bl-payment-choice--active{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.bl-payment-choice__header{align-items:center;display:flex;gap:var(--v2-space-2);margin-bottom:var(--v2-space-2)}.bl-payment-choice__header .material-icons{font-size:20px}.bl-payment-choice strong{color:inherit}.bl-payment-choice small{color:var(--v2-text-muted);display:block;line-height:var(--v2-line-height-normal)}.bl-payment-choice--active small{color:var(--v2-text-secondary)}.bl-inline-notice{border:1px solid #0000;border-radius:var(--v2-radius-lg);font-size:var(--v2-font-size-sm);margin-top:var(--v2-space-4);padding:var(--v2-space-4)}.bl-inline-notice__content{align-items:flex-start;display:flex;gap:var(--v2-space-3)}.bl-inline-notice__content>.material-icons{flex-shrink:0;font-size:20px;margin-top:2px}.bl-inline-notice strong,.bl-inline-notice__title{display:block;font-weight:700;margin-bottom:var(--v2-space-2)}.bl-inline-notice small,.bl-inline-notice ul{color:var(--v2-text-secondary)}.bl-inline-notice ul{margin:0;padding-left:var(--v2-space-4)}.bl-inline-notice__field{margin-top:var(--v2-space-3)}.bl-inline-notice--success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.bl-inline-notice--info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info)}.bl-inline-notice--warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning)}.bl-split-rule-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);padding:var(--v2-space-4);transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast)}.bl-split-rule-card--active{background:var(--status-success-bg);border-color:var(--status-success-border)}.bl-checkbox-label--stacked{align-items:flex-start;display:flex;gap:var(--v2-space-3)}.bl-checkbox-label--stacked input{margin-top:4px}.bl-split-rule-card__title{align-items:center;color:var(--v2-text-primary);display:flex;font-weight:700;gap:var(--v2-space-2);margin-bottom:var(--v2-space-1)}.bl-split-rule-card--active .bl-split-rule-card__title,.bl-split-rule-card--active .bl-split-rule-card__title .material-icons{color:var(--status-success)}.bl-split-rule-card small{color:var(--v2-text-secondary)}.bl-split-rule-card__field{margin-top:var(--v2-space-3);padding-left:28px}.bl-unpaid-filter{margin-bottom:var(--v2-space-4)}.bl-btn-filter{align-items:center;background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--v2-radius-lg);color:var(--status-warning);cursor:pointer;display:flex;font-size:var(--v2-font-size-base);font-weight:700;gap:var(--v2-space-2);justify-content:center;min-height:44px;padding:var(--v2-space-3) var(--v2-space-4);transition:background var(--v2-transition-fast),opacity var(--v2-transition-fast);width:100%}.bl-btn-filter:disabled{cursor:not-allowed;opacity:.5}.bl-filter-active{background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--v2-radius-lg);justify-content:space-between;padding:var(--v2-space-3) var(--v2-space-4)}.bl-filter-active,.bl-filter-active__content{align-items:center;display:flex;gap:var(--v2-space-3)}.bl-filter-active__content .material-icons,.bl-filter-active__title{color:var(--status-success)}.bl-filter-active__title{font-size:var(--v2-font-size-base);font-weight:700;margin-bottom:var(--v2-space-1)}.bl-filter-active__meta{color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs)}.bl-filter-active__clear{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:700;gap:var(--v2-space-1);min-height:36px;padding:var(--v2-space-2) var(--v2-space-3)}.bl-filter-active__clear .material-icons{font-size:16px}.bl-unpaid-filter__hint{align-items:center;color:var(--v2-text-muted);display:flex;font-size:var(--v2-font-size-xs);gap:var(--v2-space-1);margin-top:var(--v2-space-2)}.bl-unpaid-filter__hint .material-icons{font-size:14px}.bl-receipt-fallback{align-items:center;background:var(--v2-surface-hover);border:1px dashed var(--v2-border-default);border-radius:var(--v2-radius-lg);color:var(--v2-text-secondary);display:flex;flex-direction:column;gap:var(--v2-space-3);justify-content:center;min-height:200px;padding:var(--v2-space-8);text-align:center}.bl-receipt-fallback>.material-icons{color:var(--v2-text-disabled);font-size:40px}.bl-receipt-fallback__title{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:700;margin:0 0 var(--v2-space-1) 0}.bl-receipt-fallback__text{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);margin:0}.bl-receipt-fallback__link{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:700;gap:var(--v2-space-2);margin-top:var(--v2-space-2);padding:var(--v2-space-2) var(--v2-space-4);text-decoration:none;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast)}.bl-receipt-fallback__link:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.bl-receipt-fallback__link .material-icons{font-size:16px}@media (max-width:640px){.bl-payment-choice-grid{grid-template-columns:1fr}.bl-filter-active{align-items:flex-start;flex-direction:column}}.bl-account-tab{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg)}.bl-account-tab--active,.bl-account-tab:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);box-shadow:none}.bl-account-purpose{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.bl-payment-history .bl-table-wrapper{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.bl-payment-history .bl-payment-table{border:0;border-radius:0;font-size:var(--v2-font-size-sm);min-width:980px;table-layout:auto}.bl-payment-history .bl-payment-table thead{background:var(--v2-surface-hover);border-bottom:1px solid var(--v2-border-default)}.bl-payment-history .bl-payment-table th{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-weight:800;letter-spacing:.04em;padding:14px 16px;white-space:nowrap}.bl-payment-history .bl-payment-table td{color:var(--v2-text-secondary);padding:14px 16px;vertical-align:middle}.bl-payment-history .bl-payment-table tbody tr{border-bottom:1px solid var(--v2-border-subtle)}.bl-payment-history .bl-payment-table tbody tr:last-child{border-bottom:0}.bl-payment-history .bl-payment-table tbody tr:hover{background:var(--v2-surface-hover)}.bl-payment-account-cell,.bl-payment-branch,.bl-payment-date,.bl-payment-member,.bl-transaction-codes{display:flex;flex-direction:column;gap:6px}.bl-payment-date{min-width:96px}.bl-payment-date strong,.bl-payment-member strong{color:var(--v2-text-primary);font-weight:700;line-height:1.35}.bl-payment-date span{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs)}.bl-payment-member{min-width:170px}.bl-payment-branch{min-width:190px}.bl-payment-branch>span:first-child{color:var(--v2-text-primary);font-weight:600;line-height:1.35}.bl-payment-amount{color:var(--v2-text-primary)!important;font-weight:800;text-align:right;white-space:nowrap}.bl-transaction-codes{gap:8px;min-width:200px}.bl-transaction-code{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:76px minmax(0,1fr)}.bl-transaction-code>span{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.bl-payment-history .bl-collection-id,.bl-payment-history .bl-phone-code{align-items:center;border-radius:var(--v2-radius-sm);display:inline-flex;font-family:var(--v2-font-family-mono);font-size:var(--v2-font-size-xs);font-weight:700;line-height:1.2;max-width:150px;min-height:28px;padding:4px 8px;white-space:nowrap;width:fit-content}.bl-payment-history .bl-phone-code{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info)}.bl-payment-history .bl-collection-id{background:var(--v2-surface-canvas);border:1px solid var(--v2-border-default);color:var(--v2-text-primary);overflow:hidden;text-overflow:ellipsis}.bl-payment-history .bl-branch-type-badge{border-radius:var(--v2-radius-pill);font-size:var(--v2-font-size-xs);letter-spacing:.02em;padding:4px 9px;width:fit-content}.bl-payment-account-cell{min-width:220px}.bl-payment-history .bl-account-badges{display:flex;flex-flow:row wrap;gap:6px}.bl-payment-history .bl-account-badge{background:var(--status-success-bg);border-color:var(--status-success-border);border-radius:var(--v2-radius-sm);color:var(--status-success);font-size:var(--v2-font-size-xs);line-height:1.2;padding:5px 9px;white-space:nowrap;width:fit-content}.bl-payment-history .bl-split-details{gap:6px;min-width:0}.bl-payment-history .bl-split-row{grid-gap:10px;background:var(--status-warning-bg);border-color:var(--status-warning-border);display:grid;gap:10px;grid-template-columns:minmax(88px,1fr) auto;padding:7px 9px}.bl-payment-history .bl-split-label{color:var(--status-warning);font-size:var(--v2-font-size-xs);letter-spacing:0;text-transform:none}.bl-payment-history .bl-split-value{color:var(--v2-text-primary);font-size:var(--v2-font-size-xs);justify-content:flex-end;white-space:nowrap}.bl-payment-history .bl-split-percent{color:var(--v2-text-muted)}.bl-payment-history .bl-no-split{background:var(--v2-surface-hover);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-pill);color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-style:normal;font-weight:700;padding:4px 8px;width:fit-content}.bl-payment-status-cell{text-align:center}.bl-payment-history .bl-status-badge{border-radius:var(--v2-radius-pill);font-size:var(--v2-font-size-xs);font-weight:800;justify-content:center;letter-spacing:.02em;min-width:72px;padding:6px 10px}@media (max-width:1200px){.bl-payment-history .bl-payment-table{min-width:980px}}@media (max-width:640px){.bl-payment-history .bl-payment-table{min-width:920px}.bl-payment-history .bl-payment-table td,.bl-payment-history .bl-payment-table th{padding:12px}}.bl-qr-review-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090b70;display:flex;inset:0;justify-content:center;padding:var(--v2-space-5);position:fixed;z-index:9999}.bl-qr-review-modal{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-lg);display:flex;flex-direction:column;max-height:min(90vh,900px);overflow:hidden;width:min(920px,100%)}.bl-qr-review-modal__header{align-items:flex-start;background:var(--v2-surface-hover);border-bottom:1px solid var(--v2-border-default);display:flex;gap:var(--v2-space-4);justify-content:space-between;padding:var(--v2-space-5)}.bl-qr-review-modal__header h3{color:var(--v2-text-primary);font-size:var(--v2-font-size-lg);font-weight:800;margin:0 0 var(--v2-space-1)}.bl-qr-review-modal__header p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);margin:0}.bl-qr-review-modal__close{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);cursor:pointer;display:inline-flex;height:44px;justify-content:center;width:44px}.bl-qr-review-modal__close:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.bl-qr-review-modal__body{overflow-y:auto;padding:var(--v2-space-5)}.bl-qr-review-summary{grid-gap:var(--v2-space-3);display:grid;gap:var(--v2-space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--v2-space-5)}.bl-qr-review-summary>div{background:var(--v2-surface-canvas);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);padding:var(--v2-space-4)}.bl-qr-review-reject label,.bl-qr-review-summary span{color:var(--v2-text-muted);display:block;font-size:var(--v2-font-size-xs);font-weight:800;letter-spacing:.04em;margin-bottom:var(--v2-space-1);text-transform:uppercase}.bl-qr-review-summary strong{color:var(--v2-text-primary);font-size:var(--v2-font-size-sm)}.bl-qr-review-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);padding:var(--v2-space-5)}.bl-qr-review-card+.bl-qr-review-card{margin-top:var(--v2-space-4)}.bl-qr-review-card__header{align-items:flex-start;border-bottom:1px solid var(--v2-border-subtle);display:flex;gap:var(--v2-space-4);justify-content:space-between;margin-bottom:var(--v2-space-4);padding-bottom:var(--v2-space-4)}.bl-qr-review-card__header h4{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);margin:0 0 var(--v2-space-1)}.bl-qr-review-card__header p{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);margin:0}.bl-qr-review-card__amount{background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--v2-radius-md);color:var(--status-success);padding:var(--v2-space-2) var(--v2-space-3);white-space:nowrap}.bl-qr-review-check,.bl-qr-review-note{align-items:flex-start;background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--v2-radius-md);display:flex;gap:var(--v2-space-2);margin-bottom:var(--v2-space-4);padding:var(--v2-space-3)}.bl-qr-review-note .material-icons{color:var(--status-info);font-size:20px}.bl-qr-review-check span,.bl-qr-review-note p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);line-height:1.5;margin:0}.bl-qr-review-receipt{margin-bottom:var(--v2-space-4)}.bl-qr-review-receipt__header{align-items:center;color:var(--v2-text-primary);display:flex;gap:var(--v2-space-2);margin-bottom:var(--v2-space-3)}.bl-qr-review-receipt__header .material-icons{color:var(--v2-primary)}.bl-qr-review-receipt__frame{align-items:center;background:var(--v2-surface-canvas);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);display:flex;justify-content:center;min-height:360px;overflow:hidden}.bl-qr-review-receipt__frame iframe{border:0;height:500px;width:100%}.bl-qr-review-receipt>a{color:var(--v2-primary);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:700;margin-top:var(--v2-space-2);text-decoration:none}.bl-qr-review-check{background:var(--status-warning-bg);border-color:var(--status-warning-border)}.bl-qr-review-check input{accent-color:var(--status-warning);margin-top:3px}.bl-qr-review-reject{margin-bottom:var(--v2-space-4)}.bl-qr-review-reject textarea{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);min-height:92px;padding:var(--v2-space-3);resize:vertical;width:100%}.bl-qr-review-reject textarea:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg);outline:none}.bl-qr-review-actions{grid-gap:var(--v2-space-3);display:grid;gap:var(--v2-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.bl-qr-review-btn{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-md);cursor:pointer;display:inline-flex;font-weight:800;gap:var(--v2-space-2);justify-content:center;min-height:44px;padding:var(--v2-space-3) var(--v2-space-4)}.bl-qr-review-btn:disabled{cursor:not-allowed;opacity:.55}.bl-qr-review-btn--approve{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.bl-qr-review-btn--reject{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}@media (max-width:768px){.bl-qr-review-overlay{padding:var(--v2-space-3)}.bl-qr-review-actions,.bl-qr-review-summary{grid-template-columns:1fr}.bl-qr-review-card__header{flex-direction:column}}:root{--ps-bg-primary:var(--v2-surface-canvas);--ps-bg-secondary:var(--v2-surface-card);--ps-bg-card:var(--v2-surface-card);--ps-gold:var(--brand-gold);--ps-gold-dark:var(--brand-gold-hover);--ps-gold-light:var(--brand-gold-bg);--ps-green:var(--status-success);--ps-text-primary:var(--v2-text-primary);--ps-text-secondary:var(--v2-text-secondary);--ps-text-muted:var(--v2-text-muted);--ps-glass-border:var(--v2-border-default);--ps-border:var(--v2-border-default)}.payment-settings-container{background:#0000;margin:0;max-width:100%;padding:0}.payment-settings-header{border-bottom:2px solid var(--ps-border);padding:32px 32px 24px}.payment-settings-header h1{color:var(--v2-text-primary);color:var(--ps-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 8px}.payment-settings-subtitle{color:var(--v2-text-muted);color:var(--ps-text-muted);font-size:.9rem;margin:0}.payment-settings-guide{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);margin:24px 32px;padding:20px}.payment-settings-guide__intro{align-items:flex-start;border-bottom:1px solid var(--v2-border-subtle);display:flex;gap:14px;margin-bottom:16px;padding-bottom:16px}.payment-settings-guide__intro>.material-icons{color:var(--v2-primary);flex-shrink:0;font-size:24px}.payment-settings-guide strong{color:var(--v2-text-primary);color:var(--ps-text-primary);display:block;font-size:.95rem;margin-bottom:4px}.payment-settings-guide p{color:var(--v2-text-secondary);color:var(--ps-text-secondary);font-size:.86rem;line-height:1.5;margin:0}.payment-settings-guide__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.payment-settings-guide__item{align-items:flex-start;background:var(--v2-surface-canvas);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);display:flex;gap:10px;min-width:0;padding:14px}.payment-settings-guide__item>.material-icons{color:var(--v2-primary);flex-shrink:0;font-size:20px;margin-top:1px}.payment-settings-tabs{background:var(--ps-bg-secondary);border-bottom:2px solid var(--ps-border);display:flex;gap:0;margin:0;padding:0 32px}.payment-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--v2-text-muted);color:var(--ps-text-muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;margin-bottom:-2px;padding:16px 24px;position:relative;transition:all .3s ease}.payment-tab:hover{background:#ffffff08;color:var(--ps-text-primary)}.payment-tab.active{background:#f5c5420d;border-bottom-color:var(--ps-gold);color:var(--brand-gold);color:var(--ps-gold)}.payment-tab-icon{height:20px;width:20px}.payment-tab-badge{background:#ffffff1a;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.payment-tab.active .payment-tab-badge{background:var(--brand-gold);background:var(--ps-gold);color:var(--v2-surface-canvas);color:var(--ps-bg-primary)}.payment-settings-content{background:#0000;border-radius:0;box-shadow:none;min-height:400px;padding:0}.payment-tab-panel{animation:ps-fadeIn .3s ease;background:#0000}@keyframes ps-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qr-settings-container{padding:32px;width:100%}.qr-settings-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.qr-settings-header h2{color:var(--v2-text-primary);color:var(--ps-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 8px}.qr-settings-description{font-size:.85rem;margin:0}.qr-settings-description,.qr-settings-loading{color:var(--v2-text-muted);color:var(--ps-text-muted)}.qr-settings-loading{padding:3rem;text-align:center}.qr-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.qr-btn--primary{background:linear-gradient(135deg,var(--brand-gold),var(--brand-gold-hover));background:linear-gradient(135deg,var(--ps-gold),var(--ps-gold-dark));box-shadow:0 4px 12px #f5c54233;color:#000}.qr-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}.qr-btn--secondary{background:#ffffff14;border:1px solid var(--ps-glass-border);color:var(--v2-text-primary);color:var(--ps-text-primary)}.qr-btn--secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.qr-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.qr-btn-icon{align-items:center;background:#ffffff0d;border:1px solid var(--ps-border);border-radius:8px;color:var(--v2-text-secondary);color:var(--ps-text-secondary);cursor:pointer;display:inline-flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.qr-btn-icon:hover{background:#ffffff1a;border-color:var(--ps-glass-border);color:var(--v2-text-primary);color:var(--ps-text-primary)}.qr-btn-icon--danger:hover{background:#ef444426;border-color:#ef44444d;color:var(--v2-danger)}.qr-settings-form-card{background:var(--v2-surface-card);background:var(--ps-bg-secondary);border:1px solid var(--ps-glass-border);border-radius:12px;margin-bottom:24px;padding:24px}.qr-form-header{align-items:center;border-bottom:1px solid var(--ps-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.qr-form-header h3{color:var(--v2-text-primary);color:var(--ps-text-primary);font-size:1.1rem;font-weight:600;margin:0}.qr-form-close{align-items:center;background:#ffffff0d;border:1px solid var(--ps-border);border-radius:50%;color:var(--v2-text-secondary);color:var(--ps-text-secondary);cursor:pointer;display:inline-flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.qr-form-close:hover:not(:disabled){background:#ffffff1a;color:var(--v2-text-primary);color:var(--ps-text-primary)}.qr-form-group{margin-bottom:20px}.qr-form-label{color:var(--v2-text-secondary);color:var(--ps-text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qr-form-input,.qr-form-textarea{background:var(--v2-surface-card);background:var(--ps-bg-secondary);border:1px solid var(--ps-glass-border);border-radius:10px;color:var(--v2-text-primary);color:var(--ps-text-primary);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.qr-form-input:focus,.qr-form-textarea:focus{border-color:var(--ps-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}.qr-form-input:disabled{background:#ffffff05;cursor:not-allowed;opacity:.6}.qr-form-input::placeholder,.qr-form-textarea::placeholder{color:var(--v2-text-muted);color:var(--ps-text-muted)}.qr-form-textarea{min-height:80px;resize:vertical}.qr-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.qr-upload-area{cursor:pointer;display:block}.qr-upload-placeholder{border:2px dashed var(--ps-glass-border)}.qr-upload-placeholder:hover{border-color:var(--ps-gold)}.qr-upload-icon{color:var(--v2-text-muted);color:var(--ps-text-muted)}.qr-upload-placeholder span{color:var(--v2-text-secondary);color:var(--ps-text-secondary)}.qr-upload-hint{color:var(--v2-text-muted)!important;color:var(--ps-text-muted)!important}.qr-preview-wrapper{text-align:center}.qr-preview-img{border:1px solid var(--ps-border);border-radius:12px;box-shadow:0 4px 20px #0000004d;margin-bottom:16px;max-width:300px;width:100%}.qr-preview-remove{background:#ffffff14;border:1px solid var(--ps-glass-border);border-radius:8px;color:var(--v2-text-primary);color:var(--ps-text-primary);font-weight:500;padding:8px 16px}.qr-preview-remove:hover:not(:disabled){background:#ffffff26}.qr-form-actions{border-top:1px solid var(--ps-border);display:flex;gap:12px;margin-top:24px;padding-top:24px}.required{color:var(--v2-danger)}.qr-settings-empty{padding:4rem 2rem;text-align:center}.qr-empty-icon,.qr-settings-empty{color:var(--v2-text-muted);color:var(--ps-text-muted)}.qr-empty-icon{height:80px;margin:0 auto 1rem;opacity:.3;width:80px}.qr-settings-empty p{color:var(--v2-text-secondary);color:var(--ps-text-secondary);font-size:1rem;margin-bottom:8px}.qr-empty-hint{color:var(--v2-text-muted)!important;color:var(--ps-text-muted)!important;font-size:.85rem}.qr-settings-list{grid-gap:20px;display:grid;gap:20px}.qr-account-card{background:var(--v2-surface-card);background:var(--ps-bg-secondary);border:1px solid var(--ps-glass-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.qr-account-card:hover{border-color:#f5c5424d;box-shadow:0 4px 20px #f5c54214}.qr-account-header{align-items:center;background:#0003;border-bottom:1px solid var(--ps-border);display:flex;justify-content:space-between;padding:20px 24px}.qr-account-title{align-items:center;display:flex;gap:12px}.qr-account-title h3{color:var(--v2-text-primary);color:var(--ps-text-primary);font-size:1rem;font-weight:600;margin:0}.qr-status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.qr-status-badge.enabled{background:#1e7b4e33;border:1px solid #1e7b4e4d;color:#34d399}.qr-status-badge.disabled{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.qr-account-actions{display:flex;gap:8px}.qr-account-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr;padding:24px}.qr-account-qr{text-align:center}.qr-account-qr-img{border:1px solid var(--ps-border);border-radius:12px;box-shadow:0 4px 20px #0000004d;cursor:pointer;max-width:280px;transition:all .3s ease;width:100%}.qr-account-qr-img:hover{border-color:var(--ps-gold);box-shadow:0 8px 30px #0006;transform:scale(1.03)}.qr-account-qr-hint{color:var(--v2-text-muted);color:var(--ps-text-muted);font-size:.8rem;margin-top:8px}.qr-account-details{display:flex;flex-direction:column;gap:0}.qr-detail-item{border-bottom:1px solid var(--ps-border);display:flex;gap:16px;padding:12px 0}.qr-detail-item:last-child{border-bottom:none}.qr-detail-label{color:var(--v2-text-muted);color:var(--ps-text-muted);font-size:.85rem;font-weight:600;min-width:100px}.qr-detail-item span:last-child{color:var(--v2-text-primary);color:var(--ps-text-primary);font-size:.95rem}.qr-modal-content{background:var(--v2-surface-card);background:var(--ps-bg-card);border:1px solid var(--ps-glass-border);max-width:600px;padding:32px}.qr-modal-close{border:1px solid var(--ps-border);color:var(--v2-text-secondary);color:var(--ps-text-secondary)}.qr-modal-close:hover{color:var(--v2-text-primary);color:var(--ps-text-primary)}.qr-modal-img{border:1px solid var(--ps-border);border-radius:12px;display:block;height:auto;width:100%}@media (max-width:768px){.payment-settings-header{padding:24px 20px 16px}.payment-settings-header h1{font-size:1.1rem}.payment-settings-guide{margin:20px;padding:16px}.payment-settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 20px}.payment-tab{font-size:.9rem;padding:14px 20px;white-space:nowrap}.qr-settings-container{padding:24px 20px}.qr-settings-header{flex-direction:column;gap:16px}.qr-account-body,.qr-form-row{grid-template-columns:1fr}.qr-account-qr-img{max-width:240px}.qr-modal-content{padding:24px}}@media (max-width:480px){.payment-settings-header{padding:20px 16px 12px}.payment-settings-header h1{font-size:1rem}.payment-settings-tabs{padding:0 16px}.payment-settings-guide{margin:16px}.payment-settings-guide__intro,.payment-settings-guide__item{gap:10px}.payment-tab{font-size:.85rem;padding:12px 16px}.payment-tab-icon{height:18px;width:18px}.qr-settings-container{padding:20px 16px}.qr-settings-form-card{padding:16px}.qr-form-header h3{font-size:1rem}.qr-upload-placeholder{padding:2rem 1rem}.qr-upload-icon{height:36px;width:36px}.qr-preview-img{max-width:200px}.qr-account-header{align-items:flex-start;flex-direction:column;gap:12px}.qr-account-qr-img{max-width:200px}.qr-detail-item{flex-direction:column;gap:4px}.qr-detail-label{min-width:auto}.qr-form-actions{flex-direction:column}.qr-btn{text-align:center;width:100%}.qr-modal-content{margin:.5rem;padding:16px}}.payment-settings-container,.qr-settings-container{color:var(--v2-text-primary);font-family:var(--v2-font-family)}.payment-settings-header{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg) var(--v2-radius-lg) 0 0}.payment-settings-tabs{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-top:0;padding:0 var(--v2-space-5)}.payment-tab{border-bottom-width:2px;color:var(--v2-text-secondary);transition:background var(--v2-transition-fast),color var(--v2-transition-fast),border-color var(--v2-transition-fast)}.payment-tab:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.payment-tab.active{background:#0000;border-bottom-color:var(--v2-primary);color:var(--v2-primary)}.payment-tab-badge{background:var(--v2-surface-hover);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary);letter-spacing:0}.payment-tab.active .payment-tab-badge{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.qr-account-card,.qr-modal-content,.qr-settings-empty,.qr-settings-form-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.qr-account-card:hover{border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-sm)}.qr-btn,.qr-modal-btn,.qr-upload-btn{border-radius:var(--v2-radius-md);box-shadow:none;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast)}.qr-btn--primary,.qr-upload-btn--primary{background:var(--v2-primary);color:var(--v2-primary-fg)}.qr-btn--primary:hover:not(:disabled),.qr-upload-btn--primary:hover:not(:disabled){background:var(--v2-primary-hover);box-shadow:none;transform:none}.qr-btn--secondary,.qr-btn-icon,.qr-form-close,.qr-modal-btn--cancel,.qr-modal-close,.qr-upload-btn--secondary{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.qr-btn--secondary:hover:not(:disabled),.qr-btn-icon:hover,.qr-form-close:hover:not(:disabled),.qr-modal-btn--cancel:hover:not(:disabled),.qr-modal-close:hover,.qr-upload-btn--secondary:hover:not(:disabled){background:var(--v2-surface-hover);border-color:var(--v2-border-strong);color:var(--v2-text-primary)}.qr-form-input,.qr-form-textarea,.qr-modal-textarea{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary)}.qr-form-input:focus,.qr-form-textarea:focus,.qr-modal-textarea:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg)}.qr-status-badge.enabled{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.qr-status-badge.disabled{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.qr-upload-container{background:#121217;background:var(--ps-bg-secondary,#121217);border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:12px;padding:24px}.qr-upload-title{color:#fff;color:var(--ps-text-primary,#fff);font-size:1.1rem;font-weight:600;margin-bottom:8px}.qr-upload-description{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);font-size:.9rem;margin-bottom:24px}.qr-upload-area{margin-bottom:24px}.qr-upload-label{cursor:pointer;display:block}.qr-upload-input{display:none}.qr-upload-placeholder{background:#ffffff05;border:2px dashed #ffffff1a;border:2px dashed var(--ps-glass-border,#ffffff1a);border-radius:12px;padding:3rem 1rem;text-align:center;transition:all .3s ease}.qr-upload-placeholder:hover{background:#f5c5420d;border-color:#f5c542;border-color:var(--ps-gold,#f5c542)}.qr-upload-icon{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);height:48px;margin:0 auto 1rem;width:48px}.qr-upload-placeholder span{color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);display:block}.qr-upload-hint{color:#ffffff80!important;color:var(--ps-text-muted,#ffffff80)!important;font-size:.8rem;margin-top:8px}.qr-preview-container{display:inline-block;max-width:100%;position:relative}.qr-preview-image{border:1px solid #ffffff14;border:1px solid var(--ps-border,#ffffff14);border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:400px;max-width:100%}.qr-preview-remove{align-items:center;background:#ef4444;border:2px solid #121217;border:2px solid var(--ps-bg-secondary,#121217);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:32px}.qr-preview-remove:hover{background:#dc2626;transform:scale(1.1)}.qr-upload-actions{display:flex;flex-wrap:wrap;gap:12px}.qr-upload-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.qr-upload-btn--primary{background:linear-gradient(135deg,#f5c542,#d4a855);background:linear-gradient(135deg,var(--ps-gold,#f5c542),var(--ps-gold-dark,#d4a855));box-shadow:0 4px 12px #f5c54233;color:#000}.qr-upload-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}.qr-upload-btn--secondary{background:#ffffff14;border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);color:#fff;color:var(--ps-text-primary,#fff)}.qr-upload-btn--secondary:hover:not(:disabled){background:#ffffff1f}.qr-upload-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.qr-payment-submit{background:#121217;background:var(--ps-bg-secondary,#121217);border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:12px;padding:24px}.qr-payment-submit h3{color:#fff;color:var(--ps-text-primary,#fff);font-size:1.1rem;font-weight:600;margin-bottom:24px}.qr-code-section,.qr-notes-section,.qr-receipt-section{margin-bottom:24px}.qr-instruction{color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);font-size:.95rem;font-weight:600;margin-bottom:12px}.qr-code-display{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--ps-border,#ffffff14);border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.qr-code-display:hover{background:#ffffff0d;border-color:#f5c5424d}.qr-code-image{border-radius:12px;box-shadow:0 4px 20px #0000004d;height:auto;max-width:280px;transition:transform .2s ease;width:100%}.qr-code-image:hover{transform:scale(1.03)}.qr-code-hint{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);font-size:.8rem;margin-top:8px}.qr-receipt-upload{cursor:pointer;display:block}.qr-receipt-preview-container{display:inline-block;max-width:100%;position:relative}.qr-receipt-preview-img{box-shadow:0 4px 20px #0000004d;max-height:300px;max-width:100%}.qr-receipt-pdf-preview,.qr-receipt-preview-img{border:1px solid #ffffff14;border:1px solid var(--ps-border,#ffffff14);border-radius:12px}.qr-receipt-pdf-preview{background:#ffffff08;color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);padding:2rem;text-align:center}.qr-pdf-icon{color:var(--v2-danger);height:64px;margin-bottom:1rem;width:64px}.qr-receipt-remove{align-items:center;background:#ef4444;border:2px solid #121217;border:2px solid var(--ps-bg-secondary,#121217);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:32px}.qr-receipt-remove:hover{background:#dc2626}.qr-modal-close .material-icons,.qr-receipt-remove .material-icons{font-size:18px}.qr-notes-label{color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qr-notes-textarea{background:#121217;background:var(--ps-bg-secondary,#121217);border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--ps-text-primary,#fff);font-family:inherit;font-size:.95rem;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.qr-notes-textarea:focus{border-color:#f5c542;border-color:var(--ps-gold,#f5c542);box-shadow:0 0 0 3px #f5c54226;outline:none}.qr-notes-textarea::placeholder{color:#ffffff80;color:var(--ps-text-muted,#ffffff80)}.qr-submit-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:all .2s ease;width:100%}.qr-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.qr-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.qr-payment-status{background:#121217;background:var(--ps-bg-secondary,#121217);border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:12px;padding:24px}.qr-payment-status h3{color:#fff;color:var(--ps-text-primary,#fff);font-size:1.1rem;font-weight:600;margin-bottom:16px}.qr-status-badge--pending{background:#f5c5421a;border:1px solid #f5c54233;border-radius:20px;color:#f5c542;color:var(--ps-gold,#f5c542)}.qr-status-badge--approved,.qr-status-badge--pending{display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:12px;padding:6px 16px}.qr-status-badge--approved{background:#10b9811a;border:1px solid #10b98133;border-radius:20px;color:#34d399}.qr-status-badge--rejected{background:#ef44441a;border:1px solid #ef444433;border-radius:20px;color:#f87171;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:12px;padding:6px 16px}.qr-status-message{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);font-size:.9rem;margin-top:12px}.qr-status-success{background:#10b9811a;border:1px solid #10b98133;border-radius:10px;color:#34d399;margin-top:12px;padding:16px}.qr-status-rejected{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#f87171;margin-top:12px;padding:16px}.qr-status-detail,.qr-status-reason{font-size:.9rem;margin-top:8px;opacity:.9}.qr-submit-notice{align-items:flex-start;border:1px solid #0000;border-radius:var(--v2-radius-lg);display:flex;gap:var(--v2-space-3);margin-bottom:var(--v2-space-5);padding:var(--v2-space-4)}.qr-submit-notice>.material-icons{flex-shrink:0;font-size:22px}.qr-submit-notice strong{display:block;font-size:var(--v2-font-size-base);margin-bottom:var(--v2-space-1)}.qr-submit-notice p,.qr-submit-notice small{font-size:var(--v2-font-size-sm);line-height:var(--v2-line-height-normal);margin:0}.qr-submit-notice p{margin-bottom:var(--v2-space-1)}.qr-submit-notice p span{font-weight:700}.qr-submit-notice--success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.qr-submit-notice--danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.qr-retry-btn{background:linear-gradient(135deg,#f5c542,#d4a855);background:linear-gradient(135deg,var(--ps-gold,#f5c542),var(--ps-gold-dark,#d4a855));border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .2s ease}.qr-retry-btn:hover{box-shadow:0 4px 12px #f5c5424d;transform:translateY(-2px)}.qr-receipt-preview{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--ps-border,#ffffff14);border-radius:10px;color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);margin-top:16px;padding:12px 16px}.qr-receipt-preview a{color:#f5c542;color:var(--ps-gold,#f5c542);font-weight:600;text-decoration:none}.qr-receipt-preview a:hover{text-decoration:underline}.qr-payment-status,.qr-payment-submit{background:#fff;background:var(--v2-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--v2-border,#e5e7eb);border-radius:12px;border-radius:var(--v2-radius-lg,12px);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--v2-shadow-sm,0 1px 2px #0f172a0f);color:#111827;color:var(--v2-text-primary,#111827)}.qr-payment-status h3,.qr-payment-submit h3{color:#111827;color:var(--v2-text-primary,#111827);margin-bottom:16px;margin-bottom:var(--v2-space-4,16px)}.qr-payment-amount-card{grid-gap:4px;grid-gap:var(--v2-space-1,4px);background:linear-gradient(135deg,#fffdf5,#f8fbff);border:1px solid #e5e7eb;border:1px solid var(--v2-border,#e5e7eb);border-radius:10px;border-radius:var(--v2-radius-md,10px);display:grid;gap:4px;gap:var(--v2-space-1,4px);margin-bottom:20px;margin-bottom:var(--v2-space-5,20px);padding:16px;padding:var(--v2-space-4,16px)}.qr-payment-amount-card span{color:#6b7280;color:var(--v2-text-muted,#6b7280);font-size:.75rem;font-size:var(--v2-font-size-xs,.75rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.qr-payment-amount-card strong{color:#111827;color:var(--v2-text-primary,#111827);font-size:1.5rem;font-size:var(--v2-font-size-2xl,1.5rem)}.qr-payment-amount-card p{font-size:.875rem;font-size:var(--v2-font-size-sm,.875rem);line-height:1.5;line-height:var(--v2-line-height-normal,1.5);margin:0}.qr-instruction,.qr-notes-label,.qr-payment-amount-card p,.qr-payment-status .qr-status-message,.qr-receipt-preview{color:#4b5563;color:var(--v2-text-secondary,#4b5563)}.qr-code-display,.qr-receipt-pdf-preview,.qr-receipt-preview{background:#f9fafb;background:var(--v2-surface-muted,#f9fafb);border-color:#e5e7eb;border-color:var(--v2-border,#e5e7eb)}.qr-code-display:hover{background:#fffdf5;border-color:#d4af37;border-color:var(--v2-brand-gold,#d4af37)}.qr-code-hint,.qr-upload-hint{color:#6b7280!important;color:var(--v2-text-muted,#6b7280)!important}.qr-notes-textarea{background:#fff;background:var(--v2-surface,#fff);border-color:#e5e7eb;border-color:var(--v2-border,#e5e7eb);color:#111827;color:var(--v2-text-primary,#111827)}.qr-notes-textarea:focus{border-color:#d4af37;border-color:var(--v2-brand-gold,#d4af37);box-shadow:0 0 0 3px #d4af3729}.qr-submit-btn{background:#1f3f68;background:var(--v2-brand-primary,#1f3f68);box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--v2-shadow-sm,0 1px 2px #0f172a0f)}.qr-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #0f172a1f;box-shadow:var(--v2-shadow-md,0 8px 20px #0f172a1f)}.qr-approval-container{padding:24px}.qr-approval-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.qr-approval-header h2{color:#fff;color:var(--ps-text-primary,#fff);font-size:1.1rem;font-weight:600}.qr-refresh-btn{background:#ffffff14;border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:8px;color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.qr-refresh-btn:hover{background:#ffffff1f;color:#fff;color:var(--ps-text-primary,#fff)}.qr-approval-empty{font-size:.95rem;padding:3rem}.qr-approval-empty,.qr-approval-loading{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);text-align:center}.qr-approval-loading{padding:2rem}.qr-approval-list{grid-gap:16px;display:grid;gap:16px}.qr-approval-card{background:#121217;background:var(--ps-bg-secondary,#121217);border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:12px;overflow:hidden;transition:all .3s ease}.qr-approval-card:hover{border-color:#f5c54233}.qr-approval-card-header{align-items:flex-start;background:#0003;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ps-border,#ffffff14);display:flex;justify-content:space-between;padding:20px 24px}.qr-approval-payer h3{color:#fff;color:var(--ps-text-primary,#fff);font-size:1rem;font-weight:600;margin-bottom:4px}.qr-approval-branch{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);font-size:.85rem}.qr-approval-amount{color:var(--v2-primary);font-size:1.5rem;font-weight:700}.qr-approval-card-body{padding:20px 24px}.qr-approval-info{margin-bottom:16px}.qr-approval-info-item{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ps-border,#ffffff14);color:#fff;color:var(--ps-text-primary,#fff);display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.qr-approval-info-item:last-child{border-bottom:none}.qr-approval-info-item.qr-approval-notes{flex-direction:column;gap:4px}.qr-approval-label{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);font-size:.85rem;font-weight:600}.qr-approval-receipt{margin-top:12px}.qr-approval-receipt-link{display:inline-block;margin-top:8px;text-decoration:none}.qr-approval-receipt-thumb{border:1px solid #ffffff14;border:1px solid var(--ps-border,#ffffff14);border-radius:8px;box-shadow:0 2px 12px #0000004d;max-height:150px;max-width:200px;transition:all .2s ease}.qr-approval-receipt-thumb:hover{border-color:#f5c542;border-color:var(--ps-gold,#f5c542)}.qr-approval-card-actions{background:#00000026;border-top:1px solid #ffffff14;border-top:1px solid var(--ps-border,#ffffff14);display:flex;gap:12px;padding:16px 24px}.qr-approval-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;padding:10px;transition:all .2s ease}.qr-approval-btn--approve{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98133;color:#fff}.qr-approval-btn--approve:hover{box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.qr-approval-btn--reject{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444433;color:#fff}.qr-approval-btn--reject:hover{box-shadow:0 6px 16px #ef44444d;transform:translateY(-2px)}.qr-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.qr-modal-content{background:#181820f2;background:var(--ps-bg-card,#181820f2);border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.qr-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--ps-border,#ffffff14);border-radius:50%;color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);cursor:pointer;display:inline-flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:1}.qr-modal-close:hover{background:#ffffff1a;color:#fff;color:var(--ps-text-primary,#fff)}.qr-modal-image{border-radius:12px;display:block;height:auto;width:100%}.qr-approval-modal{padding:32px}.qr-approval-modal h3{color:#fff;color:var(--ps-text-primary,#fff);font-size:1.15rem;font-weight:600;margin-bottom:20px;padding-right:2rem}.qr-modal-payment-info{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--ps-border,#ffffff14);border-radius:10px;margin-bottom:20px;padding:16px}.qr-modal-payment-info p{color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);font-size:.95rem;margin:8px 0}.qr-modal-payment-info strong{color:#fff;color:var(--ps-text-primary,#fff)}.qr-modal-form{margin-bottom:20px}.qr-modal-label{color:#ffffffbf;color:var(--ps-text-secondary,#ffffffbf);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qr-required{color:var(--v2-danger)}.qr-modal-textarea{background:#121217;background:var(--ps-bg-secondary,#121217);border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);border-radius:10px;color:#fff;color:var(--ps-text-primary,#fff);font-family:inherit;font-size:.95rem;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.qr-modal-textarea:focus{border-color:#f5c542;border-color:var(--ps-gold,#f5c542);box-shadow:0 0 0 3px #f5c54226;outline:none}.qr-modal-textarea::placeholder{color:#ffffff80;color:var(--ps-text-muted,#ffffff80)}.qr-modal-actions{display:flex;gap:12px}.qr-modal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;padding:12px;transition:all .2s ease}.qr-modal-btn--approve{background:linear-gradient(135deg,#10b981,#059669)}.qr-modal-btn--approve:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.qr-modal-btn--reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.qr-modal-btn--reject:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.qr-modal-btn--cancel{background:#ffffff14;border:1px solid #ffffff1a;border:1px solid var(--ps-glass-border,#ffffff1a);color:#fff;color:var(--ps-text-primary,#fff)}.qr-modal-btn--cancel:hover:not(:disabled){background:#ffffff1f}.qr-modal-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.qr-payment-loading{color:#ffffff80;color:var(--ps-text-muted,#ffffff80);padding:2rem;text-align:center}@media (max-width:768px){.qr-approval-container,.qr-payment-status,.qr-payment-submit,.qr-upload-container{padding:16px}.qr-approval-header h2,.qr-payment-status h3,.qr-payment-submit h3,.qr-upload-title{font-size:1rem}.qr-upload-placeholder{padding:2rem 1rem}.qr-code-image{max-width:240px}.qr-approval-card-header{flex-direction:column;gap:12px}.qr-approval-amount{font-size:1.25rem}.qr-approval-card-actions,.qr-modal-actions{flex-direction:column}.qr-approval-modal{padding:24px}}@media (max-width:480px){.qr-approval-container,.qr-payment-status,.qr-payment-submit,.qr-upload-container{padding:12px}.qr-payment-status h3,.qr-payment-submit h3,.qr-upload-title{font-size:.95rem}.qr-approval-header{align-items:flex-start;flex-direction:column;gap:12px}.qr-approval-header h2{font-size:.95rem}.qr-upload-placeholder{padding:1.5rem .75rem}.qr-upload-icon{height:36px;width:36px}.qr-code-image{max-width:200px}.qr-preview-image{max-height:300px}.qr-upload-actions{flex-direction:column}.qr-upload-btn{text-align:center;width:100%}.qr-approval-card-body,.qr-approval-card-header{padding:16px}.qr-approval-card-actions{padding:12px 16px}.qr-approval-info-item{align-items:flex-start;flex-direction:column;gap:2px}.qr-approval-receipt-thumb{max-width:100%}.qr-modal-overlay{padding:.5rem}.qr-approval-modal{padding:16px}.qr-modal-close{right:12px;top:12px}}.qr-approval-card,.qr-approval-container,.qr-approval-modal,.qr-payment-status,.qr-payment-submit,.qr-upload-container{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);color:var(--v2-text-primary)}.qr-approval-card-title,.qr-approval-header h2,.qr-payment-status h3,.qr-payment-submit h3,.qr-upload-title{color:var(--v2-text-primary)}.qr-code-hint,.qr-instruction,.qr-payment-loading,.qr-upload-description,.qr-upload-hint{color:var(--v2-text-secondary)}.qr-code-display,.qr-receipt-pdf-preview,.qr-upload-placeholder{background:var(--v2-surface-card);border:1px dashed var(--v2-border-strong);border-radius:var(--v2-radius-lg)}.qr-code-display:hover,.qr-upload-placeholder:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-emphasis)}.qr-approval-card-actions button,.qr-modal-btn,.qr-upload-btn{border-radius:var(--v2-radius-md);box-shadow:none;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast)}.qr-upload-btn--primary{background:var(--v2-primary);color:var(--v2-primary-fg)}.qr-upload-btn--primary:hover:not(:disabled){background:var(--v2-primary-hover);box-shadow:none;transform:none}.qr-modal-btn--cancel,.qr-upload-btn--secondary{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.qr-modal-btn--cancel:hover:not(:disabled),.qr-upload-btn--secondary:hover:not(:disabled){background:var(--v2-surface-hover);color:var(--v2-text-primary)}.qr-modal-btn--approve{background:var(--status-success);color:#fff}.qr-modal-btn--reject{background:var(--status-danger);color:#fff}.qr-modal-btn--approve:hover:not(:disabled),.qr-modal-btn--reject:hover:not(:disabled){box-shadow:none;transform:none}.qr-modal-textarea{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary)}.qr-modal-textarea:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg)}.qr-modal-overlay{background:#09090b70}.qr-receipt-preview-img{border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm)}.qr-receipt-remove{background:var(--status-danger);border-color:var(--v2-surface-card)}.qr-notes-label{color:var(--v2-text-secondary);letter-spacing:.02em}.qr-notes-textarea{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary)}.qr-notes-textarea:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg)}.qr-submit-btn{background:var(--v2-primary);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-primary-fg)}.qr-submit-btn:hover:not(:disabled){background:var(--v2-primary-hover);box-shadow:none;transform:translateY(-1px)}.qr-status-badge--pending{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning)}.qr-status-badge--approved,.qr-status-success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.qr-status-badge--rejected,.qr-status-rejected{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.qr-retry-btn{background:var(--v2-primary);box-shadow:none;color:var(--v2-primary-fg)}.qr-retry-btn:hover{background:var(--v2-primary-hover);box-shadow:none;transform:translateY(-1px)}.qr-receipt-preview{background:var(--v2-surface-hover);border-color:var(--v2-border-default);color:var(--v2-text-secondary)}.qr-receipt-preview a{color:var(--v2-text-link)}.notification-settings{margin:0 auto;max-width:720px;padding:var(--v2-space-6)}.notification-card{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-xl);box-shadow:var(--v2-shadow-sm);padding:var(--v2-space-6)}.notification-card h3{align-items:center;color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-lg);font-weight:700;gap:var(--v2-space-2);letter-spacing:0;margin:0 0 var(--v2-space-4) 0}.notification-card h3 .material-icons{color:var(--v2-primary);font-size:24px}.status-badge{margin-bottom:var(--v2-space-4)}.notification-settings .badge{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-full);display:inline-flex;font-size:var(--v2-font-size-sm);font-weight:700;gap:var(--v2-space-1);min-height:32px;padding:var(--v2-space-1) var(--v2-space-3)}.notification-settings .badge .material-icons{font-size:16px}.notification-settings .badge-success{background:var(--v2-success-bg);border-color:var(--v2-success-border);color:var(--v2-success)}.notification-settings .badge-inactive{background:var(--v2-bg-muted);border-color:var(--v2-border-default);color:var(--v2-text-muted)}.notification-settings .alert{border:1px solid #0000;border-radius:var(--v2-radius-lg);font-size:var(--v2-font-size-sm);margin-bottom:var(--v2-space-4);padding:var(--v2-space-3) var(--v2-space-4)}.notification-settings .alert-info{background:var(--v2-info-bg);border-color:var(--v2-info-border);color:var(--v2-info)}.notification-settings .alert-warning{background:var(--v2-warning-bg);border-color:var(--v2-warning-border);color:var(--v2-warning)}.notification-settings .alert-danger{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.notification-settings .alert p{margin:var(--v2-space-1) 0}.notification-settings .alert ul{margin:var(--v2-space-2) 0 0 var(--v2-space-5)}.description{color:var(--v2-text-secondary);margin:var(--v2-space-4) 0 var(--v2-space-2) 0}.notification-types{grid-gap:var(--v2-space-2);display:grid;gap:var(--v2-space-2);list-style:none;margin:0 0 var(--v2-space-5) 0;padding:0}.notification-types li{align-items:center;background:var(--v2-bg-elevated);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);color:var(--v2-text-secondary);display:flex;font-size:var(--v2-font-size-sm);gap:var(--v2-space-2);min-height:36px;padding:var(--v2-space-2) var(--v2-space-3)}.notification-types .material-icons{color:var(--v2-primary);font-size:18px}.button-group{gap:var(--v2-space-3);margin-bottom:var(--v2-space-4)}.notification-settings .btn{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-md);cursor:pointer;display:inline-flex;flex:1 1;font-size:var(--v2-font-size-sm);font-weight:700;gap:var(--v2-space-2);justify-content:center;min-height:44px;min-width:180px;padding:var(--v2-space-3) var(--v2-space-5);transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),transform var(--v2-transition-fast)}.notification-settings .btn .material-icons{font-size:18px}.notification-settings .btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.notification-settings .btn-primary{background:var(--v2-primary);border-color:var(--v2-primary);color:#fff}.notification-settings .btn-primary:hover:not(:disabled){background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);transform:translateY(-1px)}.notification-settings .btn-secondary{background:var(--v2-bg-elevated);border-color:var(--v2-border-default);color:var(--v2-text-primary)}.notification-settings .btn-secondary:hover:not(:disabled){background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)}.notification-settings .btn-danger{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.notification-settings .btn-danger:hover:not(:disabled){background:var(--v2-danger);border-color:var(--v2-danger);color:#fff}.info-footer{border-top:1px solid var(--v2-border-subtle);color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);line-height:1.6;padding-top:var(--v2-space-4)}.ios-guide{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);margin-top:var(--v2-space-3);padding:var(--v2-space-4)}.ios-guide h4{align-items:center;color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-sm);font-weight:700;gap:var(--v2-space-2);margin:0 0 var(--v2-space-2) 0}.ios-guide h4 .material-icons{color:var(--v2-primary);font-size:18px}.ios-guide ol,.ios-guide p{color:var(--v2-text-secondary)}.ios-guide p{margin:var(--v2-space-2) 0}.ios-guide ol{margin:var(--v2-space-2) 0 0 var(--v2-space-5)}.ios-guide li{margin:var(--v2-space-1) 0}.ios-guide strong{color:var(--v2-text-primary)}@media (max-width:640px){.notification-card,.notification-settings{padding:var(--v2-space-4)}.button-group{flex-direction:column}.notification-settings .btn{min-width:0;min-width:auto;width:100%}}.notification-prompt-overlay{align-items:center;animation:overlayFadeIn .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#09090b70;bottom:0;display:flex;justify-content:center;left:0;padding:var(--v2-space-5);position:fixed;right:0;top:0;z-index:9999}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.notification-prompt{animation:promptSlideUp .2s ease-out;background:var(--v2-surface-overlay);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-overlay);color:var(--v2-text-primary);max-width:400px;overflow:hidden;padding:var(--v2-space-6);position:relative;text-align:center;width:100%}.notification-prompt:before{background:var(--v2-border-prestige);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes promptSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prompt-header{margin-bottom:var(--v2-space-4)}.prompt-icon-wrapper{align-items:center;display:inline-flex;height:56px;justify-content:center;position:relative;width:56px}.prompt-icon-bg{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:50%;height:100%;position:absolute;width:100%}.prompt-icon{align-items:center;background:var(--v2-primary);border-radius:50%;color:var(--v2-primary-fg);display:flex;height:44px;justify-content:center;position:relative;width:44px;z-index:2}.prompt-icon-ring{display:none}.prompt-content{margin-bottom:var(--v2-space-5)}.notification-prompt h3{color:var(--v2-text-primary);font-size:var(--v2-font-size-lg);font-weight:700;letter-spacing:0;margin:0 0 var(--v2-space-2) 0}.notification-prompt p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-base);font-weight:400;margin:0 0 var(--v2-space-4) 0}.feature-list{list-style:none;margin:0;padding:0;text-align:left}.feature-list li{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);display:flex;gap:var(--v2-space-3);margin-bottom:var(--v2-space-2);padding:var(--v2-space-3);transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast)}.feature-list li:last-child{margin-bottom:0}.feature-list li:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-strong)}.feature-icon{align-items:center;border-radius:var(--v2-radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.feature-icon.invoice{background:var(--status-warning-bg);color:var(--status-warning)}.feature-icon.payment{background:var(--status-success-bg);color:var(--status-success)}.feature-icon.announcement{background:var(--status-info-bg);color:var(--status-info)}.feature-text{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:500}.prompt-buttons{display:flex;flex-direction:column;gap:var(--v2-space-2);margin-bottom:var(--v2-space-3)}.prompt-buttons button{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-md);cursor:pointer;display:flex;font-size:var(--v2-font-size-base);font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:10px var(--v2-space-4);transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast)}.btn-enable{background:var(--v2-primary);box-shadow:none;color:var(--v2-primary-fg)}.btn-enable:hover:not(:disabled){background:var(--v2-primary-hover)}.btn-enable:active:not(:disabled){transform:translateY(0)}.btn-enable:disabled{cursor:not-allowed;opacity:.7}.btn-spinner{animation:spin .8s linear infinite;border:2px solid color-mix(in srgb,currentcolor 30%,#0000);border-radius:50%;border-top-color:initial;height:18px;width:18px}.btn-later{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.btn-later:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.btn-dismiss{background:#0000;border:none;color:var(--v2-text-muted);cursor:pointer;font-size:var(--v2-font-size-xs);font-weight:500;padding:8px;transition:color .2s ease}.btn-dismiss:hover{color:var(--v2-text-secondary)}@media (max-width:768px){.notification-prompt{max-width:360px;padding:var(--v2-space-5)}}@media (max-width:480px){.notification-prompt-overlay{align-items:flex-end;padding:var(--v2-space-4)}.notification-prompt{animation:promptSlideUpMobile .2s ease-out;border-radius:20px 20px 0 0;max-width:100%;padding:24px 20px}@keyframes promptSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notification-prompt h3{font-size:var(--v2-font-size-lg)}.prompt-icon-wrapper{height:56px;width:56px}.prompt-icon{height:44px;width:44px}.prompt-icon svg{height:26px;width:26px}.feature-list li{padding:var(--v2-space-3)}.feature-icon{border-radius:var(--v2-radius-md);height:32px;width:32px}.feature-icon svg{height:18px;width:18px}.feature-text{font-size:var(--v2-font-size-sm)}.prompt-buttons button{font-size:var(--v2-font-size-base);padding:10px var(--v2-space-4)}}.notification-debug-page{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:100%;padding:0}.debug-header{background:#0003;border-bottom:2px solid #ffffff14;padding:32px 32px 24px}.debug-header h2{align-items:center;color:#f5c542;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0 0 8px}.debug-subtitle{color:#fff9;font-size:.9rem;font-weight:400;margin:0}.debug-section{background:#0000;border:none;border-bottom:1px solid #ffffff0d;margin:0;padding:32px}.debug-section:last-child{border-bottom:none}.debug-section h3{align-items:center;color:#ffffffe6;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 20px}.debug-section h3:before{background:linear-gradient(135deg,#f5c542,#d4a855);border-radius:2px;content:"";height:20px;width:4px}.debug-section button{align-items:center;background:#f5c5421a;border:1px solid #f5c5424d;border-radius:10px;color:#f5c542;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.debug-section button:hover:not(:disabled){background:#f5c54233;border-color:#f5c542;box-shadow:0 4px 12px #f5c54233;transform:translateY(-2px)}.debug-section button:disabled{cursor:not-allowed;opacity:.4;transform:none}.btn-primary{background:linear-gradient(135deg,#1e7b4e,#145a38);border:1px solid #1e7b4e80;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#22915c,#176b43);box-shadow:0 4px 12px #1e7b4e4d}.btn-secondary{background:#ff88001a;border:1px solid #ff88004d;color:#f80}.btn-secondary:hover:not(:disabled){background:#f803;border-color:#f80}.btn-danger{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.debug-info-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:20px;padding:20px}.debug-info-box.status-ok{background:#1e7b4e0d;border-left:4px solid #1e7b4e}.debug-info-box.status-error{background:#ef44440d;border-left:4px solid #ef4444}.info-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row span:first-child{color:var(--v2-text-secondary);font-size:.9rem;font-weight:500}.info-row span:last-child{color:var(--v2-text-primary);font-size:.9rem;font-weight:500}.status-ok{color:#34d399!important}.status-error{color:#f87171!important}.status-warning{color:#fbbf24!important}.subscriptions-list{border-top:1px solid #ffffff14;margin-top:20px;padding-top:20px}.subscriptions-list h4{color:#ffffffb3;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.subscription-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;font-size:.85rem;margin-bottom:12px;padding:16px}.subscription-item:hover{background:#ffffff08;border-color:#f5c5424d}.subscription-item div{color:#fffc;margin:6px 0}.subscription-item strong{color:#f5c542;font-weight:600}.warning-text{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:10px;color:#fbbf24;display:flex;font-size:.85rem;gap:10px;margin:16px 0 0;padding:12px 16px}.warning-text:before{content:"⚠️";font-size:1.1rem}.info-text{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;color:#60a5fa;display:flex;font-size:.85rem;gap:10px;margin-top:12px;padding:12px 16px}.info-text:before{content:"💡";font-size:1.1rem}.button-group{display:flex;flex-wrap:wrap;gap:12px}.danger-zone{background:#ef444408;border:1px solid #ef44444d;border-radius:12px}.danger-zone h3{color:#ef4444}.danger-zone h3:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ff2;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.spinner{animation:spin 1s linear infinite;border:4px solid #f5c54233;border-radius:50%;border-top-color:#f5c542;height:50px;margin-bottom:20px;width:50px}@media (max-width:768px){.debug-header{padding:24px 20px 20px}.debug-header h2{font-size:1.5rem}.debug-section{padding:24px 20px}.info-row{align-items:flex-start;gap:6px}.button-group,.info-row{flex-direction:column}.button-group button{justify-content:center;width:100%}}.events-container{padding:1.5rem}.events-header{justify-content:space-between;margin-bottom:1.5rem}.events-header,.events-title{align-items:center;display:flex}.events-title{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600;gap:.75rem}.events-title .material-icons{color:#d4af37;color:var(--gold-primary,#d4af37)}.events-create-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary,#d4af37),var(--gold-dark,#b8962e));border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.events-create-btn:hover{box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.events-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.events-filter-group{display:flex;flex-direction:column;gap:.25rem}.events-filter-group label{color:#888;color:var(--text-muted,#888);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.events-filter-group select{appearance:none;background:#1e1e23e6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231E3A5F' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:160px;padding:.6rem 2.5rem .6rem 1rem}.events-filter-group select:focus{border-color:#d4af37;border-color:var(--gold-primary,#d4af37);box-shadow:0 0 0 2px #d4af3733;outline:none}.events-filter-group select option{background:#1e1e23;color:#fff;padding:.5rem}.events-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.events-empty,.events-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.events-empty>.material-icons{color:#d4af374d;font-size:4rem;margin-bottom:1rem}.events-empty__title{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.events-empty__subtitle{color:#888;color:var(--text-muted,#888);font-size:.95rem;margin-bottom:1.5rem}.events-empty-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary,#d4af37),var(--gold-dark,#b8962e));border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.events-empty-btn:hover{box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.events-guide{border-top:1px solid #ffffff1a;margin-top:2.5rem;max-width:800px;padding-top:2rem;text-align:left;width:100%}.events-guide__title{align-items:center;color:#d4af37;color:var(--gold-primary,#d4af37);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;text-align:center}.events-guide__types{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.events-guide__type{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.events-guide__type:hover{background:#ffffff0d;border-color:#d4af374d}.events-guide__type-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.events-guide__type-icon.crowdfunding{background:#4caf5026;color:#4caf50;color:var(--success,#4caf50)}.events-guide__type-icon.equipment{background:#2196f326;color:#2196f3}.events-guide__type-icon.general{background:#d4af3726;color:#d4af37;color:var(--gold-primary,#d4af37)}.events-guide__type-content{flex:1 1}.events-guide__type-content strong{color:#fff!important;display:block;font-size:.95rem;margin-bottom:.25rem}.events-guide__type-content p{color:#ffffffb3;font-size:.8rem;line-height:1.4;margin:0}.events-guide__steps{background:#d4af370d;border:1px solid #d4af3733;border-radius:12px;padding:1.25rem}.events-guide__steps h5{color:#d4af37;color:var(--gold-primary,#d4af37);font-size:.9rem;margin:0 0 .75rem}.events-guide__steps ol,.events-guide__steps ul{color:#ccc;color:var(--text-secondary,#ccc);font-size:.875rem;line-height:1.8;margin:0;padding-left:1.5rem}.events-guide__steps li{margin-bottom:.25rem}.events-guide__steps strong{color:#d4af37;color:var(--gold-primary,#d4af37)}.event-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;cursor:pointer;transition:all .3s ease}.event-card:hover{border-color:#d4af374d;box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.event-card__cover{background:linear-gradient(135deg,#d4af3733,#00000080);height:160px;position:relative}.event-card__cover img{height:100%;object-fit:cover;width:100%}.event-card__cover-placeholder{align-items:center;background:linear-gradient(135deg,#d4af371a,#1e1e1ecc);display:flex;height:100%;justify-content:center}.event-card__cover-placeholder .material-icons{color:#d4af37;color:var(--gold-primary,#d4af37);font-size:3rem;opacity:.5}.event-card__type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;color:#d4af37;color:var(--gold-primary,#d4af37);font-size:.7rem;font-weight:600;left:12px;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:12px}.event-card__featured-badge{align-items:center;background:#d4af37;background:var(--gold-primary,#d4af37);border-radius:50%;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.event-card__featured-badge .material-icons{color:#000;font-size:16px}.event-card__content{padding:1.25rem}.event-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-primary,#fff);display:-webkit-box;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;overflow:hidden}.event-card__meta{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1rem}.event-card__status{font-weight:600}.event-card__days{color:#888;color:var(--text-muted,#888)}.event-card__progress-section{margin-bottom:1rem}.event-card__progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.event-card__progress-fill{background:linear-gradient(90deg,#d4af37,#e5c158);background:linear-gradient(90deg,var(--gold-primary,#d4af37),var(--gold-light,#e5c158));border-radius:4px;height:100%;transition:width .5s ease}.event-card__progress-info{align-items:baseline;display:flex;justify-content:space-between}.event-card__amount{color:#d4af37;color:var(--gold-primary,#d4af37);font-size:1rem;font-weight:600}.event-card__target{color:#888;color:var(--text-muted,#888);font-size:.75rem}.event-card__progress-percent{color:#4caf50;color:var(--success,#4caf50);font-size:.8rem;font-weight:600;margin-top:.25rem;text-align:right}.event-card__expenses-info{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.event-card__expense-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.event-card__expense-label{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;gap:.35rem}.event-card__expense-label .material-icons{font-size:14px}.event-card__expense-amount{color:#ff9800;color:var(--warning,#ff9800);font-weight:600}.event-card__net-amount{align-items:center;background:#4caf501a;border-radius:4px;display:flex;justify-content:space-between;margin-top:.25rem;padding:.5rem}.event-card__net-label{color:#888;color:var(--text-muted,#888);font-size:.75rem;font-weight:500}.event-card__net-value{color:#4caf50;color:var(--success,#4caf50);font-size:.9rem;font-weight:700}.event-card__stats{border-top:1px solid #ffffff14;display:flex;gap:1rem;padding-top:.75rem}.event-card__stat{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;font-size:.75rem;gap:.35rem}.event-card__stat .material-icons{font-size:14px}.event-detail{margin:0 auto;max-width:900px;padding:1.5rem}.event-detail-loading{display:flex;justify-content:center;padding:4rem}.event-detail__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.event-detail__back{align-items:center;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.event-detail__back:hover{background:#ffffff1a;border-color:#d4af37;border-color:var(--gold-primary,#d4af37);color:#d4af37!important;color:var(--gold-primary,#d4af37)!important}.event-detail__back .material-icons{font-size:18px}.event-detail__actions{display:flex;gap:.75rem}.event-detail__delete-btn,.event-detail__edit-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;gap:.35rem;padding:.5rem 1rem;transition:all .3s ease}.event-detail__edit-btn{background:#d4af371a;border:1px solid #d4af37;border:1px solid var(--gold-primary,#d4af37);color:#d4af37;color:var(--gold-primary,#d4af37)}.event-detail__delete-btn{background:#ff52521a;border:1px solid #ff5252;border:1px solid var(--danger,#ff5252);color:#ff5252;color:var(--danger,#ff5252)}.event-detail__cover{border-radius:16px;height:250px;margin-bottom:1.5rem;overflow:hidden}.event-detail__cover img{height:100%;object-fit:cover;width:100%}.event-detail__cover-placeholder{align-items:center;background:linear-gradient(135deg,#d4af371a,#1e1e1ecc);display:flex;height:100%;justify-content:center}.event-detail__cover-placeholder .material-icons{color:#d4af37;color:var(--gold-primary,#d4af37);font-size:5rem;opacity:.3}.event-detail__title-section{margin-bottom:1.5rem}.event-detail__title{color:#fff!important;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.event-detail__meta{display:flex;gap:1rem}.event-detail__type{background:#d4af371a;border:1px solid #d4af374d;border-radius:20px;color:#d4af37;color:var(--gold-primary,#d4af37);font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.event-detail__status{font-weight:600}.event-detail__progress-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.event-detail__progress-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:1rem;overflow:hidden}.event-detail__progress-fill{background:linear-gradient(90deg,#d4af37,#e5c158);background:linear-gradient(90deg,var(--gold-primary,#d4af37),var(--gold-light,#e5c158));border-radius:6px;height:100%;transition:width .5s ease}.event-detail__progress-stats{display:flex;justify-content:space-between}.event-detail__stat{text-align:center}.event-detail__stat-value{color:#d4af37;color:var(--gold-primary,#d4af37);display:block;font-size:1.5rem;font-weight:700}.event-detail__stat-label{color:#888;color:var(--text-muted,#888);font-size:.75rem;text-transform:uppercase}.event-detail__net-amount{border-top:1px solid #ffffff1a;color:#888;color:var(--text-muted,#888);display:flex;font-size:.9rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.event-detail__net-amount strong{color:#4caf50;color:var(--success,#4caf50)}.event-detail__contribute-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.event-detail__contribute-section h3{color:#fff!important;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.event-detail__amount-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.event-detail__amount-btn{background:#1e1e23e6;border:2px solid #ffffff4d;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.event-detail__amount-btn:hover{background:#d4af371a;border-color:#d4af37;border-color:var(--gold-primary,#d4af37)}.event-detail__amount-btn.selected{background:#d4af37;background:var(--gold-primary,#d4af37);border-color:#d4af37;border-color:var(--gold-primary,#d4af37);color:#000!important}.event-detail__contribute-btn{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary,#d4af37),var(--gold-dark,#b8962e));border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.event-detail__contribute-btn:hover:not(:disabled){box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.event-detail__contribute-btn:disabled{cursor:not-allowed;opacity:.5}.event-detail__qr-payment{margin:0 auto;max-width:560px;text-align:left}.event-detail__qr-help{background:#f9fafb;background:var(--v2-surface-muted,#f9fafb);border:1px dashed #d1d5db;border:1px dashed var(--v2-border,#d1d5db);border-radius:10px;border-radius:var(--v2-radius-md,10px);color:#4b5563;color:var(--v2-text-secondary,#4b5563);font-size:.95rem;margin:0;padding:1rem;text-align:center}.event-detail__admin-info{align-items:center;background:#2196f314;border:1px solid #2196f340;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.event-detail__admin-info>.material-icons{color:#2196f3;font-size:2rem}.event-detail__admin-info p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.event-detail__admin-info .event-detail__attendance-summary{margin-top:.5rem}.event-detail__rsvp-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.event-detail__rsvp-section h3{color:#fff;color:var(--text-primary,#fff);margin-bottom:1rem}.event-detail__rsvp-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.event-detail__rsvp-btn{align-items:center;background:#0000;border:2px solid #4caf504d;border-radius:8px;color:#4caf50;color:var(--success,#4caf50);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.event-detail__rsvp-btn.maybe{border-color:#ff98004d;color:#ff9800;color:var(--warning,#ff9800)}.event-detail__rsvp-btn.not-going{border-color:#ff52524d;color:#ff5252;color:var(--danger,#ff5252)}.event-detail__rsvp-btn.active{background:#4caf50;background:var(--success,#4caf50);border-color:#4caf50;border-color:var(--success,#4caf50);color:#fff}.event-detail__rsvp-btn.maybe.active{background:#ff9800;background:var(--warning,#ff9800);border-color:#ff9800;border-color:var(--warning,#ff9800);color:#000}.event-detail__rsvp-btn.not-going.active{background:#ff5252;background:var(--danger,#ff5252);border-color:#ff5252;border-color:var(--danger,#ff5252);color:#fff}.event-detail__attendance-summary{color:#888;color:var(--text-muted,#888);display:flex;font-size:.875rem;gap:2rem;justify-content:center}.event-detail__tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto}.event-detail__tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#888;color:var(--text-muted,#888);cursor:pointer;font-size:.9rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.event-detail__tab:hover{color:#fff;color:var(--text-primary,#fff)}.event-detail__tab.active{border-bottom-color:#d4af37;border-bottom-color:var(--gold-primary,#d4af37);color:#d4af37;color:var(--gold-primary,#d4af37)}.event-detail__tab-content{min-height:200px}.event-detail__overview{color:#fff;color:var(--text-primary,#fff)}.event-detail__description{color:#ccc;color:var(--text-secondary,#ccc);line-height:1.7;margin-bottom:1.5rem}.event-detail__info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.event-detail__info-item{align-items:flex-start;background:#ffffff08;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.event-detail__info-item .material-icons{color:#d4af37;color:var(--gold-primary,#d4af37)}.event-detail__info-item div{display:flex;flex-direction:column}.event-detail__info-item strong{color:#fff9!important;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.event-detail__info-item span:not(.material-icons){color:#fff!important;font-size:.95rem}.event-detail__empty{color:#888;color:var(--text-muted,#888);padding:2rem;text-align:center}.event-detail__contributors-header{background:#d4af371a;border-left:3px solid #d4af37;border-left:3px solid var(--gold-primary,#d4af37);border-radius:8px;margin-bottom:1rem;padding:1rem}.event-detail__contributors-count{color:var(--v2-text-primary)!important;font-size:.95rem;margin:0}.event-detail__contributors-count strong{color:#d4af37;color:var(--gold-primary,#d4af37);font-size:1.1rem}.event-detail__attendee-list,.event-detail__contributor-list,.event-detail__expense-list{display:flex;flex-direction:column;gap:.75rem}.event-detail__attendee,.event-detail__contributor,.event-detail__expense{align-items:center;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.event-detail__contributor-info,.event-detail__expense-info{display:flex;flex-direction:column}.event-detail__contributor-details{display:flex;flex-direction:column;gap:.25rem}.event-detail__contributor-name,.event-detail__expense-title{color:#fff!important;font-weight:500}.event-detail__contributor-bill-id,.event-detail__contributor-member-id{color:#d4af37cc;font-family:Courier New,monospace;font-size:.7rem}.event-detail__contributor-branch,.event-detail__expense-category{color:#fff9!important;font-size:.75rem}.event-detail__contributor-amount{color:#d4af37;color:var(--gold-primary,#d4af37);font-weight:600}.event-detail__expense-amount{font-weight:600}.event-detail__attendee{padding:.75rem 1rem}.event-detail__attendee .material-icons{color:#4caf50;color:var(--success,#4caf50);margin-right:.5rem}.event-detail__attendee-branch{color:#888;color:var(--text-muted,#888);font-size:.75rem;margin-left:auto}.event-detail__expenses-total{color:#888;color:var(--text-muted,#888);margin-bottom:1rem}.event-detail__expenses-total strong{color:#ff5252;color:var(--danger,#ff5252)}.event-form{margin:0 auto;max-width:700px;padding:1.5rem}.event-form__header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.event-form__header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600}.event-form__back{align-items:center;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s ease}.event-form__back:hover{background:#ffffff1a;border-color:#d4af37;border-color:var(--gold-primary,#d4af37);color:#d4af37!important;color:var(--gold-primary,#d4af37)!important}.event-form__back .material-icons{font-size:18px}.event-form__content{display:flex;flex-direction:column;gap:2rem}.event-form__section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.event-form__section h3{border-bottom:1px solid #ffffff1a;color:#d4af37;color:var(--gold-primary,#d4af37);font-size:1rem;font-weight:600;padding-bottom:.5rem}.event-form__field{margin-bottom:1.25rem}.event-form__field:last-child{margin-bottom:0}.event-form__field label{color:#ccc;color:var(--text-secondary,#ccc);display:block;font-size:.875rem;margin-bottom:.5rem}.event-form__field input,.event-form__field select,.event-form__field textarea{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:8px;color:var(--v2-text-primary);color-scheme:light;font-size:.9rem;padding:.75rem 1rem;width:100%}.event-form__field input::placeholder,.event-form__field textarea::placeholder{color:var(--v2-text-muted)}.event-form__field select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231E3A5F' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.event-form__field select option{background:var(--v2-bg-elevated);color:var(--v2-text-primary);padding:.5rem}.event-form__field input[type=date]{color-scheme:light}.event-form__field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.event-form__field input:focus,.event-form__field select:focus,.event-form__field textarea:focus{border-color:#d4af37;border-color:var(--gold-primary,#d4af37);box-shadow:0 0 0 2px #d4af3733;outline:none}.event-form__field small{color:#ffffff80;display:block;font-size:.75rem;margin-top:.25rem}.event-form__payment-choice{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.event-form__payment-choice label{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;color:#ccc;color:var(--text-secondary,#ccc);cursor:pointer;display:inline-flex;gap:.5rem;margin:0;min-height:44px;padding:.7rem .9rem}.event-form__payment-choice input{accent-color:#d4af37;accent-color:var(--gold-primary,#d4af37);background:#0000;border:0;border-radius:0;padding:0;width:auto}.event-form__payment-choice-disabled{cursor:not-allowed!important;opacity:.55}.event-form__payment-guide,.event-form__split-note{align-items:flex-start;background:#1d4ed826;background:var(--status-info-bg,#1d4ed826);border:1px solid #1d4ed866;border:1px solid var(--status-info-border,#1d4ed866);border-radius:10px;display:flex;gap:.75rem;margin-top:.75rem;padding:.9rem}.event-form__split-note{background:#b4530926;background:var(--status-warning-bg,#b4530926);border-color:#b4530966;border-color:var(--status-warning-border,#b4530966)}.event-form__payment-guide .material-icons,.event-form__split-note .material-icons{flex-shrink:0;font-size:20px;margin-top:1px}.event-form__payment-guide .material-icons{color:#1d4ed8;color:var(--status-info,#1d4ed8)}.event-form__split-note .material-icons{color:#b45309;color:var(--status-warning,#b45309)}.event-form__payment-guide p,.event-form__split-note p{color:#ccc;color:var(--text-secondary,#ccc);font-size:.82rem;line-height:1.5;margin:0}.event-form__split-note strong{color:#fff;color:var(--text-primary,#fff);display:block;font-size:.85rem;margin-bottom:.25rem}.event-form__row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.event-form__image-upload{width:100%}.event-form__image-upload-btn{align-items:center;background:#ffffff08;border:2px dashed #fff3;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem;transition:all .3s ease}.event-form__image-upload-btn:hover{background:#d4af370d;border-color:#d4af37;border-color:var(--gold-primary,#d4af37)}.event-form__image-upload-btn .material-icons{color:#d4af37;color:var(--gold-primary,#d4af37);font-size:3rem}.event-form__image-upload-btn>span:not(.material-icons){color:var(--v2-text-primary)!important;font-weight:500}.event-form__image-upload-btn small{color:var(--v2-text-muted)!important;font-size:.75rem}.event-form__image-preview{background:#00000080;border-radius:12px;height:250px;overflow:hidden;position:relative;width:100%}.event-form__image-preview img{height:100%;object-fit:cover;width:100%}.event-form__image-remove{align-items:center;background:#ff5252e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:36px}.event-form__image-remove:hover:not(:disabled){background:#ff5252;background:var(--danger,#ff5252);transform:scale(1.1)}.event-form__image-remove:disabled{cursor:not-allowed;opacity:.5}.event-form__image-remove .material-icons{font-size:20px}.event-form__amounts{display:flex;flex-wrap:wrap;gap:.75rem}.event-form__amount-item{align-items:center;display:flex;gap:.5rem}.event-form__amount-item input{padding:.5rem .75rem;width:100px}.event-form__amount-remove{background:#ff52521a;border:none;border-radius:4px;color:#ff5252;color:var(--danger,#ff5252);cursor:pointer;padding:.25rem}.event-form__amount-add{align-items:center;background:#0000;border:1px dashed #ffffff4d;border-radius:8px;color:#888;color:var(--text-muted,#888);cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.5rem 1rem}.event-form__amount-add:hover{border-color:#d4af37;border-color:var(--gold-primary,#d4af37);color:#d4af37;color:var(--gold-primary,#d4af37)}.event-form__checkbox-label{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.event-form__checkbox-label:hover{background:#ffffff0d;border-color:#d4af374d}.event-form__checkbox-label input[type=checkbox]{accent-color:#d4af37;accent-color:var(--gold-primary,#d4af37);cursor:pointer;margin-right:.75rem;width:auto}.event-form__checkbox-label>span:first-of-type{align-items:center;color:var(--v2-text-primary)!important;display:flex;font-size:.95rem;font-weight:500}.event-form__checkbox-label small{color:var(--v2-text-muted)!important;font-size:.8rem;line-height:1.4;margin-left:2rem}.event-form__checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.event-form__checkbox-label:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.6}.event-form__checkbox-label:has(input[type=checkbox]:disabled):hover{background:#ffffff08;border-color:#ffffff14}.event-form__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.event-form__cancel{align-items:center;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.event-form__cancel:hover{background:#ffffff1a;border-color:#fff6}.event-form__submit{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary,#d4af37),var(--gold-dark,#b8962e));border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.event-form__submit:hover:not(:disabled){box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.event-form__submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.events-header{align-items:stretch;flex-direction:column;gap:1rem}.events-create-btn{justify-content:center}.events-grid{grid-template-columns:1fr}.event-detail__header{align-items:flex-start}.event-detail__header,.event-detail__progress-stats{flex-direction:column;gap:1rem}.event-detail__rsvp-buttons{flex-direction:column}.event-detail__rsvp-btn{justify-content:center}.event-form__row{grid-template-columns:1fr}}.event-detail__expenses-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.event-detail__expenses-header .event-detail__btn{margin:0}.event-detail__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.event-detail__btn--primary{background:linear-gradient(135deg,#d4af37,#b8962e);background:linear-gradient(135deg,var(--gold-primary,#d4af37),var(--gold-dark,#b8962e));box-shadow:0 4px 12px #d4af374d;color:#000}.event-detail__btn--primary:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-2px)}.event-detail__btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.event-detail__btn--secondary{background:#ffffff0d;border:1px solid #fff3;color:#fffc}.event-detail__btn--secondary:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.event-detail__btn .material-icons{font-size:20px}.event-detail__expense-form{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:2rem}.event-detail__form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.event-detail__form-group{display:flex;flex-direction:column;gap:.5rem}.event-detail__form-group label{color:#ffffffe6;font-size:.875rem;font-weight:600;letter-spacing:.02em}.event-detail__form-group input,.event-detail__form-group select,.event-detail__form-group textarea{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s ease}.event-detail__form-group input::placeholder,.event-detail__form-group textarea::placeholder{color:#fff6}.event-detail__form-group input:focus,.event-detail__form-group select:focus,.event-detail__form-group textarea:focus{background:#0006;border-color:#d4af37;border-color:var(--gold,#d4af37);box-shadow:0 0 0 3px #d4af371a;outline:none}.event-detail__form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.event-detail__form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23D4AF37' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.event-detail__receipt-upload{display:flex;flex-direction:column;gap:1rem}.event-detail__upload-btn{align-items:center;background:#d4af371a;border:2px dashed #d4af3766;border-radius:10px;color:#d4af37;color:var(--gold,#d4af37);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease;width:fit-content}.event-detail__upload-btn:hover{background:#d4af3726;border-color:#d4af37;border-color:var(--gold,#d4af37);transform:translateY(-2px)}.event-detail__upload-btn .material-icons{font-size:22px}.event-detail__receipt-preview{border:2px solid #d4af374d;border-radius:12px;box-shadow:0 4px 12px #0000004d;height:200px;overflow:hidden;position:relative;width:200px}.event-detail__receipt-preview img{height:100%;object-fit:cover;width:100%}.event-detail__remove-receipt{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:36px}.event-detail__remove-receipt:hover{background:#ff5252;background:var(--danger,#ff5252);transform:scale(1.1)}.event-detail__remove-receipt .material-icons{color:#fff;font-size:20px}.event-detail__form-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.event-detail__form-actions .event-detail__btn{flex:1 1;font-size:1rem;font-weight:600;justify-content:center;min-height:48px}.event-detail__expense{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.event-detail__expense:hover{background:#ffffff0d;border-color:#fff3}.event-detail__expense-main{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.event-detail__expense-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.event-detail__expense-title{color:#fff;font-size:1rem;font-weight:600}.event-detail__expense-category{background:#d4af3733;border-radius:12px;color:#d4af37;color:var(--gold,#d4af37);font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.event-detail__expense-description{color:#ffffffb3;font-size:.875rem;line-height:1.5;margin:.5rem 0}.event-detail__expense-meta{color:#ffffff80;display:flex;font-size:.75rem;gap:1rem;margin-top:.5rem}.event-detail__expense-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.event-detail__expense-amount{color:#ff5252;color:var(--danger,#ff5252);font-size:1.25rem;font-weight:700}.event-detail__delete-expense{align-items:center;background:#ff52521a;border:1px solid #ff52524d;border-radius:8px;color:#ff5252;color:var(--danger,#ff5252);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.event-detail__delete-expense:hover{background:#ff5252;background:var(--danger,#ff5252);color:#fff}.event-detail__delete-expense .material-icons{font-size:18px}.event-detail__expense-receipt{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.event-detail__expense-receipt a{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none;transition:all .2s ease}.event-detail__expense-receipt a:hover{opacity:.8}.event-detail__expense-receipt img{border:2px solid #ffffff1a;border-radius:8px;height:120px;object-fit:cover;width:120px}.event-detail__receipt-label{align-items:center;color:#d4af37;color:var(--gold,#d4af37);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.event-detail__receipt-label .material-icons{font-size:20px}@media (max-width:768px){.event-detail__expenses-header{align-items:flex-start;flex-direction:column}.event-detail__form-row{grid-template-columns:1fr}.event-detail__expense-main{flex-direction:column}.event-detail__expense-actions{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.event-detail__expense-receipt a{align-items:flex-start;flex-direction:column}.event-detail__expense-receipt img{height:auto;max-height:300px;width:100%}.event-detail__form-actions{flex-direction:column}.event-detail__form-actions button{width:100%}}.event-detail__pdf-preview{align-items:center;background:#d4af371a;border:2px dashed #d4af3766;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.event-detail__pdf-preview .material-icons{color:#d4af37;color:var(--gold,#d4af37);font-size:64px}.event-detail__pdf-preview span:not(.material-icons){color:#d4af37;color:var(--gold,#d4af37);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.event-detail__pdf-thumbnail{align-items:center;background:#d4af371a;border:2px solid #d4af374d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;height:120px;justify-content:center;width:120px}.event-detail__pdf-thumbnail .material-icons{color:#d4af37;color:var(--gold,#d4af37);font-size:48px}.event-detail__pdf-thumbnail span:not(.material-icons){color:#d4af37;color:var(--gold,#d4af37);font-size:.75rem;font-weight:700;text-transform:uppercase}.event-detail,.event-form,.events-container{color:var(--v2-text-primary)}.events-container{padding:clamp(1rem,2vw,2rem)}.event-detail__header,.event-form__header,.events-header{gap:1rem}.event-form__header h2,.events-title{color:var(--v2-text-primary);letter-spacing:0}.event-card__amount,.event-card__cover-placeholder .material-icons,.event-detail__contributor-amount,.event-detail__contributors-count strong,.event-detail__cover-placeholder .material-icons,.event-detail__info-item .material-icons,.event-detail__pdf-preview .material-icons,.event-detail__pdf-preview span:not(.material-icons),.event-detail__pdf-thumbnail .material-icons,.event-detail__pdf-thumbnail span:not(.material-icons),.event-detail__receipt-label,.event-detail__stat-value,.event-detail__tab.active,.event-detail__type,.event-form__image-upload-btn .material-icons,.event-form__section h3,.events-guide__title,.events-guide__type-icon.general,.events-title .material-icons{color:var(--v2-primary)}.event-detail__btn--primary,.event-detail__contribute-btn,.event-form__submit,.events-create-btn,.events-empty-btn{background:var(--v2-primary);border:1px solid var(--v2-primary);border-radius:var(--v2-radius-md);box-shadow:none;color:#fff;min-height:44px;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),transform var(--v2-transition-fast)}.event-detail__btn--primary:hover,.event-detail__contribute-btn:hover:not(:disabled),.event-form__submit:hover:not(:disabled),.events-create-btn:hover,.events-empty-btn:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none;transform:translateY(-1px)}.event-card__type-badge,.event-detail__form-group label,.event-detail__pdf-preview span:not(.material-icons),.event-detail__pdf-thumbnail span:not(.material-icons),.event-detail__stat-label,.event-detail__type,.event-form__field label,.events-filter-group label{color:var(--v2-text-muted);letter-spacing:0}.event-detail__form-group input,.event-detail__form-group select,.event-detail__form-group textarea,.event-form__field input,.event-form__field select,.event-form__field textarea,.events-filter-group select{background-color:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-primary);min-height:44px}.events-filter-group select{background-image:none}.event-detail__form-group input:focus,.event-detail__form-group select:focus,.event-detail__form-group textarea:focus,.event-form__field input:focus,.event-form__field select:focus,.event-form__field textarea:focus,.events-filter-group select:focus{border-color:var(--v2-primary);box-shadow:0 0 0 3px var(--v2-primary-bg)}.event-detail__form-group select option,.event-form__field select option,.events-filter-group select option{background:var(--v2-bg-elevated);color:var(--v2-text-primary)}.events-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.event-detail__admin-info,.event-detail__contribute-section,.event-detail__progress-section,.event-detail__rsvp-section,.event-detail__tab-content,.event-form__content,.events-empty,.events-guide{background:#0000}.events-empty{border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);min-height:320px}.events-empty>.material-icons{color:var(--v2-primary);opacity:.28}.event-card__title,.event-detail__contribute-section h3,.event-detail__contributor-name,.event-detail__expense-title,.event-detail__overview,.event-detail__rsvp-section h3,.event-detail__title,.event-form__field label,.events-empty__title{color:var(--v2-text-primary)!important}.event-card__days,.event-card__expense-label,.event-card__net-label,.event-card__stat,.event-card__target,.event-detail__admin-info p,.event-detail__attendance-summary,.event-detail__attendee-branch,.event-detail__contributor-bill-id,.event-detail__contributor-branch,.event-detail__contributor-member-id,.event-detail__description,.event-detail__expense-description,.event-detail__expense-meta,.event-detail__info-item span:not(.material-icons),.event-form__checkbox-label small,.event-form__field small,.event-form__image-upload-btn small,.events-empty__subtitle,.events-guide__steps ol,.events-guide__steps ul,.events-guide__type-content p{color:var(--v2-text-muted)}.events-guide{border-top:1px solid var(--v2-border-subtle)}.event-card,.event-detail__admin-info,.event-detail__attendee,.event-detail__contribute-section,.event-detail__contributor,.event-detail__expense,.event-detail__expense-form,.event-detail__info-item,.event-detail__progress-section,.event-detail__rsvp-section,.event-form__amount-item,.event-form__checkbox-label,.event-form__image-upload-btn,.event-form__section,.events-guide__steps,.events-guide__type{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.event-card:hover,.event-detail__expense:hover,.events-guide__type:hover{background:var(--v2-bg-elevated);border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.events-guide__type-icon{border-radius:var(--v2-radius-md)}.events-guide__type-icon.crowdfunding{background:var(--v2-success-bg);color:var(--v2-success)}.event-detail__admin-info>.material-icons,.events-guide__type-icon.equipment{background:var(--v2-info-bg);color:var(--v2-info)}.event-card__cover,.event-card__cover-placeholder,.event-detail__cover-placeholder,.events-guide__type-icon.general{background:var(--v2-primary-bg)}.event-detail__info-item strong,.events-guide__steps h5,.events-guide__steps strong,.events-guide__type-content strong{color:var(--v2-text-primary)!important}.event-card{overflow:hidden}.event-card__cover,.event-detail__cover{border-radius:var(--v2-radius-lg)}.event-card__type-badge,.event-detail__expense-category,.event-detail__type{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-pill);color:var(--v2-primary)}.event-card__featured-badge{background:var(--brand-gold)}.event-card__featured-badge .material-icons{color:var(--v2-text-inverse)}.event-card__progress-bar,.event-detail__progress-bar{background:var(--v2-bg-muted)}.event-card__progress-fill,.event-detail__progress-fill{background:var(--v2-primary)}.event-card__expenses-info,.event-card__stats,.event-detail__expense-receipt,.event-detail__net-amount{border-color:var(--v2-border-subtle)}.event-card__net-amount{background:var(--v2-success-bg)}.event-card__net-value,.event-card__progress-percent,.event-detail__net-amount strong{color:var(--v2-success)}.event-card__expense-amount,.event-detail__expense-amount,.event-detail__expenses-total strong{color:var(--v2-warning)}.event-detail__amount-btn,.event-detail__back,.event-detail__btn,.event-detail__delete-btn,.event-detail__delete-expense,.event-detail__edit-btn,.event-detail__remove-receipt,.event-detail__rsvp-btn,.event-detail__upload-btn,.event-form__amount-add,.event-form__amount-remove,.event-form__back,.event-form__cancel,.event-form__image-remove{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-text-primary)!important;min-height:44px;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast)}.event-detail__amount-btn:hover,.event-detail__back:hover,.event-detail__btn--secondary:hover,.event-detail__edit-btn:hover,.event-detail__upload-btn:hover,.event-form__amount-add:hover,.event-form__back:hover,.event-form__cancel:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary)!important}.event-detail__delete-btn,.event-detail__delete-expense,.event-detail__remove-receipt,.event-form__amount-remove,.event-form__image-remove{color:var(--v2-danger)!important}.event-detail__delete-btn:hover,.event-detail__delete-expense:hover,.event-detail__remove-receipt:hover,.event-form__amount-remove:hover,.event-form__image-remove:hover:not(:disabled){background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)!important}.event-detail__amount-btn.selected{background:var(--v2-primary);border-color:var(--v2-primary);color:#fff!important}.event-detail__rsvp-btn{border-color:var(--v2-success-border);color:var(--v2-success)!important}.event-detail__rsvp-btn.maybe{border-color:var(--v2-warning-border);color:var(--v2-warning)!important}.event-detail__rsvp-btn.not-going{border-color:var(--v2-danger-border);color:var(--v2-danger)!important}.event-detail__rsvp-btn.active{background:var(--v2-success);border-color:var(--v2-success);color:#fff!important}.event-detail__rsvp-btn.maybe.active{background:var(--v2-warning);border-color:var(--v2-warning);color:var(--v2-text-primary)!important}.event-detail__rsvp-btn.not-going.active{background:var(--v2-danger);border-color:var(--v2-danger);color:#fff!important}.event-detail__tabs{border-bottom:1px solid var(--v2-border-subtle)}.event-detail__tab{border-radius:var(--v2-radius-md) var(--v2-radius-md) 0 0;color:var(--v2-text-muted)}.event-detail__tab:hover{background:var(--v2-bg-muted);color:var(--v2-text-primary)}.event-detail__tab.active{background:var(--v2-primary-bg);border-bottom-color:var(--v2-primary)}.event-form{max-width:980px}.event-form__content,.event-form__section{gap:1rem}.event-form__section{padding:1.25rem}.event-form__section h3{border-bottom-color:var(--v2-border-subtle);letter-spacing:0;margin-bottom:1rem}.event-detail__pdf-preview,.event-detail__pdf-thumbnail,.event-detail__upload-btn,.event-form__image-upload-btn{background:var(--v2-bg-muted);border:1px dashed var(--v2-border-default)}.event-detail__upload-btn:hover,.event-form__checkbox-label:hover,.event-form__image-upload-btn:hover{background:var(--v2-bg-elevated)}.event-form__checkbox-label input[type=checkbox]{accent-color:var(--v2-primary)}@media (max-width:768px){.event-detail__header,.event-form__header,.events-header{align-items:stretch;flex-direction:column}.event-detail__actions,.event-detail__amount-options,.event-detail__rsvp-buttons,.events-create-btn,.events-empty-btn{width:100%}.event-detail__actions,.event-detail__rsvp-buttons{flex-direction:column}.event-detail__attendance-summary,.event-detail__progress-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}}.event-form__payment-choice input[type=radio]{accent-color:var(--v2-primary);background:#0000;border:0;border-radius:0;box-shadow:none;min-height:auto;padding:0;width:auto}.event-form__payment-guide,.event-form__split-note{box-shadow:none}.event-detail__approval-bar{align-items:center;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-left:4px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.event-detail__approval-bar.is-pending{background:#fef6e7;background:var(--v2-warning-bg,#fef6e7);border-left-color:var(--v2-warning)}.event-detail__approval-bar.is-rejected{background:var(--v2-danger-bg);border-left-color:var(--v2-danger)}.event-detail__approval-info{align-items:flex-start;display:flex;gap:.75rem}.event-detail__approval-info>.material-icons{color:var(--v2-warning);font-size:28px}.event-detail__approval-bar.is-rejected .event-detail__approval-info>.material-icons{color:var(--v2-danger)}.event-detail__approval-text{display:flex;flex-direction:column;gap:.2rem}.event-detail__approval-text strong{color:var(--v2-text-primary);font-size:1rem}.event-detail__approval-text span{color:var(--v2-text-muted);font-size:.9rem}.event-detail__rejection-reason{color:var(--v2-danger)!important;font-weight:500}.event-detail__approval-actions{display:flex;flex-wrap:wrap;gap:.6rem}.event-detail__btn--primary{background:var(--v2-primary);border:1px solid var(--v2-primary);color:#fff!important}.event-detail__btn--primary:hover:not(:disabled){background:var(--v2-primary-hover);border-color:var(--v2-primary-hover)}.event-detail__btn--success{background:var(--v2-success);border:1px solid var(--v2-success);border-radius:var(--v2-radius-md);color:#fff!important;min-height:44px}.event-detail__btn--success:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.event-detail__btn--danger{background:var(--v2-bg-elevated);border:1px solid var(--v2-danger-border,var(--v2-danger));border-radius:var(--v2-radius-md);color:var(--v2-danger)!important;min-height:44px}.event-detail__btn--danger:hover:not(:disabled){background:var(--v2-danger-bg);transform:translateY(-1px)}.event-detail__btn--danger:disabled,.event-detail__btn--success:disabled{cursor:not-allowed;opacity:.6;transform:none}.event-detail__planning{display:flex;flex-direction:column;gap:1.5rem}.event-detail__plan-section{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);padding:1.25rem 1.5rem}.event-detail__plan-title{align-items:center;color:var(--v2-text-primary);display:flex;font-size:1.05rem;gap:.5rem;margin:0 0 1rem}.event-detail__plan-title .material-icons{color:var(--v2-primary);font-size:22px}.event-detail__plan-grid{display:flex;flex-direction:column;gap:1rem}.event-detail__plan-item strong{color:var(--v2-text-secondary);display:block;font-size:.8rem;letter-spacing:.04em;margin-bottom:.25rem;text-transform:uppercase}.event-detail__plan-item p{color:var(--v2-text-primary);line-height:1.55;margin:0;white-space:pre-wrap}.event-detail__committee-list{display:flex;flex-direction:column;gap:.6rem}.event-detail__committee-member{align-items:center;background:var(--v2-bg-elevated);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.event-detail__committee-role{color:var(--v2-primary);font-weight:600;min-width:160px}.event-detail__committee-name{color:var(--v2-text-primary);font-weight:500}.event-detail__committee-id,.event-detail__committee-jawatan{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-pill);color:var(--v2-primary);font-size:.78rem;padding:.15rem .5rem}.event-detail__budget-table{border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);display:flex;flex-direction:column;overflow:hidden}.event-detail__budget-row{grid-gap:.75rem;align-items:center;border-bottom:1px solid var(--v2-border-subtle);display:grid;gap:.75rem;grid-template-columns:140px 1fr auto;padding:.7rem 1rem}.event-detail__budget-row:last-child{border-bottom:none}.event-detail__budget-category{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-pill);color:var(--v2-primary);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.15rem .6rem;text-align:center;text-transform:uppercase}.event-detail__budget-item{color:var(--v2-text-primary)}.event-detail__budget-amount{font-feature-settings:"tnum";color:var(--v2-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.event-detail__budget-row--total{background:var(--v2-bg-muted);background:var(--v2-surface-muted,var(--v2-bg-muted));font-weight:700;grid-template-columns:1fr auto}.event-detail__budget-row--total span{color:var(--v2-text-secondary)}.event-detail__budget-row--total strong{font-feature-settings:"tnum";color:var(--v2-primary);font-variant-numeric:tabular-nums}.event-form__committee-row{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);margin-bottom:.85rem;padding:1rem}.event-form__committee-remove{align-items:center;background:#0000;border:1px solid var(--v2-danger-border,var(--v2-danger));border-radius:var(--v2-radius-md);color:var(--v2-danger);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;gap:.35rem;margin-top:.5rem;padding:.4rem .75rem}.event-form__committee-remove:hover{background:var(--v2-danger-bg)}.event-form__committee-remove .material-icons{font-size:18px}.event-form__budget-row{grid-gap:.75rem;align-items:flex-end;display:grid;gap:.75rem;grid-template-columns:180px 1fr 140px auto;margin-bottom:.6rem}.event-form__budget-row .event-form__field{margin-bottom:0}.event-form__budget-total{color:var(--v2-text-secondary);margin:.4rem 0 .85rem;text-align:right}.event-form__budget-total strong{color:var(--v2-primary)}@media (max-width:640px){.event-form__budget-row{align-items:stretch;grid-template-columns:1fr}.event-detail__budget-row{grid-template-columns:1fr auto;row-gap:.35rem}.event-detail__budget-item{grid-column:1/-1}}.event-card__pending-badge{align-items:center;background:var(--v2-warning);border-radius:var(--v2-radius-pill);bottom:.6rem;box-shadow:var(--v2-shadow-sm);color:#fff;display:inline-flex;font-size:.72rem;font-weight:600;gap:.3rem;left:.6rem;padding:.25rem .6rem;position:absolute;z-index:2}.event-card__pending-badge .material-icons{font-size:14px}.event-card__draft-badge{background:var(--v2-text-muted);border-radius:var(--v2-radius-pill);bottom:.6rem;box-shadow:var(--v2-shadow-sm);color:#fff;font-size:.72rem;font-weight:600;left:.6rem;padding:.25rem .6rem;position:absolute;z-index:2}.event-detail__register-section{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.event-detail__register-section h3{color:var(--v2-text-primary);font-size:1.05rem;margin:0 0 .75rem}.event-detail__register-fee{align-items:baseline;display:flex;gap:.6rem;margin-bottom:1rem}.event-detail__register-fee span{color:var(--v2-text-muted);font-size:.9rem}.event-detail__register-fee strong{font-feature-settings:"tnum";color:var(--v2-primary);font-size:1.5rem;font-variant-numeric:tabular-nums}.event-detail__register-status{align-items:center;border-radius:var(--v2-radius-md);display:flex;gap:.6rem;margin-bottom:.5rem;padding:.85rem 1rem}.event-detail__register-status p{margin:0}.event-detail__register-status.is-paid{background:var(--v2-success-bg);border:1px solid var(--v2-success-border);color:var(--v2-success)}.event-detail__register-status.is-pending{background:#fef6e7;background:var(--v2-warning-bg,#fef6e7);border:1px solid var(--v2-warning-border);color:var(--v2-warning)}.event-detail__register-status .material-icons{font-size:22px}.event-detail__register-btn{background:var(--v2-primary);border:1px solid var(--v2-primary);border-radius:var(--v2-radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:48px;transition:background var(--v2-transition-fast),transform var(--v2-transition-fast);width:100%}.event-detail__register-btn:hover:not(:disabled){background:var(--v2-primary-hover);transform:translateY(-1px)}.event-detail__register-btn:disabled{cursor:not-allowed;opacity:.6}.event-detail__registrations{display:flex;flex-direction:column;gap:1.5rem}.event-detail__reg-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.event-detail__reg-stat{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:center}.event-detail__reg-stat-value{font-feature-settings:"tnum";color:var(--v2-primary);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.event-detail__reg-stat-label{color:var(--v2-text-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.event-detail__reg-group{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);padding:1.25rem 1.5rem}.event-detail__reg-list{display:flex;flex-direction:column;gap:.5rem}.event-detail__reg-row{align-items:center;background:var(--v2-bg-elevated);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);display:flex;flex-wrap:wrap;gap:.75rem;padding:.65rem .9rem}.event-detail__reg-row.is-muted{opacity:.85}.event-detail__reg-name{color:var(--v2-text-primary);font-weight:600}.event-detail__reg-branch,.event-detail__reg-id,.event-detail__reg-method{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-pill);color:var(--v2-primary);font-size:.76rem;padding:.12rem .5rem}.event-detail__reg-amount{font-feature-settings:"tnum";color:var(--v2-text-primary);font-variant-numeric:tabular-nums;font-weight:600;margin-left:auto}@media (max-width:640px){.event-detail__reg-summary{grid-template-columns:1fr}.event-detail__reg-amount{margin-left:0}}.event-detail__report{display:flex;flex-direction:column;gap:1.5rem}.event-detail__fin-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.event-detail__fin-stat{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem}.event-detail__fin-stat--net{background:var(--v2-primary-bg);border-color:var(--v2-primary-border)}.event-detail__fin-value{font-feature-settings:"tnum";color:var(--v2-text-primary);font-size:1.15rem;font-variant-numeric:tabular-nums;font-weight:700}.event-detail__fin-stat--net .event-detail__fin-value{color:var(--v2-primary)}.event-detail__fin-label{color:var(--v2-text-muted);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.event-detail__bva-table{border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);overflow:hidden}.event-detail__bva-row{grid-gap:.5rem;font-feature-settings:"tnum";border-bottom:1px solid var(--v2-border-subtle);color:var(--v2-text-primary);display:grid;font-size:.9rem;font-variant-numeric:tabular-nums;gap:.5rem;grid-template-columns:1.4fr 1fr 1fr 1fr;padding:.6rem .9rem}.event-detail__bva-row:last-child{border-bottom:none}.event-detail__bva-row--head{color:var(--v2-text-secondary);font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.event-detail__bva-row--head,.event-detail__bva-row--total{background:var(--v2-bg-muted);background:var(--v2-surface-muted,var(--v2-bg-muted))}.event-detail__bva-row--total{font-weight:700}.event-detail__bva-cat{align-self:center;color:var(--v2-primary);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.event-detail__bva-under{color:var(--v2-success);font-weight:600}.event-detail__bva-over{color:var(--v2-danger);font-weight:600}.event-detail__bva-note{color:var(--v2-text-muted);font-size:.8rem;margin:.5rem 0 0}.event-detail__photo-upload{align-items:center;background:var(--v2-primary);border-radius:var(--v2-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;margin-bottom:1rem;padding:.55rem 1rem;transition:background var(--v2-transition-fast)}.event-detail__photo-upload:hover{background:var(--v2-primary-hover)}.event-detail__gallery-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.event-detail__gallery-item{aspect-ratio:1/1;background:var(--v2-bg-elevated);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md);overflow:hidden;position:relative}.event-detail__gallery-item img{display:block;height:100%;object-fit:cover;width:100%}.event-detail__gallery-del{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:4px;top:4px;width:26px}.event-detail__gallery-del .material-icons{font-size:16px}.event-detail__pm-form{display:flex;flex-direction:column;gap:1rem}@media (max-width:640px){.event-detail__bva-row,.event-detail__fin-grid{grid-template-columns:1fr 1fr}.event-detail__bva-row{row-gap:.3rem}.event-detail__bva-cat{grid-column:1/-1}}.cloudinary-usage-container{--cu-bg:var(--v2-surface-card);--cu-border:var(--v2-border-default);--cu-gold:var(--brand-gold);--cu-gold-dark:var(--brand-gold-hover);--cu-green:var(--status-success);--cu-text:var(--v2-text-primary);--cu-text-muted:var(--v2-text-secondary);--cu-success:var(--status-success);--cu-warning:var(--status-warning);--cu-error:var(--status-danger);display:flex;flex-direction:column;gap:20px;padding:0}.usage-header{background:linear-gradient(135deg,#1e7b4e33,#0000);border-bottom:2px solid var(--cu-gold);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:20px 24px}.header-left h2,.usage-header{align-items:center;display:flex}.header-left h2{color:var(--cu-text);font-size:1rem;font-weight:700;gap:10px;margin:0}.header-left h2 .material-icons{color:var(--cu-gold);font-size:22px}.subtitle{color:var(--cu-text-muted);font-size:.85rem;margin:4px 0 0}.btn-refresh{align-items:center;background:linear-gradient(135deg,var(--cu-gold),var(--cu-gold-dark));border:none;border-radius:10px;box-shadow:0 4px 12px #f5c5424d;color:#000;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-refresh:hover:not(:disabled){box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-refresh .material-icons{font-size:18px}.plan-info-card{background:linear-gradient(135deg,var(--cu-green) 0,#145a38 100%);border-radius:12px;box-shadow:0 4px 15px #1e7b4e66;color:#fff;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 24px;padding:20px 24px}.plan-badge,.plan-info-card{align-items:center;display:flex}.plan-badge{font-size:1.1rem;font-weight:700;gap:8px}.plan-badge .material-icons{color:var(--cu-gold);font-size:24px}.plan-details{display:flex;flex-wrap:wrap;gap:2rem}.plan-details p{font-size:.85rem;margin:0;opacity:.9}.plan-details strong{color:var(--cu-gold);font-weight:600}.usage-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 24px}.usage-card{background:var(--cu-bg);border:1px solid var(--cu-border);border-radius:12px;padding:20px;transition:all .2s ease}.usage-card:hover{border-color:var(--cu-gold)}.card-header{align-items:center;border-bottom:1px solid var(--cu-border);display:flex;gap:10px;margin-bottom:20px;padding-bottom:12px}.card-header .material-icons{color:var(--v2-primary);font-size:22px}.card-header h3{color:var(--cu-text);font-size:.95rem;font-weight:600;margin:0}.usage-bar-container{margin-bottom:20px}.usage-bar{background:#ffffff0d;border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden;width:100%}.usage-bar-fill{border-radius:12px;height:100%;transition:width .5s ease,background-color .3s ease}.usage-percentage{font-size:1.25rem;font-weight:700;text-align:right}.usage-details{display:flex;flex-direction:column;gap:10px}.detail-row{align-items:center;border-bottom:1px solid var(--cu-border);display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--cu-text-muted);font-size:.85rem}.detail-row strong{color:var(--cu-text);font-weight:600}.resources-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.resource-item{align-items:center;background:#ffffff08;border:1px solid var(--cu-border);border-radius:10px;display:flex;gap:12px;min-width:0;padding:14px;transition:all .2s ease}.resource-item:hover{border-color:var(--cu-gold)}.resource-item .material-icons{color:var(--v2-primary);font-size:28px}.resource-count{color:var(--cu-text);font-size:1.5rem;font-weight:700;margin:0}.resource-label{color:var(--cu-text-muted);font-size:.75rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.resource-item.total{background:#1e7b4e33;border-color:var(--cu-green);grid-column:1/-1}.resource-item.total .material-icons{color:var(--cu-green)}.resource-item.total .resource-count{color:var(--v2-primary)}.transformations-stats{align-items:center;display:flex;justify-content:space-around;padding:1rem 0}.stat-item{text-align:center}.stat-value{color:var(--cu-text);font-size:2rem;font-weight:700;margin:0 0 .5rem}.stat-label{color:var(--cu-text-muted);font-size:.8rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-divider{background:var(--cu-border);height:60px;width:1px}.warning-banner{align-items:flex-start;animation:slideIn .3s ease-out;border-radius:12px;display:flex;gap:12px;margin:0 24px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.warning-banner .material-icons{flex-shrink:0;font-size:24px;margin-top:2px}.warning-banner strong{display:block;font-size:.95rem;font-weight:700;margin-bottom:4px}.warning-banner p{font-size:.85rem;line-height:1.5;margin:0}.warning-banner--critical{background:#ef444426;border:2px solid #ef444466}.warning-banner--critical .material-icons{color:#ef4444}.warning-banner--critical strong{color:#dc2626}.warning-banner--critical p{color:var(--cu-text-muted)}.warning-banner--high{background:#f59e0b26;border:2px solid #f59e0b66}.warning-banner--high .material-icons{color:#f59e0b}.warning-banner--high strong{color:#d97706}.warning-banner--high p{color:var(--cu-text-muted)}.warning-banner--medium{background:#eab30826;border:2px solid #eab30866}.warning-banner--medium .material-icons{color:#eab308}.warning-banner--medium strong{color:#ca8a04}.warning-banner--medium p{color:var(--cu-text-muted)}.warning-banner--resource{background:#3b82f626;border:2px solid #3b82f666}.warning-banner--resource .material-icons{color:#3b82f6}.warning-banner--resource strong{color:#2563eb}.warning-banner--resource p{color:var(--cu-text-muted)}.tips-card{background:var(--cu-bg);border:1px solid var(--cu-border);border-radius:12px;margin:0 24px 24px;padding:20px 24px}.tips-card h3{align-items:center;color:var(--cu-text);display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0 0 16px}.tips-card h3 .material-icons{color:var(--cu-gold);font-size:20px}.tips-card ul{margin:0;padding-left:1.5rem}.tips-card li{color:var(--cu-text-muted);font-size:.85rem;line-height:1.6;margin-bottom:8px}.tips-card li:last-child{margin-bottom:0}.error-message{background:var(--cu-bg);border:1px solid var(--cu-border);border-radius:12px;padding:60px 24px;text-align:center}.error-message .material-icons{color:var(--cu-error);font-size:4rem;margin-bottom:1rem}.error-message p{color:var(--cu-text-muted);margin-bottom:1.5rem}.btn-retry{background:linear-gradient(135deg,var(--cu-gold),var(--cu-gold-dark));border:none;border-radius:10px;box-shadow:0 4px 12px #f5c5424d;color:#000;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-retry:hover{box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}@media (max-width:768px){.cloudinary-usage-container{padding:0}.usage-header{align-items:flex-start;flex-direction:column;padding:16px 20px}.header-left h2{font-size:.95rem}.usage-stats-grid{grid-template-columns:1fr;padding:0 20px}.plan-info-card{align-items:flex-start;flex-direction:column;margin:0 20px}.plan-details{flex-direction:column;gap:.5rem}.resource-item.total{grid-column:1/-1}.warning-banner{margin:0 20px}.tips-card{margin:0 20px 20px}}.cloudinary-usage-container{color:var(--v2-text-primary);font-family:var(--v2-font-family)}.error-message,.plan-info-card,.tips-card,.usage-card,.usage-header{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.usage-header{border-bottom:1px solid var(--v2-border-default)}.plan-info-card{box-shadow:var(--v2-shadow-xs);color:var(--v2-text-primary)}.header-left h2 .material-icons,.plan-badge .material-icons,.plan-details strong,.tips-card h3 .material-icons{color:var(--v2-primary)}.btn-refresh,.btn-retry{background:var(--v2-primary);border:1px solid var(--v2-primary);border-radius:var(--v2-radius-md);box-shadow:none;color:var(--v2-primary-fg)}.btn-refresh:hover:not(:disabled),.btn-retry:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none;transform:none}.usage-card:hover{border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-sm)}.usage-bar{background:var(--v2-surface-pressed)}.warning-banner--critical{background:var(--status-danger-bg);border:1px solid var(--status-danger-border)}.warning-banner--high,.warning-banner--medium{background:var(--status-warning-bg);border:1px solid var(--status-warning-border)}.warning-banner--resource{background:var(--status-info-bg);border:1px solid var(--status-info-border)}.dashboard-modern{--dm-bg-primary:var(--v2-surface-canvas);--dm-bg-secondary:var(--v2-surface-card);--dm-bg-tertiary:var(--v2-surface-card);--dm-bg-card:var(--v2-surface-card);--dm-bg-card-hover:var(--v2-surface-hover);--dm-border:var(--v2-border-default);--dm-glass-border:var(--v2-border-subtle);--dm-gold:var(--brand-gold);--dm-gold-dark:var(--brand-gold-hover);--dm-green:var(--heritage-green);--dm-green-dark:#1b5e20;--dm-text-primary:var(--v2-text-primary);--dm-text-secondary:var(--v2-text-secondary);--dm-text-muted:var(--v2-text-muted);--dm-success:var(--status-success);--dm-warning:var(--status-warning);--dm-error:var(--status-danger);background:var(--v2-surface-canvas);color:var(--v2-text-primary);font-family:var(--v2-font-family);min-height:100vh}.dashboard-modern .dashboard-content{background:var(--v2-surface-canvas);padding:32px 32px 48px}@media (min-width:1280px){.dashboard-modern .dashboard-content{padding:40px 40px 56px}}@media (max-width:600px){.dashboard-modern .dashboard-content{padding:16px 16px 32px}}.dashboard-modern .dashboard-content>.container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1520px;padding:0}@media (min-width:1280px){.dashboard-modern .dashboard-content>.container{gap:24px}}.dashboard-modern .dashboard-content>.container>*{margin-bottom:0!important;margin-top:0!important}.dashboard-modern .dashboard-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1e3a5f;border-bottom:1px solid #f4c43059;box-shadow:var(--v2-shadow-sm)}.dashboard-modern .dashboard-header:before{display:none}.dashboard-modern .dashboard-brand{color:#fff}.dashboard-modern .dashboard-brand .brand-full,.dashboard-modern .dashboard-brand .brand-short{color:#fff;font-weight:700}.dashboard-modern .header-logo{border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md)}.dashboard-modern .dashboard-banner{background:linear-gradient(135deg,var(--v2-primary-bg) 0,var(--v2-surface-card) 100%);border:none;border-bottom:1px solid var(--v2-border-default);color:var(--v2-text-primary)}[data-theme=dark] .dashboard-modern .dashboard-banner{background:linear-gradient(135deg,#f4c43014 0,var(--v2-surface-card) 100%)}.dashboard-modern .dashboard-banner:before{background:radial-gradient(ellipse at 30% 50%,var(--brand-gold-bg) 0,#0000 60%);opacity:1}[data-theme=dark] .dashboard-modern .dashboard-banner:before{background:radial-gradient(ellipse at 30% 50%,#f4c4301f 0,#0000 60%)}.dashboard-modern .dashboard-footer{background:var(--v2-surface-card);border-top:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.dashboard-modern .dashboard-footer:before{display:none}.dashboard-modern .card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);color:var(--v2-text-primary)}.dashboard-modern .card-header{background:#0000;border-bottom:1px solid var(--v2-border-default);color:var(--v2-text-primary)}.dashboard-modern .card h2,.dashboard-modern .card h3,.dashboard-modern .card h4{color:var(--v2-text-primary)}.dashboard-modern .card p{color:var(--v2-text-secondary)}.dashboard-modern .dm-stats-grid{grid-gap:var(--v2-space-3);display:grid;gap:var(--v2-space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-modern .dm-stat-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);overflow:hidden;padding:var(--v2-space-4);position:relative;text-align:left;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast),transform var(--v2-transition-fast)}.dashboard-modern .dm-stat-card:before{display:none}.dashboard-modern .dm-stat-card:hover{border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-sm)}.dashboard-modern .dm-stat-card--green{background:var(--status-success-bg);border-color:var(--status-success-border)}.dashboard-modern .dm-stat-card--green .dm-stat-label,.dashboard-modern .dm-stat-card--green .dm-stat-value{color:var(--status-success)}.dashboard-modern .dm-stat-card--gold{background:var(--brand-gold-bg);border-color:var(--brand-gold-border);border-left:3px solid var(--brand-gold)}.dashboard-modern .dm-stat-card--gold .dm-stat-value{color:var(--v2-primary)}.dashboard-modern .dm-stat-card--gold .dm-stat-label{color:#92400e}.dashboard-modern .dm-stat-icon{color:var(--v2-text-muted);font-size:22px;margin-bottom:var(--v2-space-2)}.dashboard-modern .dm-stat-value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-size:var(--v2-font-size-xl);font-weight:700;line-height:1.1;margin-bottom:2px}.dashboard-modern .dm-stat-label{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.dashboard-modern .dm-section-header{align-items:center;background:var(--v2-surface-card);border-bottom:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg) var(--v2-radius-lg) 0 0;display:flex;gap:var(--v2-space-3);padding:var(--v2-space-4)}.dashboard-modern .dm-section-header h2{color:var(--v2-text-primary);font-size:var(--v2-font-size-md);font-weight:600;margin:0}.dashboard-modern .dm-section-header p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);margin:2px 0 0}.dashboard-modern .dm-section-header .material-icons{color:var(--v2-primary);font-size:22px}.dashboard-modern table{font-feature-settings:var(--v2-font-feature-tabular);background:#0000;border-collapse:collapse;color:var(--v2-text-primary);font-size:var(--v2-font-size-base);width:100%}.dashboard-modern thead{background:var(--v2-surface-hover)}.dashboard-modern th{border-bottom:1px solid var(--v2-border-default);color:var(--v2-text-secondary);font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:.04em;padding:var(--v2-space-2) var(--v2-space-3);text-align:left;text-transform:uppercase}.dashboard-modern tbody tr{border-bottom:1px solid var(--v2-border-subtle)}.dashboard-modern tbody tr:hover{background:var(--v2-surface-hover)}.dashboard-modern td{color:var(--v2-text-primary);padding:10px var(--v2-space-3);vertical-align:middle}.dashboard-modern .dm-progress{background:var(--v2-surface-pressed);border-radius:var(--v2-radius-full);height:8px;overflow:hidden}.dashboard-modern .dm-progress-bar{background:var(--v2-primary);border-radius:var(--v2-radius-full);height:100%;transition:width .5s ease}.dashboard-modern .dm-badge{align-items:center;border:1px solid #0000;border-radius:var(--v2-radius-full);display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:500;gap:4px;letter-spacing:0;padding:2px var(--v2-space-2);text-transform:none}.dashboard-modern .dm-badge--success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success)}.dashboard-modern .dm-badge--warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning)}.dashboard-modern .dm-badge--error{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger)}.dashboard-modern .dm-badge--gold{background:var(--brand-gold-bg);border-color:var(--brand-gold-border);color:#92400e}.dashboard-modern .dm-info-grid{grid-gap:var(--v2-space-4);display:grid;gap:var(--v2-space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-modern .dm-info-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);padding:var(--v2-space-4);transition:border-color var(--v2-transition-fast)}.dashboard-modern .dm-info-card:hover{border-color:var(--v2-border-strong)}.dashboard-modern .dm-info-card__header{align-items:center;border-bottom:1px solid var(--v2-border-default);display:flex;gap:var(--v2-space-3);margin-bottom:var(--v2-space-3);padding-bottom:var(--v2-space-2)}.dashboard-modern .dm-info-card__icon{align-items:center;background:var(--v2-primary-bg);border-radius:var(--v2-radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.dashboard-modern .dm-info-card__icon .material-icons{color:var(--v2-primary);font-size:18px}.dashboard-modern .dm-info-card__title{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:600;margin:0}.dashboard-modern .dm-info-card__content{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);line-height:var(--v2-line-height-normal)}.dashboard-modern .dm-chart-container{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);padding:var(--v2-space-4)}.dashboard-modern .dm-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--v2-space-4)}.dashboard-modern .dm-chart-title{color:var(--v2-text-primary);font-size:var(--v2-font-size-md);font-weight:600}.dashboard-modern .btn{border-radius:var(--v2-radius-md);font-family:inherit;font-weight:500;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast)}.dashboard-modern .btn-primary{background:var(--v2-primary);border:1px solid #0000;box-shadow:none;color:var(--v2-primary-fg)}.dashboard-modern .btn-primary:hover{background:var(--v2-primary-hover);box-shadow:none;transform:none}.dashboard-modern .btn-secondary{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);color:var(--v2-text-primary)}.dashboard-modern .btn-secondary:hover{background:var(--v2-surface-hover);border-color:var(--v2-border-strong);color:var(--v2-text-primary)}.dashboard-modern .form-input,.dashboard-modern .form-select{background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary)}.dashboard-modern .form-input:focus,.dashboard-modern .form-select:focus{border-color:var(--v2-border-emphasis);box-shadow:0 0 0 3px var(--v2-primary-bg);outline:none}.dashboard-modern .form-input::placeholder{color:var(--v2-text-muted)}.dashboard-modern .form-label{color:var(--v2-text-primary);font-weight:500}.dashboard-modern .dm-profile-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-xl);box-shadow:var(--v2-shadow-xs);margin-bottom:var(--v2-space-4);padding:var(--v2-space-6)}.dashboard-modern .dm-profile-header{align-items:center;display:flex;gap:var(--v2-space-4);margin-bottom:var(--v2-space-4)}.dashboard-modern .dm-profile-avatar{align-items:center;background:var(--v2-primary-bg);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-full);color:var(--v2-primary);display:flex;font-size:28px;height:72px;justify-content:center;object-fit:cover;width:72px}.dashboard-modern .dm-profile-info h2{color:var(--v2-text-primary);font-size:var(--v2-font-size-lg);font-weight:700;margin:0 0 4px}.dashboard-modern .dm-profile-role{align-items:center;background:var(--v2-primary-bg);border:1px solid var(--brand-navy-border);border-radius:var(--v2-radius-full);color:var(--v2-primary);display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:600;gap:6px;letter-spacing:.04em;padding:2px var(--v2-space-2);text-transform:uppercase}.dashboard-modern ::-webkit-scrollbar{height:8px;width:8px}.dashboard-modern ::-webkit-scrollbar-track{background:#0000}.dashboard-modern ::-webkit-scrollbar-thumb{background:var(--v2-border-strong);border-radius:var(--v2-radius-sm)}.dashboard-modern ::-webkit-scrollbar-thumb:hover{background:var(--v2-text-muted)}.dashboard-modern .admin-management,.dashboard-modern .belt-management,.dashboard-modern .branch-management,.dashboard-modern .jawatan-management,.dashboard-modern .media-library,.dashboard-modern .member-management,.dashboard-modern .sandang-management{padding:0}.dashboard-modern .belt-mgmt,.dashboard-modern .jawatan-mgmt,.dashboard-modern .sandang-mgmt{gap:0}.dashboard-modern .belt-mgmt__stats-row,.dashboard-modern .jawatan-mgmt__stats-row,.dashboard-modern .sandang-mgmt__stats-row{margin-bottom:var(--v2-space-4);padding:var(--v2-space-4) var(--v2-space-4) 0 var(--v2-space-4)}.dashboard-modern .belt-mgmt__content,.dashboard-modern .jawatan-mgmt__content,.dashboard-modern .sandang-mgmt__content{background:#0000;border:none;border-radius:0;overflow:visible}.dashboard-modern .belt-mgmt__header,.dashboard-modern .jawatan-mgmt__header,.dashboard-modern .sandang-mgmt__header{background:#0000;border-bottom:1px solid var(--v2-border-default);padding:var(--v2-space-4)}.dashboard-modern .belt-mgmt__table-container,.dashboard-modern .jawatan-mgmt__table-container,.dashboard-modern .sandang-mgmt__table-container{padding:var(--v2-space-4)}.dashboard-modern .belt-mgmt__empty,.dashboard-modern .jawatan-mgmt__empty,.dashboard-modern .sandang-mgmt__empty{padding:var(--v2-space-10) var(--v2-space-4)}.dashboard-modern .admin-management .card-header,.dashboard-modern .branch-management .card-header,.dashboard-modern .media-library .card-header,.dashboard-modern .member-management .card-header{background:#0000;border-bottom:1px solid var(--v2-border-default);margin:0;padding:var(--v2-space-6)}.dashboard-modern .admin-management .card-body,.dashboard-modern .branch-management .card-body,.dashboard-modern .media-library .card-body,.dashboard-modern .member-management .card-body{padding:var(--v2-space-6)}.dashboard-modern .gallery-view,.dashboard-modern .info-display{padding:0}.dashboard-modern .gv-header,.dashboard-modern .id-header{border-bottom:1px solid var(--v2-border-default);margin-bottom:0;padding:var(--v2-space-6) var(--v2-space-6) var(--v2-space-4)}.dashboard-modern .gv-filters{border-bottom:1px solid var(--v2-border-default);margin-bottom:0;padding:var(--v2-space-4) var(--v2-space-6)}.dashboard-modern .gv-grid,.dashboard-modern .gv-loading{padding:var(--v2-space-6)}.dashboard-modern .id-table-card{border:none;border-radius:0;border-top:1px solid var(--v2-border-default);margin:0}.dashboard-modern .id-empty{padding:var(--v2-space-10) var(--v2-space-6)}@media (max-width:768px){.dashboard-modern .dm-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-modern .dm-info-grid{grid-template-columns:1fr}.dashboard-modern .dm-profile-header{flex-direction:column;text-align:center}.dashboard-modern .dm-stat-card{padding:var(--v2-space-3)}.dashboard-modern .dm-stat-value{font-size:var(--v2-font-size-lg)}}@media (max-width:480px){.dashboard-modern .dm-stats-grid{grid-template-columns:1fr}}.dashboard-modern .user-profile-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default)}.dashboard-modern .user-profile-card .profile-header{background:linear-gradient(135deg,var(--v2-primary-bg) 0,var(--v2-surface-card) 100%);border-bottom:1px solid var(--v2-border-default)}[data-theme=dark] .dashboard-modern .user-profile-card .profile-header{background:linear-gradient(135deg,#f4c4301a 0,var(--v2-surface-card) 100%)}.dashboard-modern .user-profile-card .member-name-card{background:var(--v2-surface-card)!important;border-color:var(--brand-gold)!important;border-left:3px solid var(--brand-gold)}.dashboard-modern .user-profile-card .member-name-card p{color:var(--v2-primary)!important}.dashboard-modern .user-profile-card .info-card{background:var(--v2-surface-card)!important;border-color:var(--v2-border-default)!important}.dashboard-modern .user-profile-card .info-card h4{color:var(--v2-text-secondary)!important}.dashboard-modern .user-profile-card .account-info{background:var(--v2-surface-card)!important;border-color:var(--v2-border-default)!important}.dashboard-modern .user-profile-card .account-info h3{color:var(--v2-text-primary)!important}.dashboard-modern .user-profile-card .info-row{background:var(--v2-surface-hover)!important;border-color:var(--v2-border-default)!important}.dashboard-modern .user-profile-card .info-row strong{color:var(--v2-text-secondary)!important}.dashboard-modern .user-profile-card .info-row span{color:var(--v2-text-primary)!important}.dashboard-modern .user-profile-card .branch-code-badge{background:var(--status-success-bg)!important;border-color:var(--status-success-border)!important;color:var(--status-success)!important}.dashboard-modern .admin-management .am-header,.dashboard-modern .branch-management .bm-header,.dashboard-modern .jawatan-management .jm-header{border-bottom:1px solid var(--v2-border-default);margin-bottom:var(--v2-space-6);padding:var(--v2-space-6) var(--v2-space-6) var(--v2-space-4)}.dashboard-modern .admin-management .am-bento-grid,.dashboard-modern .branch-management .bm-bento-grid,.dashboard-modern .jawatan-management .jm-bento-grid{margin-bottom:var(--v2-space-6);padding:0 var(--v2-space-6)}.dashboard-modern .admin-management .am-filters,.dashboard-modern .admin-management .am-table-container,.dashboard-modern .branch-management .bm-filters,.dashboard-modern .branch-management .bm-table-container,.dashboard-modern .jawatan-management .jm-filters,.dashboard-modern .jawatan-management .jm-table-container{margin:0 var(--v2-space-6) var(--v2-space-6)}.dashboard-modern .admin-management .am-table td,.dashboard-modern .admin-management .am-table th,.dashboard-modern .branch-management .bm-table td,.dashboard-modern .branch-management .bm-table th,.dashboard-modern .jawatan-management .jm-table td,.dashboard-modern .jawatan-management .jm-table th{padding:var(--v2-space-3) var(--v2-space-4)}.dashboard-modern .media-library .ml-header{border-bottom:1px solid var(--v2-border-default);margin-bottom:var(--v2-space-6);padding:var(--v2-space-6) var(--v2-space-6) var(--v2-space-4)}.dashboard-modern .media-library .ml-upload-section{margin:0 var(--v2-space-6) var(--v2-space-6);padding:var(--v2-space-6)}.dashboard-modern .media-library .ml-filters,.dashboard-modern .media-library .ml-grid{margin:0 var(--v2-space-6) var(--v2-space-6)}.dashboard-modern .branch-scope-banner{align-items:center;background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--v2-radius-lg);display:flex;gap:var(--v2-space-3);margin-bottom:var(--v2-space-4);padding:var(--v2-space-3) var(--v2-space-4)}.dashboard-modern .branch-scope-banner .material-icons{color:var(--status-info);flex-shrink:0;font-size:22px}.dashboard-modern .branch-scope-content{color:var(--v2-text-secondary);display:flex;flex-direction:column;font-size:var(--v2-font-size-sm);gap:2px}.dashboard-modern .branch-scope-content strong{color:var(--status-info);font-weight:600}.dashboard-modern .branch-scope-content span strong{color:var(--v2-text-primary);font-weight:600}.dashboard-modern .branch-admin-stats{margin-bottom:var(--v2-space-6)}.dashboard-modern .branch-admin-stats .section-title{align-items:center;border-bottom:1px solid var(--v2-border-default);color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-md);font-weight:600;gap:var(--v2-space-2);margin-bottom:var(--v2-space-4);padding-bottom:var(--v2-space-3)}.dashboard-modern .branch-admin-stats .section-title .material-icons{color:var(--v2-primary);font-size:22px}.dashboard-modern .sidebar-user-badge .user-role.branch-admin,.dashboard-modern .user-profile-card .profile-role.branch-admin{background:var(--status-info-bg);border:1px solid var(--status-info-border);color:var(--status-info)}.dashboard-modern .sidebar-user-badge .user-role.branch-admin{border-radius:var(--v2-radius-full);font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:.04em;padding:2px var(--v2-space-2);text-transform:uppercase}@media (max-width:768px){.dashboard-modern .branch-scope-banner{align-items:flex-start;flex-direction:column;gap:var(--v2-space-2)}.dashboard-modern .branch-scope-content{font-size:var(--v2-font-size-xs)}}.dashboard-modern .invoice-subtabs{background:var(--v2-surface-card);border-bottom:1px solid var(--v2-border-default);display:flex;gap:0;padding:0}.dashboard-modern .invoice-subtabs__tab{align-items:center;background:#0000;border:none;color:var(--v2-text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:var(--v2-font-size-sm);font-weight:500;gap:var(--v2-space-2);justify-content:center;padding:var(--v2-space-3) var(--v2-space-4);position:relative;transition:all var(--v2-transition-fast)}.dashboard-modern .invoice-subtabs__tab:after{background:#0000;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transition:all var(--v2-transition-fast)}.dashboard-modern .invoice-subtabs__tab:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.dashboard-modern .invoice-subtabs__tab--active{background:var(--v2-primary-bg);color:var(--v2-primary)}.dashboard-modern .invoice-subtabs__tab--active:after{background:var(--v2-primary)}.dashboard-modern .invoice-subtabs__tab .material-icons{font-size:18px}.dashboard-modern .invoice-subtabs__info{align-items:flex-start;background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--v2-radius-lg);color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-sm);gap:var(--v2-space-2);line-height:var(--v2-line-height-normal);margin-bottom:var(--v2-space-4);padding:var(--v2-space-3) var(--v2-space-4)}.dashboard-modern .invoice-subtabs__info .material-icons{color:var(--status-info);flex-shrink:0;font-size:20px;margin-top:2px}.dashboard-modern .invoice-subtabs__info p{color:var(--v2-text-secondary);margin:0}@media (max-width:600px){.dashboard-modern .invoice-subtabs__tab{font-size:var(--v2-font-size-xs);gap:4px;padding:var(--v2-space-2) var(--v2-space-3)}.dashboard-modern .invoice-subtabs__tab .material-icons{font-size:16px}.dashboard-modern .invoice-subtabs__info{flex-direction:column;gap:var(--v2-space-2);padding:var(--v2-space-3)}}.dashboard-modern .dashboard-nav{align-items:center;display:flex;gap:var(--v2-space-3)}.dashboard-modern .dashboard-header__actions{align-items:center;display:flex;gap:var(--v2-space-2);margin-left:auto}.dashboard-modern .dashboard-header__actions .v2-btn{color:var(--v2-text-secondary)}.dashboard-modern .dashboard-header__actions .v2-btn:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}.dashboard-modern .billing-workspace{display:flex;flex-direction:column;gap:var(--v2-space-6)}.dashboard-modern .dashboard-section-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);overflow:hidden}.dashboard-modern .dashboard-section-card__header{align-items:center;background:var(--v2-surface-hover);border-bottom:1px solid var(--v2-border-default);display:flex;justify-content:space-between;padding:var(--v2-space-4) var(--v2-space-5)}.dashboard-modern .dashboard-section-card__header h3,.dashboard-modern .dashboard-section-card__subsection h4{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:800;letter-spacing:0;margin:0}.dashboard-modern .dashboard-section-card__body{padding:var(--v2-space-5)}.dashboard-modern .dashboard-section-card__subsection{margin-top:var(--v2-space-8)}.dashboard-modern .dashboard-section-card__subsection h4{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);letter-spacing:.05em;margin-bottom:var(--v2-space-4);text-transform:uppercase}@media (max-width:600px){.dashboard-modern .dashboard-section-card__body,.dashboard-modern .dashboard-section-card__header{padding:var(--v2-space-4)}.dashboard-modern .dashboard-section-card__subsection{margin-top:var(--v2-space-6)}}.member-dashboard-modern .mpv-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.member-dashboard-modern .mpv-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--mdm-bg-card);border:1px solid var(--mdm-glass-border);border-radius:16px;padding:28px;transition:all .3s ease}.member-dashboard-modern .mpv-card:hover{border-color:var(--mdm-gold);box-shadow:var(--mdm-shadow-xl),var(--mdm-glow);transform:translateY(-4px)}.member-dashboard-modern .mpv-card-title{align-items:center;border-bottom:2px solid var(--mdm-border);color:var(--v2-text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:12px;margin-bottom:24px;padding-bottom:16px}.member-dashboard-modern .mpv-card-title .material-icons{color:var(--v2-primary);font-size:24px}.member-dashboard-modern .mpv-member-id-badge{background:linear-gradient(135deg,var(--mdm-gold),var(--mdm-gold-dark));border-radius:12px;box-shadow:0 4px 15px #f5c5424d;margin-bottom:20px;padding:20px;text-align:center}.member-dashboard-modern .mpv-member-id-label{color:#000000b3;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.member-dashboard-modern .mpv-member-id-value{color:#000;font-family:Courier New,monospace;font-size:2rem;font-weight:800;letter-spacing:2px}.member-dashboard-modern .mpv-info-row{align-items:flex-start;background:#ffffff08;border:1px solid var(--mdm-border);border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px;padding:14px 16px;transition:all .2s ease}.member-dashboard-modern .mpv-info-row:hover{background:#ffffff0d;border-color:#f5c5424d}.member-dashboard-modern .mpv-info-row:last-child{margin-bottom:0}.member-dashboard-modern .mpv-info-row--highlight{background:linear-gradient(135deg,#1e7b4e26,#145a381a);border-color:#1e7b4e4d}.member-dashboard-modern .mpv-info-row--highlight:hover{background:linear-gradient(135deg,#1e7b4e33,#145a3826);border-color:#1e7b4e80}.member-dashboard-modern .mpv-info-label{align-items:center;color:var(--mdm-text-muted);display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:8px;min-width:140px}.member-dashboard-modern .mpv-info-label .material-icons{color:var(--v2-primary);font-size:18px}.member-dashboard-modern .mpv-info-value{color:var(--mdm-text-primary);flex:1 1;font-weight:600;text-align:right;word-break:break-word}.member-dashboard-modern .mpv-info-value--small{font-size:.9rem}.member-dashboard-modern .mpv-info-value--highlight{color:var(--mdm-green-light);font-weight:700}.member-dashboard-modern .mpv-monospace{font-family:Courier New,monospace;letter-spacing:.5px}.member-dashboard-modern .mpv-branch-name{color:var(--mdm-green-light);font-weight:700;margin-bottom:6px}.member-dashboard-modern .mpv-branch-code{background:#ffffff0d;border:1px solid var(--mdm-border);border-radius:6px;color:var(--mdm-text-secondary);display:inline-block;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;padding:4px 10px}.member-dashboard-modern .mpv-not-set{color:var(--mdm-text-muted);font-style:italic;font-weight:400;opacity:.7}@media (max-width:768px){.member-dashboard-modern .mpv-grid{gap:20px;grid-template-columns:1fr}.member-dashboard-modern .mpv-card{padding:20px}.member-dashboard-modern .mpv-info-row{align-items:flex-start;flex-direction:column;gap:8px}.member-dashboard-modern .mpv-info-label{min-width:auto}.member-dashboard-modern .mpv-info-value{text-align:left}.member-dashboard-modern .mpv-member-id-value{font-size:1.5rem}}@media (max-width:480px){.member-dashboard-modern .mpv-card-title{font-size:1rem}.member-dashboard-modern .mpv-card-title .material-icons{font-size:20px}.member-dashboard-modern .mpv-member-id-badge{padding:16px}.member-dashboard-modern .mpv-member-id-value{font-size:1.25rem}}.member-dashboard-modern .mpv-container{width:100%}.member-dashboard-modern .mpv-photo-section{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--mdm-bg-card);border:1px solid var(--mdm-glass-border);border-radius:24px;box-shadow:var(--mdm-shadow-lg);display:flex;gap:32px;margin-bottom:32px;padding:32px}.member-dashboard-modern .mpv-photo-wrapper{flex-shrink:0}.member-dashboard-modern .mpv-photo,.member-dashboard-modern .mpv-photo-placeholder{border:4px solid var(--mdm-gold);border-radius:50%;box-shadow:0 8px 30px #f5c5424d;height:150px;object-fit:cover;width:150px}.member-dashboard-modern .mpv-photo-placeholder{align-items:center;background:linear-gradient(135deg,var(--mdm-gold),var(--mdm-gold-dark));display:flex;justify-content:center}.member-dashboard-modern .mpv-photo-initials{color:#000;font-size:3.5rem;font-weight:800;-webkit-user-select:none;user-select:none}.member-dashboard-modern .mpv-photo-info{flex:1 1}.member-dashboard-modern .mpv-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:var(--mdm-text-primary);font-size:2rem;font-weight:700;margin:0 0 16px}@media (max-width:768px){.member-dashboard-modern .mpv-photo-section{flex-direction:column;padding:24px;text-align:center}.member-dashboard-modern .mpv-photo,.member-dashboard-modern .mpv-photo-placeholder{height:120px;width:120px}.member-dashboard-modern .mpv-photo-initials{font-size:2.5rem}.member-dashboard-modern .mpv-name{font-size:1.5rem}}.member-dashboard-modern .mpv-card,.member-dashboard-modern .mpv-photo-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.member-dashboard-modern .mpv-card:hover{border-color:var(--v2-border-default);box-shadow:var(--v2-shadow-sm);transform:translateY(-1px)}.member-dashboard-modern .mpv-card-title,.member-dashboard-modern .mpv-card-title .material-icons,.member-dashboard-modern .mpv-info-label .material-icons{color:var(--v2-primary)}.member-dashboard-modern .mpv-card-title{border-bottom:1px solid var(--v2-border-subtle);letter-spacing:0}.member-dashboard-modern .mpv-member-id-badge{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-lg);box-shadow:none}.member-dashboard-modern .mpv-branch-code,.member-dashboard-modern .mpv-info-label,.member-dashboard-modern .mpv-member-id-label,.member-dashboard-modern .mpv-not-set{color:var(--v2-text-muted);letter-spacing:0}.member-dashboard-modern .mpv-info-value,.member-dashboard-modern .mpv-member-id-value,.member-dashboard-modern .mpv-name{-webkit-text-fill-color:currentColor;background:none;color:var(--v2-text-primary);letter-spacing:0}.member-dashboard-modern .mpv-info-row{background:var(--v2-bg-muted);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md)}.member-dashboard-modern .mpv-info-row:hover{background:var(--v2-bg-elevated);border-color:var(--v2-border-default)}.member-dashboard-modern .mpv-info-row--highlight,.member-dashboard-modern .mpv-info-row--highlight:hover{background:var(--v2-success-bg);border-color:var(--v2-success-border)}.member-dashboard-modern .mpv-branch-name,.member-dashboard-modern .mpv-info-value--highlight{color:var(--v2-success)}.member-dashboard-modern .mpv-branch-code{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-md)}.member-dashboard-modern .mpv-photo,.member-dashboard-modern .mpv-photo-placeholder{border:2px solid var(--v2-primary-border);box-shadow:none}.member-dashboard-modern .mpv-photo-placeholder{background:var(--v2-primary-bg)}.member-dashboard-modern .mpv-photo-initials{color:var(--v2-primary)}.member-dashboard-modern .mpe-form{width:100%}.member-dashboard-modern .mpe-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.member-dashboard-modern .mpe-section{background:#ffffff05;border:1px solid var(--mdm-border);border-radius:20px;box-shadow:inset 0 0 20px #0003;padding:24px}.member-dashboard-modern .mpe-section-title{align-items:center;border-bottom:2px solid var(--mdm-border);color:var(--mdm-gold);display:flex;font-size:.95rem;font-weight:700;gap:10px;letter-spacing:.5px;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.member-dashboard-modern .mpe-section-title .material-icons{font-size:20px}.member-dashboard-modern .form-group{margin-bottom:20px}.member-dashboard-modern .form-group:last-child{margin-bottom:0}.member-dashboard-modern .mpe-label{align-items:center;color:var(--mdm-text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:8px}.member-dashboard-modern .mpe-label .material-icons{color:var(--mdm-gold);font-size:18px}.member-dashboard-modern .mpe-input{background:var(--mdm-bg-secondary);border:1px solid var(--mdm-glass-border);border-radius:10px;color:var(--mdm-text-primary);font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .3s ease;width:100%}.member-dashboard-modern .mpe-input:focus{background:var(--mdm-bg-tertiary);border-color:var(--mdm-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}.member-dashboard-modern .mpe-input::placeholder{color:var(--mdm-text-muted);font-weight:400}.member-dashboard-modern .mpe-input--disabled{background:#ffffff08;border-color:#ffffff0d;color:var(--mdm-text-muted);cursor:not-allowed}.member-dashboard-modern .mpe-input[type=date],.member-dashboard-modern select.mpe-input{cursor:pointer}.member-dashboard-modern .mpe-hint{align-items:center;color:var(--mdm-text-muted);display:flex;font-size:.8rem;font-style:italic;gap:6px;margin-top:6px}.member-dashboard-modern .mpe-hint .material-icons{color:var(--mdm-text-muted);font-size:14px}.member-dashboard-modern .mpe-upload-status{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.member-dashboard-modern .mpe-upload-label{align-items:center;color:var(--mdm-text-secondary);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px}.member-dashboard-modern .mpe-upload-bar{background:#ffffff14;border:1px solid var(--mdm-border);border-radius:999px;height:8px;overflow:hidden;width:100%}.member-dashboard-modern .mpe-upload-bar__fill{background:linear-gradient(90deg,var(--mdm-gold),var(--mdm-gold-light));height:100%;transition:width .2s ease;width:0}.member-dashboard-modern .mpe-error{align-items:center;color:var(--mdm-error);display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:6px}.member-dashboard-modern .mpe-error .material-icons{font-size:16px}.member-dashboard-modern .mpe-actions{border-top:2px solid var(--mdm-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding-top:28px}.member-dashboard-modern .mpe-btn-cancel,.member-dashboard-modern .mpe-btn-save{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px}.member-dashboard-modern .mpe-btn-cancel .material-icons,.member-dashboard-modern .mpe-btn-save .material-icons{font-size:20px}.member-dashboard-modern .mpe-btn-save:disabled{cursor:not-allowed;opacity:.6}.member-dashboard-modern .spinner{animation:spin .6s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;display:inline-block;height:16px;width:16px}.member-dashboard-modern .spinner-sm{height:14px;width:14px}@media (max-width:768px){.member-dashboard-modern .mpe-grid{gap:24px;grid-template-columns:1fr}.member-dashboard-modern .mpe-section{padding:20px}.member-dashboard-modern .mpe-actions{flex-direction:column-reverse}.member-dashboard-modern .mpe-btn-cancel,.member-dashboard-modern .mpe-btn-save{justify-content:center;width:100%}}@media (max-width:480px){.member-dashboard-modern .mpe-section-title{font-size:.85rem}.member-dashboard-modern .mpe-section-title .material-icons{font-size:18px}.member-dashboard-modern .mpe-input{font-size:.9rem;padding:10px 14px}.member-dashboard-modern .mpe-label{font-size:.85rem}}.member-dashboard-modern .mpe-photo-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--mdm-bg-card);border:1px solid var(--mdm-glass-border);border-radius:16px;margin-bottom:32px;padding:32px}.member-dashboard-modern .mpe-photo-container{align-items:center;display:flex;gap:32px;margin-top:24px}.member-dashboard-modern .mpe-photo-wrapper{flex-shrink:0}.member-dashboard-modern .mpe-photo,.member-dashboard-modern .mpe-photo-placeholder{border:4px solid var(--mdm-gold);border-radius:50%;box-shadow:0 8px 30px #f5c5424d;height:150px;object-fit:cover;width:150px}.member-dashboard-modern .mpe-photo-placeholder{align-items:center;background:linear-gradient(135deg,var(--mdm-gold),var(--mdm-gold-dark));display:flex;justify-content:center}.member-dashboard-modern .mpe-photo-initials{color:#000;font-size:3.5rem;font-weight:800;-webkit-user-select:none;user-select:none}.member-dashboard-modern .mpe-photo-actions{display:flex;flex:1 1;flex-direction:column;gap:12px}.member-dashboard-modern .mpe-photo-btn{align-items:center;border-radius:10px;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.member-dashboard-modern .mpe-photo-btn .material-icons{font-size:20px}.member-dashboard-modern .mpe-photo-hint{align-items:center;color:var(--mdm-text-secondary);display:flex;font-size:.85rem;gap:8px;margin-top:8px}.member-dashboard-modern .mpe-photo-hint .material-icons{font-size:16px}@media (max-width:768px){.member-dashboard-modern .mpe-photo-container{flex-direction:column;text-align:center}.member-dashboard-modern .mpe-photo,.member-dashboard-modern .mpe-photo-placeholder{height:120px;width:120px}.member-dashboard-modern .mpe-photo-initials{font-size:2.5rem}.member-dashboard-modern .mpe-photo-actions{width:100%}}.member-dashboard-modern .mpe-photo-section,.member-dashboard-modern .mpe-section{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.member-dashboard-modern .mpe-label .material-icons,.member-dashboard-modern .mpe-section-title,.member-dashboard-modern .mpe-section-title .material-icons{color:var(--v2-primary)}.member-dashboard-modern .mpe-section-title{border-bottom:1px solid var(--v2-border-subtle);letter-spacing:0}.member-dashboard-modern .mpe-label,.member-dashboard-modern .mpe-photo-hint,.member-dashboard-modern .mpe-upload-label{color:var(--v2-text-secondary)}.member-dashboard-modern .mpe-input{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);min-height:44px}.member-dashboard-modern .mpe-input:focus{background:var(--v2-bg-card);border-color:var(--v2-primary);box-shadow:0 0 0 3px var(--v2-primary-bg)}.member-dashboard-modern .mpe-input::placeholder{color:var(--v2-text-placeholder)}.member-dashboard-modern .mpe-input--disabled{background:var(--v2-bg-muted);border-color:var(--v2-border-subtle);color:var(--v2-text-muted)}.member-dashboard-modern .mpe-hint,.member-dashboard-modern .mpe-hint .material-icons{color:var(--v2-text-muted)}.member-dashboard-modern .mpe-upload-bar{background:var(--v2-bg-muted);border:1px solid var(--v2-border-subtle)}.member-dashboard-modern .mpe-upload-bar__fill{background:var(--v2-primary)}.member-dashboard-modern .mpe-error,.member-dashboard-modern .mpe-error .material-icons{color:var(--v2-danger)}.member-dashboard-modern .mpe-actions{border-top:1px solid var(--v2-border-subtle)}.member-dashboard-modern .mpe-btn-cancel,.member-dashboard-modern .mpe-btn-save,.member-dashboard-modern .mpe-photo-btn{border-radius:var(--v2-radius-md);box-shadow:none;min-height:44px}.member-dashboard-modern .mpe-photo,.member-dashboard-modern .mpe-photo-placeholder{border:2px solid var(--v2-primary-border);box-shadow:none}.member-dashboard-modern .mpe-photo-placeholder{background:var(--v2-primary-bg)}.member-dashboard-modern .mpe-photo-initials{color:var(--v2-primary)}.member-dashboard-modern .spinner{border-color:var(--v2-border-default);border-top-color:var(--v2-primary)}.membership-card-shell{display:flex;flex-direction:column;gap:12px;gap:var(--v2-space-3,12px);max-width:500px;width:100%}.membership-card-actions{display:flex}.membership-card-download-btn{align-items:center;background:var(--v2-primary);border:1px solid var(--v2-primary);border-radius:6px;border-radius:var(--v2-radius-md,6px);box-shadow:none;color:var(--v2-primary-fg);cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-size:var(--v2-font-size-sm,13px);font-weight:600;font-weight:var(--v2-font-weight-semibold,600);gap:8px;gap:var(--v2-space-2,8px);justify-content:center;min-height:44px;padding:8px 16px;padding:var(--v2-space-2,8px) var(--v2-space-4,16px);transition:background .15s ease,border-color .15s ease,color .15s ease;transition:background var(--v2-transition-fast,.15s ease),border-color var(--v2-transition-fast,.15s ease),color var(--v2-transition-fast,.15s ease)}.membership-card-download-btn:hover:not(:disabled){background:var(--v2-primary-hover);border-color:var(--v2-primary-hover)}.membership-card-download-btn:disabled{cursor:wait;opacity:.65}.membership-card-download-btn .material-icons{font-size:18px}.membership-card-download-error{background:var(--status-danger-bg);border:1px solid var(--status-danger-border);border-radius:6px;border-radius:var(--v2-radius-md,6px);color:var(--status-danger);font-size:13px;font-size:var(--v2-font-size-sm,13px);font-weight:500;font-weight:var(--v2-font-weight-medium,500);padding:12px 16px;padding:var(--v2-space-3,12px) var(--v2-space-4,16px)}@media (max-width:640px){.membership-card-actions,.membership-card-download-btn{width:100%}}.membership-card{background:#0a0a0f;border-radius:16px;box-shadow:0 14px 32px #0000002e,0 0 0 1px #f5c5424d,inset 0 1px 0 #ffffff0d;margin:0;max-width:500px;overflow:hidden;padding:18px;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.membership-card--exporting,.membership-card--exporting *{animation:none!important;transition:none!important}.membership-card--exporting .membership-card__holographic,.membership-card--exporting .membership-card__holographic-alt{opacity:0!important}.membership-card:before{background-image:repeating-linear-gradient(-45deg,#0000,#0000 15px,#0000004d 0,#0000004d 30px),repeating-linear-gradient(45deg,#0000,#0000 15px,#0003 0,#0003 30px);bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0}.membership-card:hover{box-shadow:0 18px 38px #00000038,0 0 0 1px #f5c54280,inset 0 1px 0 #ffffff1a}.membership-card__bg-pattern{background-image:linear-gradient(0deg,#0000,#0000 5%,#00000040 0,#00000040 8%,#0000 0,#0000 15%,#00000026 0,#00000026 16%,#0000 0,#0000 22%,#0000004d 0,#0000004d 26%,#0000 0,#0000 28%,#0003 0,#0003 30%,#0000 0,#0000 40%,#00000040 0,#00000040 44%,#0000 0,#0000 48%,#00000026 0,#00000026 49%,#0000 0,#0000 55%,#0000004d 0,#0000004d 60%,#0000 0,#0000 65%,#0003 0,#0003 67%,#0000 0,#0000 75%,#00000040 0,#00000040 79%,#0000 0,#0000 82%,#00000026 0,#00000026 83%,#0000 0,#0000 90%,#0000004d 0,#0000004d 95%,#0000 0);bottom:0;left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.membership-card__jawi-watermark{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.15;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.membership-card__jawi-text{color:#f5c54299;font-size:.82rem;font-weight:600;letter-spacing:2px;line-height:2;text-align:center;text-orientation:upright;-webkit-user-select:none;user-select:none;writing-mode:vertical-rl}.membership-card:hover .membership-card__jawi-text{color:#f5c542cc}.membership-card__holographic{background:linear-gradient(135deg,#fff0,#ffffff0d 25%,#f5c5421a 50%,#ffffff0d 75%,#fff0);background-size:200% 200%;bottom:0;left:0;mix-blend-mode:overlay;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .5s ease;z-index:10}.membership-card:hover .membership-card__holographic{background-position:100% 100%;opacity:1}.membership-card__holographic-alt{background:radial-gradient(circle at center,#f5c5420d 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:all .8s ease;width:200%;z-index:5}.membership-card:hover .membership-card__holographic-alt{opacity:1;transform:scale(1.2)}.membership-card__header{align-items:center;border-bottom:1px solid #f5c54247;display:flex;gap:10px;margin-bottom:14px;padding-bottom:12px;position:relative;z-index:1}.membership-card__logo{align-items:center;background:linear-gradient(135deg,#f5c542,#d4a855);border-radius:10px;box-shadow:0 4px 15px #f5c54266;display:flex;height:40px;justify-content:center;overflow:hidden;padding:4px;width:40px}.membership-card__logo-img{border-radius:8px;height:100%;object-fit:contain;width:100%}.membership-card__logo-icon{font-size:2rem}.membership-card__org{flex:1 1}.membership-card__org-name{color:#f5c542;font-size:1rem;font-weight:800;letter-spacing:2px;text-shadow:0 2px 4px #0000004d}.membership-card__org-subtitle{color:#fffc;font-size:.62rem;letter-spacing:.5px;margin-top:4px}.membership-card__body{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:108px 1fr;position:relative;z-index:1}.membership-card__photo-section{display:flex;flex-direction:column;gap:10px}.membership-card__photo-frame{background:linear-gradient(135deg,#1a1a24,#2a2a34);border:3px solid #f5c542;border-radius:10px;box-shadow:0 8px 25px #0006,0 0 0 1px #f5c54280;height:120px;overflow:hidden;width:96px}.membership-card__photo{height:100%;object-fit:cover;width:100%}.membership-card__photo-placeholder{align-items:center;background:linear-gradient(135deg,#f5c542,#d4a855);display:flex;height:100%;justify-content:center;width:100%}.membership-card__photo-initials{color:#000;font-size:2rem;font-weight:800;-webkit-user-select:none;user-select:none}.membership-card__id-badge{background:linear-gradient(135deg,#f5c542,#d4a855);border-radius:9px;box-shadow:0 4px 15px #f5c54266;padding:7px 8px;text-align:center}.membership-card__id-label{color:#000000b3;font-size:.62rem;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.membership-card__id-value{color:#000;font-family:Courier New,monospace;font-size:.66rem;font-weight:800;letter-spacing:1px}.membership-card__info-section{display:flex;flex-direction:column;gap:10px}.membership-card__name{color:#fff;font-size:1.08rem;font-weight:800;letter-spacing:1px;line-height:1.2;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.membership-card__details{display:flex;flex-direction:column;gap:6px}.membership-card__detail-row{align-items:center;background:#0000004d;border:1px solid #f5c54226;border-radius:8px;display:flex;justify-content:space-between;padding:6px 8px;transition:all .2s ease}.membership-card__detail-row:hover{background:#0006;border-color:#f5c54266;box-shadow:0 2px 8px #f5c5421a}.membership-card__detail-label{align-items:center;color:#ffffffb3;display:flex;font-size:.64rem;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.membership-card__detail-label .material-icons{color:#f5c542;font-size:16px}.membership-card__detail-value{color:#fff;font-size:.72rem;font-weight:600}.membership-card__detail-value--mono{font-family:Courier New,monospace;letter-spacing:1px}.membership-card__belt-section{background:#00000057;border:1px solid #f5c54233;border-radius:12px;box-shadow:inset 0 2px 4px #0000004d;padding:9px}.membership-card__belt-label{color:#ffffffb3;font-size:.62rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.membership-card__belt-display{display:flex;flex-direction:column;gap:8px}.membership-card__belt-name{color:#f5c542;font-size:.74rem;font-weight:700;text-align:center}.membership-card__footer{align-items:center;border-top:1px solid #f5c54247;display:flex;justify-content:space-between;margin-top:14px;padding-top:10px;position:relative;z-index:1}.membership-card__footer-text{color:#fff9;font-size:.66rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.membership-card__footer-code{background:#f5c5421a;border:1px solid #f5c5424d;border-radius:6px;color:#f5c542;font-family:Courier New,monospace;font-size:.72rem;font-weight:700;padding:4px 12px}@media (max-width:768px){.membership-card{margin:0 auto;max-width:500px;padding:16px}.membership-card__jawi-watermark{display:none}.membership-card__body{gap:12px;grid-template-columns:92px 1fr}.membership-card__photo-section{align-items:flex-start;flex-direction:column;gap:10px}.membership-card__photo-frame{height:104px;width:82px}.membership-card__photo-initials{font-size:1.7rem}.membership-card__id-badge{flex:1 1}.membership-card__name{font-size:.98rem}.membership-card__org-name{font-size:.95rem}.membership-card__org-subtitle{font-size:.58rem}.membership-card__footer{display:none}}@media (max-width:480px){.membership-card{max-width:100%;padding:16px}.membership-card__jawi-watermark{display:none}.membership-card__photo-section{align-items:center;flex-direction:row;grid-column:1/-1}.membership-card__photo-frame{height:116px;width:92px}.membership-card__name{font-size:1rem}.membership-card__body{grid-template-columns:1fr}.membership-card__detail-row{align-items:flex-start;flex-direction:column;gap:4px}}.fm-container{background:#0000;margin:0;max-width:100%;padding:0}.fm-loading{align-items:center;color:#ffffff80;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.fm-loading-icon{animation:pulse 2s ease-in-out infinite;color:#f5c542;font-size:64px;margin-bottom:16px;opacity:.5}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.fm-header{background:linear-gradient(135deg,#1e293bf2,#334155f2);border-bottom:2px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;padding:24px 32px}.fm-header,.fm-header-content{align-items:center;display:flex;gap:16px}.fm-header-icon{color:#f5c542;font-size:48px}.fm-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.fm-subtitle{color:#ffffff80;font-size:.9rem;margin:4px 0 0}.fm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;min-height:44px;padding:12px 24px;touch-action:manipulation;transition:all .2s}.fm-btn-primary{background:linear-gradient(135deg,#f5c542,#e6b532);box-shadow:0 4px 12px #f5c5424d;color:#000}.fm-btn-primary:hover{box-shadow:0 6px 16px #f5c54266;transform:translateY(-2px)}.fm-btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.fm-btn-secondary:hover{background:#ffffff26}.fm-btn:focus-visible,.fm-icon-btn:focus-visible,.fm-modal-close:focus-visible{outline:3px solid #f5c54299;outline-offset:2px}.fm-icon-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s;width:40px}.fm-icon-btn:hover{background:#fff3;transform:scale(1.05)}.fm-icon-btn-danger{color:#ff6b6b}.fm-icon-btn-danger:hover{background:#ff6b6b33}.fm-content{background:var(--v2-surface-canvas);padding:32px}.fm-parent-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:32px;overflow:hidden;padding:24px;position:relative}.fm-parent-card:before{background:radial-gradient(circle,#f5c5421a 0,#0000 70%);content:"";height:200px;pointer-events:none;position:absolute;right:0;top:0;width:200px}.fm-card-badge{background:#f5c542;border-radius:6px;color:#000;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding:6px 12px;text-transform:uppercase}.fm-card-content{align-items:flex-start;display:flex;gap:24px}.fm-card-photo{border:3px solid #f5c542;border-radius:12px;flex-shrink:0;height:100px;overflow:hidden;width:100px}.fm-card-photo img{height:100%;object-fit:cover;width:100%}.fm-card-photo-placeholder{align-items:center;background:#ffffff1a;display:flex;height:100%;justify-content:center;width:100%}.fm-card-photo-placeholder .material-icons{color:#ffffff80;font-size:48px}.fm-card-info{flex:1 1}.fm-card-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 4px}.fm-card-id{color:var(--v2-text-secondary);font-family:Courier New,monospace;font-size:.9rem;margin:0 0 16px}.fm-card-details{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.fm-card-detail{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:8px}.fm-card-detail .material-icons{color:var(--v2-primary);font-size:18px}.fm-card-belt{align-items:center;display:flex;gap:12px;margin-top:16px}.fm-card-belt-name{color:var(--v2-text-primary);font-size:.95rem;font-weight:600}.fm-children-section{margin-top:0;padding:32px}.fm-section-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0 0 24px}.fm-section-title .material-icons{color:var(--v2-primary);font-size:32px}.fm-empty{background:#ffffff08;border:2px dashed #ffffff1a;border-radius:12px;padding:60px 20px;text-align:center}.fm-empty-icon{color:#fff3;font-size:64px;margin-bottom:16px}.fm-empty-text{color:#ffffffb3;font-size:1.1rem;font-weight:600;margin:0 0 8px}.fm-empty-subtext{color:#ffffff80;font-size:.9rem;margin:0}.fm-children-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.fm-child-card{background:linear-gradient(135deg,#1e293bcc,#334155cc);border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .2s}.fm-child-card:hover{border-color:#f5c5424d;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.fm-child-card-header{align-items:flex-start;background:#ffffff0d;display:flex;justify-content:space-between;padding:16px}.fm-child-card-photo{border:2px solid #f5c542;border-radius:8px;height:60px;overflow:hidden;width:60px}.fm-child-card-photo img{height:100%;object-fit:cover;width:100%}.fm-child-card-photo-placeholder{align-items:center;background:#f5c5421a;display:flex;height:100%;justify-content:center;width:100%}.fm-child-card-photo-placeholder .material-icons{color:var(--v2-primary);font-size:32px}.fm-child-card-actions{display:flex;gap:8px}.fm-child-card-body{padding:16px}.fm-child-card-name{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 4px}.fm-child-card-id{color:#ffffff80;font-family:Courier New,monospace;font-size:.8rem;margin:0 0 16px}.fm-child-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.fm-child-card-info-item{align-items:center;color:var(--v2-text-secondary);display:flex;font-size:.85rem;gap:8px}.fm-child-card-info-item .material-icons{color:var(--v2-text-muted);font-size:16px}.fm-child-card-belt{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:8px;padding-top:12px}.fm-child-card-belt-name{color:var(--v2-text-primary);font-size:.85rem;font-weight:600}.fm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.fm-modal{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.fm-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.fm-modal-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.fm-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.fm-modal-close:hover{background:#fff3;transform:rotate(90deg)}.fm-modal-form{padding:24px}.fm-photo-upload-section{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:24px}.fm-photo-upload-label{color:var(--v2-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:12px}.fm-photo-upload-container{display:flex;flex-direction:column;gap:12px}.fm-photo-upload-preview{align-self:center;border:3px solid #f5c542;border-radius:12px;height:120px;overflow:hidden;position:relative;width:120px}.fm-photo-preview-img{height:100%;object-fit:cover;width:100%}.fm-photo-preview-placeholder{align-items:center;background:#ffffff0d;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;width:100%}.fm-photo-preview-placeholder .material-icons{color:var(--v2-text-muted);font-size:48px}.fm-photo-preview-placeholder p{color:#ffffff80;font-size:.85rem;margin:0}.fm-photo-preview-uploading{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.fm-photo-preview-uploading .material-icons{animation:spin 1s linear infinite;color:#f5c542;font-size:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fm-photo-upload-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.fm-photo-upload-hint{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;gap:6px;justify-content:center;margin:0}.fm-photo-upload-hint .material-icons{font-size:16px}.fm-photo-upload-subtext{color:#ffffff73;font-size:.8rem;margin:0;text-align:center}.fm-photo-progress{align-self:center;background:#ffffff14;border-radius:999px;height:10px;max-width:320px;overflow:hidden;position:relative;width:100%}.fm-photo-progress-bar{background:linear-gradient(90deg,#f5c542,#e6b532);height:100%;transition:width .2s ease}.fm-photo-progress-text{color:var(--v2-text-primary);font-size:.7rem;font-weight:700;position:absolute;right:10px;text-shadow:none;top:50%;transform:translateY(-50%)}.fm-form-group{margin-bottom:20px}.fm-form-group label{color:#fff;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.fm-form-group input,.fm-form-group select{border-radius:8px;font-size:.95rem;padding:12px;transition:all .2s;width:100%}.fm-form-group input::placeholder{color:var(--v2-text-muted)}.fm-form-group input:focus,.fm-form-group select:focus{outline:none}.fm-form-group input:disabled{cursor:not-allowed;opacity:.5}.fm-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.fm-modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}@media (max-width:768px){.fm-header{align-items:flex-start;flex-direction:column;padding:20px}.fm-title{font-size:1.25rem}.fm-children-section{padding:20px}.fm-card-content{flex-direction:column}.fm-children-grid,.fm-form-row{grid-template-columns:1fr}.fm-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}}@media (max-width:640px){.fm-icon-btn{height:44px;width:44px}}.fm-container,.fm-content{background:#0000;color:var(--v2-text-primary)}.fm-child-card,.fm-empty-state,.fm-header,.fm-modal,.fm-parent-card{background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs)}.fm-header{border-bottom:1px solid var(--v2-border-subtle)}.fm-parent-card:before{display:none}.fm-header-icon,.fm-loading-icon{color:var(--v2-primary)}.fm-card-name,.fm-child-name,.fm-form-group label,.fm-modal-title,.fm-title{color:var(--v2-text-primary)}.fm-card-detail,.fm-child-detail,.fm-empty-text,.fm-form-group input::placeholder,.fm-loading,.fm-subtitle{color:var(--v2-text-muted)}.fm-btn,.fm-icon-btn,.fm-modal-close{border-radius:var(--v2-radius-md);box-shadow:none;min-height:44px;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast),color var(--v2-transition-fast),transform var(--v2-transition-fast)}.fm-btn-primary{background:var(--v2-primary);border:1px solid var(--v2-primary);color:#fff}.fm-btn-primary:hover{background:var(--v2-primary-hover);border-color:var(--v2-primary-hover);box-shadow:none;transform:translateY(-1px)}.fm-btn-secondary,.fm-icon-btn,.fm-modal-close{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.fm-btn-secondary:hover,.fm-icon-btn:hover,.fm-modal-close:hover{background:var(--v2-primary-bg);border-color:var(--v2-primary-border);color:var(--v2-primary);transform:none}.fm-icon-btn-danger{color:var(--v2-danger)}.fm-icon-btn-danger:hover{background:var(--v2-danger-bg);border-color:var(--v2-danger-border);color:var(--v2-danger)}.fm-btn:focus-visible,.fm-icon-btn:focus-visible,.fm-modal-close:focus-visible{outline:3px solid var(--v2-primary-bg)}.fm-card-badge{background:var(--v2-primary-bg);border:1px solid var(--v2-primary-border);border-radius:var(--v2-radius-pill);color:var(--v2-primary);letter-spacing:0}.fm-card-photo,.fm-child-photo{border:2px solid var(--v2-primary-border);box-shadow:none}.fm-card-photo-placeholder,.fm-child-photo-placeholder{background:var(--v2-bg-muted)}.fm-card-photo-placeholder .material-icons,.fm-child-photo-placeholder .material-icons,.fm-empty-icon{color:var(--v2-primary)}.fm-form-group input,.fm-form-group select{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);min-height:44px}.fm-form-group input:focus,.fm-form-group select:focus{background:var(--v2-bg-card);border-color:var(--v2-primary);box-shadow:0 0 0 3px var(--v2-primary-bg)}.fm-form-group input:disabled{background:var(--v2-bg-muted);color:var(--v2-text-muted)}.fm-modal-overlay{background:#0f172a7a}.fm-modal-actions{border-top:1px solid var(--v2-border-subtle)}@media (max-width:768px){.fm-modal{border-radius:var(--v2-radius-lg);margin:1rem;max-height:calc(100vh - 2rem)}}.member-dashboard-modern{--mdm-bg-primary:var(--v2-surface-canvas);--mdm-bg-secondary:var(--v2-surface-card);--mdm-bg-tertiary:var(--v2-surface-card);--mdm-bg-card:var(--v2-surface-card);--mdm-bg-card-hover:var(--v2-surface-hover);--mdm-border:var(--v2-border-default);--mdm-gold:var(--brand-gold);--mdm-gold-dark:var(--brand-gold-hover);--mdm-gold-light:var(--brand-gold-bg);--mdm-green:var(--status-success);--mdm-green-dark:var(--status-success);--mdm-green-light:var(--status-success-bg);--mdm-text-primary:var(--v2-text-primary);--mdm-text-secondary:var(--v2-text-secondary);--mdm-text-muted:var(--v2-text-muted);--mdm-glass-bg:var(--v2-surface-card);--mdm-glass-border:var(--v2-border-default);--mdm-success:var(--status-success);--mdm-warning:var(--status-warning);--mdm-error:var(--status-danger);--mdm-shadow-sm:var(--v2-shadow-xs);--mdm-shadow-md:var(--v2-shadow-sm);--mdm-shadow-lg:var(--v2-shadow-sm);--mdm-shadow-xl:var(--v2-shadow-md);--mdm-glow:none;background:var(--mdm-bg-primary);min-height:100vh}.member-dashboard-modern .dashboard-content{animation:fadeIn .2s ease-out;background:var(--mdm-bg-primary);padding:32px 32px 48px}.member-dashboard-modern .dashboard-content>.container{display:flex;flex-direction:column;gap:var(--v2-space-5);margin:0 auto;max-width:1520px;padding:0}@media (min-width:1280px){.member-dashboard-modern .dashboard-content{padding:40px 40px 56px}}@media (max-width:600px){.member-dashboard-modern .dashboard-content{padding:16px 16px 32px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.member-dashboard-modern .dashboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ff2;border-bottom:1px solid var(--mdm-border);box-shadow:none}.member-dashboard-modern .dashboard-header:before{display:none}.member-dashboard-modern .dashboard-brand{color:var(--mdm-text-primary)}.member-dashboard-modern .dashboard-brand .brand-full,.member-dashboard-modern .dashboard-brand .brand-short{color:var(--mdm-gold);font-weight:700}.member-dashboard-modern .header-logo{border:2px solid var(--mdm-gold);border-radius:10px}.member-dashboard-modern .dashboard-banner{background:linear-gradient(135deg,var(--mdm-green-dark) 0,var(--mdm-bg-primary) 100%);border:none;border-bottom:1px solid var(--mdm-border)}.member-dashboard-modern .dashboard-banner:before{background:radial-gradient(ellipse at 30% 50%,#f5c5421a 0,#0000 60%);opacity:1}.member-dashboard-modern .dashboard-banner .banner-icon img,.member-dashboard-modern .dashboard-banner .banner-icon svg{filter:brightness(0) saturate(100%) invert(77%) sepia(58%) saturate(458%) hue-rotate(359deg) brightness(98%) contrast(92%)}.member-dashboard-modern .dashboard-banner .pantun-line{color:var(--mdm-text-primary);text-shadow:0 2px 4px #0000004d}.member-dashboard-modern .sidebar{background:linear-gradient(180deg,var(--mdm-bg-secondary) 0,var(--mdm-bg-tertiary) 100%);border-right:1px solid var(--mdm-border)}.member-dashboard-modern .sidebar-header{background:#0000;border-bottom:1px solid var(--mdm-border)}.member-dashboard-modern .dashboard-footer{background:var(--mdm-bg-tertiary);border-top:1px solid var(--mdm-border);color:var(--mdm-text-muted)}.member-dashboard-modern .dashboard-footer:before{display:none}.member-dashboard-modern .mdm-welcome-banner{align-items:center;background:linear-gradient(135deg,var(--mdm-green-dark) 0,var(--mdm-bg-primary) 100%);border:1px solid var(--mdm-gold);border-radius:24px;box-shadow:var(--mdm-shadow-xl),var(--mdm-glow);color:#fff;display:flex;justify-content:space-between;margin-bottom:40px;overflow:hidden;padding:64px 40px;position:relative}.member-dashboard-modern .mdm-welcome-banner:after{display:none}.member-dashboard-modern .mdm-welcome-content{align-items:center;display:flex;gap:24px;position:relative;z-index:1}.member-dashboard-modern .mdm-welcome-avatar{border:3px solid var(--mdm-gold);border-radius:50%;box-shadow:0 8px 20px #f5c5424d;flex-shrink:0;height:80px;width:80px}.member-dashboard-modern .mdm-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.member-dashboard-modern .mdm-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--mdm-gold),var(--mdm-gold-dark));border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.member-dashboard-modern .mdm-avatar-initials{color:#000;font-size:2rem;font-weight:800;-webkit-user-select:none;user-select:none}.member-dashboard-modern .mdm-welcome-text h1{color:var(--mdm-text-primary);font-size:2.5rem;font-weight:800;margin-bottom:12px}.member-dashboard-modern .mdm-welcome-meta{align-items:center;color:var(--mdm-gold-light);display:flex;flex-wrap:wrap;font-size:1rem;gap:12px}.member-dashboard-modern .mdm-meta-item{align-items:center;background:#f5c5421a;border:1px solid #f5c54233;border-radius:8px;display:flex;font-weight:600;gap:6px;padding:6px 14px}.member-dashboard-modern .mdm-meta-item .material-icons{color:var(--mdm-gold);font-size:18px}.member-dashboard-modern .mdm-meta-divider{color:#ffffff4d;font-weight:300}.member-dashboard-modern .mdm-dashboard-stack{display:flex;flex-direction:column;gap:var(--v2-space-5)}.member-dashboard-modern .mdm-dashboard-hero{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);display:flex;gap:var(--v2-space-5);justify-content:space-between;padding:var(--v2-space-6)}.member-dashboard-modern .mdm-dashboard-hero__copy{min-width:0}.member-dashboard-modern .mdm-eyebrow{color:var(--v2-primary);display:block;font-size:var(--v2-font-size-xs);font-weight:800;letter-spacing:.08em;margin-bottom:var(--v2-space-2);text-transform:uppercase}.member-dashboard-modern .mdm-dashboard-hero h1{color:var(--v2-text-primary);font-size:2rem;font-weight:800;letter-spacing:0;line-height:1.15;margin:0}.member-dashboard-modern .mdm-dashboard-hero p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-base);line-height:1.55;margin:var(--v2-space-2) 0 0;max-width:720px}.member-dashboard-modern .mdm-dashboard-hero__identity{align-items:center;background:var(--v2-surface-subtle);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-md);display:flex;flex:0 0 auto;gap:var(--v2-space-3);min-width:240px;padding:var(--v2-space-3)}.member-dashboard-modern .mdm-dashboard-hero__avatar{align-items:center;background:var(--brand-gold-bg);border:2px solid var(--brand-gold-border);border-radius:50%;display:flex;flex:0 0 56px;height:56px;justify-content:center;overflow:hidden;width:56px}.member-dashboard-modern .mdm-dashboard-hero__avatar img{display:block;height:100%;object-fit:cover;width:100%}.member-dashboard-modern .mdm-dashboard-hero__avatar span{color:var(--v2-primary);font-size:1.35rem;font-weight:800}.member-dashboard-modern .mdm-dashboard-hero__identity span{color:var(--v2-text-muted);display:block;font-size:var(--v2-font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.member-dashboard-modern .mdm-dashboard-hero__identity strong{color:var(--v2-text-primary);display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--v2-font-size-sm);letter-spacing:0;margin-top:2px}.member-dashboard-modern .mdm-overview-layout{grid-gap:var(--v2-space-5);align-items:stretch;display:grid;gap:var(--v2-space-5);grid-template-columns:minmax(0,500px) minmax(280px,1fr)}.member-dashboard-modern .mdm-overview-main,.member-dashboard-modern .mdm-overview-side{min-width:0}.member-dashboard-modern .mdm-overview-main{align-self:start;display:flex;justify-content:flex-start}.member-dashboard-modern .mdm-overview-side{grid-gap:var(--v2-space-4);display:grid;gap:var(--v2-space-4);grid-auto-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.member-dashboard-modern .mdm-overview-side .mdm-info-card{justify-content:center}.member-dashboard-modern .mdm-info-card--wide{grid-column:1/-1}.member-dashboard-modern .mdm-quickstats{grid-gap:var(--v2-space-4);display:grid;gap:var(--v2-space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.member-dashboard-modern .mdm-quickstat{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);display:flex;flex-direction:column;gap:var(--v2-space-1);min-width:0;padding:var(--v2-space-4) var(--v2-space-5);text-align:left}.member-dashboard-modern .mdm-quickstat__label{align-items:center;color:var(--v2-text-secondary);display:flex;font-size:var(--v2-font-size-sm);font-weight:600;gap:6px}.member-dashboard-modern .mdm-quickstat__label .material-icons{color:var(--v2-primary);font-size:18px}.member-dashboard-modern .mdm-quickstat__value{color:var(--v2-text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.member-dashboard-modern .mdm-quickstat__value--danger{color:var(--mdm-error)}.member-dashboard-modern .mdm-quickstat__value--badge{margin:2px 0}.member-dashboard-modern .mdm-quickstat__sub{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs)}.member-dashboard-modern .mdm-quickstat--action{cursor:pointer;font-family:inherit;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast),transform var(--v2-transition-fast)}.member-dashboard-modern .mdm-quickstat--action:hover{border-color:var(--v2-primary);box-shadow:var(--v2-shadow-sm)}.member-dashboard-modern .mdm-quickstat--action:active{transform:translateY(1px)}.member-dashboard-modern .mdm-info-card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);display:flex;flex-direction:column;gap:var(--v2-space-3);padding:var(--v2-space-4) var(--v2-space-5)}.member-dashboard-modern .mdm-info-card__header{align-items:center;display:flex;gap:var(--v2-space-2)}.member-dashboard-modern .mdm-info-card__icon{align-items:center;background:var(--v2-surface-subtle);border-radius:var(--v2-radius-md);color:var(--v2-primary);display:inline-flex;flex:0 0 32px;height:32px;justify-content:center;width:32px}.member-dashboard-modern .mdm-info-card__icon .material-icons{font-size:18px}.member-dashboard-modern .mdm-info-card__label{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.member-dashboard-modern .mdm-info-card__body{display:flex;flex-direction:column;gap:4px}.member-dashboard-modern .mdm-info-card__body--belt{gap:var(--v2-space-2)}.member-dashboard-modern .mdm-info-card__body--belt .mdm-stat-belt{width:100%}.member-dashboard-modern .mdm-info-card__title{color:var(--v2-text-primary);font-size:var(--v2-font-size-base);font-weight:700}.member-dashboard-modern .mdm-info-card__meta{color:var(--v2-text-muted);font-size:var(--v2-font-size-sm)}.member-dashboard-modern .mdm-info-card__link{align-items:center;background:none;border:none;color:var(--v2-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--v2-font-size-sm);font-weight:700;gap:2px;margin-top:var(--v2-space-1);padding:0}.member-dashboard-modern .mdm-info-card__link .material-icons{font-size:18px}.member-dashboard-modern .mdm-info-card__link:hover{text-decoration:underline}.member-dashboard-modern .mdm-info-card__badges{display:flex;flex-wrap:wrap;gap:var(--v2-space-2)}.member-dashboard-modern .mdm-stats-grid{grid-gap:var(--v2-space-4);display:grid;gap:var(--v2-space-4);grid-auto-rows:minmax(128px,auto);grid-template-columns:repeat(4,1fr);margin-bottom:0}.member-dashboard-modern .mdm-stats-grid--compact{gap:var(--v2-space-4);grid-template-columns:repeat(3,1fr)}.member-dashboard-modern .mdm-stats-grid--compact .mdm-stat-card--gold,.member-dashboard-modern .mdm-stats-grid--compact .mdm-stat-card--green{grid-column:span 3}.member-dashboard-modern .mdm-stat-card--full{grid-column:1/-1}.member-dashboard-modern .mdm-stat-card--featured{padding:32px 24px}.member-dashboard-modern .mdm-stat-card{background:var(--mdm-bg-card);border:1px solid var(--mdm-glass-border);border-radius:var(--v2-radius-lg);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:var(--v2-space-5);position:relative;text-align:left;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast)}.member-dashboard-modern .mdm-overview-side .mdm-stat-card{min-height:auto;padding:var(--v2-space-4)}.member-dashboard-modern .mdm-stat-card:hover{background:var(--mdm-bg-card-hover);border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-sm)}.member-dashboard-modern .card{border-radius:var(--v2-radius-lg);box-shadow:var(--v2-shadow-xs);overflow:hidden;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast)}.member-dashboard-modern .card:hover{border-color:var(--v2-border-strong);box-shadow:var(--v2-shadow-sm)}.member-dashboard-modern .card-header{background:#0000;border-bottom:1px solid var(--mdm-border);padding:24px 32px}.member-dashboard-modern .card h2,.member-dashboard-modern .card h3,.member-dashboard-modern .card h4{margin:0}.member-dashboard-modern .card-body{padding:32px}.member-dashboard-modern .mdm-section-header{background:var(--v2-surface-card);border-bottom:1px solid var(--v2-border-default);padding:var(--v2-space-5) var(--v2-space-6) var(--v2-space-4)}.member-dashboard-modern .mdm-section-header h3{align-items:center;color:var(--v2-text-primary);display:flex;font-size:var(--v2-font-size-lg);font-weight:700;gap:var(--v2-space-2);margin:0}.member-dashboard-modern .mdm-section-header h3 .material-icons{color:var(--v2-primary);font-size:20px}.member-dashboard-modern .mdm-section-header p{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);margin:var(--v2-space-1) 0 0}.member-dashboard-modern .mdm-section-body{padding:var(--v2-space-6)}.member-dashboard-modern .mdm-stat-card--gold{background:var(--brand-gold-bg);border-color:var(--brand-gold-border);border-left:3px solid var(--brand-gold)}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-label,.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-value{color:var(--v2-text-primary)!important}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-icon .material-icons{color:var(--v2-primary)!important}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-content{width:100%}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-belt-group{justify-content:space-between;width:100%}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-belt{max-width:320px}.member-dashboard-modern .mdm-stat-card--gold{justify-content:flex-start}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-header{margin-bottom:12px}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-content{margin-top:4px}.member-dashboard-modern .mdm-stat-card--gold:hover{background:var(--brand-gold-bg);border-color:var(--brand-gold-border);box-shadow:var(--v2-shadow-sm)}.member-dashboard-modern .mdm-stat-card--green{background:var(--status-success-bg);border-color:var(--status-success-border);border-left:3px solid var(--status-success)}.member-dashboard-modern .mdm-stat-card--green .mdm-stat-label,.member-dashboard-modern .mdm-stat-card--green .mdm-stat-value{color:var(--v2-text-primary)}.member-dashboard-modern .mdm-stat-card--green:hover{background:var(--status-success-bg);border-color:var(--status-success-border);box-shadow:var(--v2-shadow-sm)}.member-dashboard-modern .mdm-stat-icon{margin-bottom:0}.member-dashboard-modern .mdm-stat-icon .material-icons{color:var(--v2-primary);font-size:24px}.member-dashboard-modern .mdm-stat-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.member-dashboard-modern .mdm-stat-label{color:var(--mdm-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:0;text-transform:uppercase}.member-dashboard-modern .mdm-stat-value{color:var(--mdm-text-primary);display:block;font-size:1.8rem;font-weight:800;margin-bottom:8px}.member-dashboard-modern .mdm-stat-value--compact{font-size:1rem;margin-bottom:0}.member-dashboard-modern .mdm-empty-value{color:var(--mdm-text-muted);font-size:var(--v2-font-size-sm);font-weight:600}.member-dashboard-modern .mdm-stat-content{align-items:center;display:flex;justify-content:flex-start;min-height:48px}.member-dashboard-modern .mdm-stat-content--horizontal{gap:20px;justify-content:flex-start}.member-dashboard-modern .mdm-stat-card .belt-visual{margin:0 auto}.member-dashboard-modern .mdm-stat-belt{max-width:220px;width:100%}.member-dashboard-modern .mdm-stat-belt-group{align-items:center;display:flex;gap:16px}.member-dashboard-modern .mdm-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.member-dashboard-modern .mdm-badge--success{background:#10b98133;border:1px solid #10b98166;color:var(--mdm-success)}.member-dashboard-modern .mdm-badge--warning{background:#f59e0b33;border:1px solid #f59e0b66;color:var(--mdm-warning)}.member-dashboard-modern .mdm-badge--error{background:#ef444433;border:1px solid #ef444466;color:var(--mdm-error)}.member-dashboard-modern .mdm-sandang-badge{border:2px solid #0000001a;border-radius:12px;box-shadow:0 4px 12px #00000026;display:inline-block;font-size:1rem;font-weight:700;padding:10px 20px}.member-dashboard-modern .mdm-jawatan-list{align-items:center;display:flex;flex-direction:column;gap:8px}.member-dashboard-modern .mdm-jawatan-list--inline{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:var(--v2-space-2);justify-content:flex-start}.member-dashboard-modern .mdm-jawatan-badge{border-radius:10px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:8px 16px}.member-dashboard-modern .mdm-jawatan-badge--pertubuhan{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.member-dashboard-modern .mdm-jawatan-badge--persilatan{background:linear-gradient(135deg,#059669,#047857)}.member-dashboard-modern .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--mdm-bg-card);border:1px solid var(--mdm-glass-border);color:var(--mdm-text-primary)}.member-dashboard-modern .card:hover{border-color:var(--mdm-gold)}.member-dashboard-modern .card h2,.member-dashboard-modern .card h3,.member-dashboard-modern .card h4{color:var(--mdm-text-primary)}.member-dashboard-modern .card p{color:var(--mdm-text-secondary)}.member-dashboard-modern .mdm-tabs{background:var(--mdm-bg-secondary);border-bottom:2px solid var(--mdm-border);display:flex}.member-dashboard-modern .mdm-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--mdm-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:-2px;padding:16px 24px;transition:all .3s ease}.member-dashboard-modern .mdm-tab:hover{background:var(--v2-surface-subtle);color:var(--v2-primary)}.member-dashboard-modern .mdm-tab--active{background:var(--mdm-bg-card);border-bottom-color:var(--v2-primary);color:var(--v2-primary)}.member-dashboard-modern .btn{border-radius:10px;font-weight:600;transition:all .3s ease}.member-dashboard-modern .btn-primary{background:linear-gradient(135deg,var(--mdm-gold),var(--mdm-gold-dark));border:none;box-shadow:0 4px 15px #f5c5424d;color:#000}.member-dashboard-modern .btn-primary:hover{background:linear-gradient(135deg,var(--mdm-gold-light),var(--mdm-gold));box-shadow:0 6px 20px #f5c54266;transform:translateY(-2px)}.member-dashboard-modern .btn-secondary{background:var(--mdm-bg-card);border:1px solid var(--mdm-glass-border);color:var(--mdm-text-primary)}.member-dashboard-modern .btn-secondary:hover{background:#f5c5421a;border-color:var(--mdm-gold);color:var(--v2-primary)}.member-dashboard-modern .form-input,.member-dashboard-modern .form-select,.member-dashboard-modern input,.member-dashboard-modern select,.member-dashboard-modern textarea{background:var(--mdm-bg-secondary);border:1px solid var(--mdm-glass-border);border-radius:10px;color:var(--mdm-text-primary)}.member-dashboard-modern .form-input:focus,.member-dashboard-modern .form-select:focus,.member-dashboard-modern input:focus,.member-dashboard-modern select:focus,.member-dashboard-modern textarea:focus{border-color:var(--mdm-gold);box-shadow:0 0 0 3px #f5c54226;outline:none}.member-dashboard-modern .form-input::placeholder,.member-dashboard-modern input::placeholder,.member-dashboard-modern textarea::placeholder{color:var(--mdm-text-muted)}.member-dashboard-modern .form-label,.member-dashboard-modern label{color:var(--mdm-text-secondary);font-weight:600}.member-dashboard-modern .spinner{color:var(--v2-primary)}.member-dashboard-modern ::-webkit-scrollbar{height:8px;width:8px}.member-dashboard-modern ::-webkit-scrollbar-track{background:var(--mdm-bg-secondary)}.member-dashboard-modern ::-webkit-scrollbar-thumb{background:var(--mdm-gold-dark);border-radius:4px}.member-dashboard-modern ::-webkit-scrollbar-thumb:hover{background:var(--mdm-gold)}.member-dashboard-modern .gv-header,.member-dashboard-modern .id-header{border-bottom:2px solid var(--mdm-border);margin-bottom:0;padding:32px 32px 24px}.member-dashboard-modern .gallery-view,.member-dashboard-modern .info-display{padding:0}.member-dashboard-modern .gv-filters{border-bottom:1px solid var(--mdm-border);margin-bottom:0;padding:24px 32px}.member-dashboard-modern .gv-grid,.member-dashboard-modern .gv-loading{padding:32px}.member-dashboard-modern .id-table-card{border:none;border-radius:0;border-top:1px solid var(--mdm-border);margin:0}.member-dashboard-modern .id-empty{padding:60px 32px}.member-dashboard-modern .gv-header__title,.member-dashboard-modern .id-header__title{align-items:center;color:var(--mdm-text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0}.member-dashboard-modern .gv-header__title:before{content:"📸";font-size:1.5rem}.member-dashboard-modern .id-header__title:before{content:"📢";font-size:1.5rem}.member-dashboard-modern .gv-header__subtitle,.member-dashboard-modern .id-header__subtitle{color:var(--mdm-text-secondary);font-size:.95rem;margin-top:4px}@media (max-width:768px){.member-dashboard-modern .mdm-dashboard-hero,.member-dashboard-modern .mdm-dashboard-hero__identity{align-items:flex-start}.member-dashboard-modern .mdm-dashboard-hero{flex-direction:column;padding:var(--v2-space-5)}.member-dashboard-modern .mdm-dashboard-hero h1{font-size:1.55rem}.member-dashboard-modern .mdm-dashboard-hero__identity{min-width:0;width:100%}.member-dashboard-modern .mdm-overview-layout{gap:var(--v2-space-4);grid-template-columns:1fr}.member-dashboard-modern .mdm-overview-side{grid-template-columns:1fr}.member-dashboard-modern .mdm-welcome-banner{padding:32px 24px}.member-dashboard-modern .mdm-welcome-content{flex-direction:column;text-align:center}.member-dashboard-modern .mdm-welcome-avatar{height:64px;width:64px}.member-dashboard-modern .mdm-avatar-initials{font-size:1.5rem}.member-dashboard-modern .mdm-welcome-text h1{font-size:2rem}.member-dashboard-modern .mdm-welcome-text p{font-size:1rem}.member-dashboard-modern .mdm-stats-grid{gap:16px;grid-template-columns:1fr}.member-dashboard-modern .mdm-stats-grid>.mdm-stat-card{grid-column:1/-1!important}.member-dashboard-modern .mdm-stat-card{padding:20px 16px}.member-dashboard-modern .mdm-stat-value{font-size:1.5rem}.member-dashboard-modern .mdm-stat-icon .material-icons{font-size:28px}.member-dashboard-modern .mdm-stat-content--horizontal{align-items:flex-start;flex-direction:column;gap:12px}.member-dashboard-modern .mdm-stat-belt{max-width:100%}.member-dashboard-modern .mdm-stat-belt-group{align-items:flex-start;flex-direction:column;gap:12px}.member-dashboard-modern .mdm-stat-card--gold .mdm-stat-belt-group{align-items:flex-start}.member-dashboard-modern .mdm-stat-label{letter-spacing:1px}}@media (max-width:480px){.member-dashboard-modern .mdm-stats-grid{grid-template-columns:1fr}.member-dashboard-modern .mdm-welcome-text h1{font-size:1.75rem}.member-dashboard-modern .mdm-tab{font-size:.9rem;padding:12px 16px}}.pending-approval{align-items:flex-start;background:var(--v2-surface-canvas);color:var(--v2-text-primary);display:flex;font-family:var(--v2-font-family);justify-content:center;min-height:100vh;overflow-x:hidden;padding:80px 24px 48px;position:relative}.pending-approval__bg{background:radial-gradient(ellipse at 20% 20%,var(--brand-gold-bg) 0,#0000 55%),radial-gradient(ellipse at 80% 80%,var(--v2-primary-bg) 0,#0000 55%);inset:0;pointer-events:none;position:absolute}[data-theme=dark] .pending-approval__bg{background:radial-gradient(ellipse at 20% 20%,#f4c4300f 0,#0000 55%),radial-gradient(ellipse at 80% 80%,#2e7d320f 0,#0000 55%)}.pending-approval__theme-toggle{position:absolute;right:24px;top:24px;z-index:10}.pending-approval__theme-toggle .v2-btn{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);color:var(--v2-text-secondary)}.pending-approval__theme-toggle .v2-btn:hover{background:var(--v2-surface-hover);color:var(--v2-text-primary)}@media (max-width:600px){.pending-approval{padding:64px 16px 32px}.pending-approval__theme-toggle{right:12px;top:12px}}.pending-approval__card{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-xl);box-shadow:var(--v2-shadow-md);max-width:520px;padding:32px;position:relative;width:100%;z-index:1}@media (max-width:480px){.pending-approval__card{border-radius:var(--v2-radius-lg);padding:24px 20px}}.pending-approval__header{margin-bottom:24px;text-align:center}.pending-approval__icon-wrap{align-items:center;background:var(--brand-gold-bg);border:1px solid var(--brand-gold-border);border-radius:var(--v2-radius-full);box-shadow:var(--v2-shadow-xs);color:var(--brand-gold);display:inline-flex;height:72px;justify-content:center;margin-bottom:16px;width:72px}[data-theme=dark] .pending-approval__icon-wrap{background:#f4c4301f;border-color:#f4c43059;color:var(--heritage-gold)}.pending-approval__title{color:var(--v2-text-primary);font-size:var(--v2-font-size-xl);font-weight:700;line-height:1.25;margin:0 0 6px}.pending-approval__status{align-items:center;background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--v2-radius-full);color:var(--status-warning);display:inline-flex;font-size:var(--v2-font-size-xs);font-weight:600;gap:4px;letter-spacing:.06em;margin-top:8px;padding:2px 10px;text-transform:uppercase}.pending-approval__message{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);line-height:1.6;margin:0 0 20px;text-align:center}.pending-approval__message strong{color:var(--v2-text-primary);font-weight:600}.pending-approval__details{background:var(--v2-surface-canvas);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-lg);margin-bottom:20px;padding:16px}[data-theme=dark] .pending-approval__details{background:#ffffff05}.pending-approval__details-title{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:.06em;margin:0 0 12px;text-transform:uppercase}.pending-approval__detail-row{align-items:center;border-bottom:1px solid var(--v2-border-subtle);display:flex;font-size:var(--v2-font-size-sm);gap:10px;padding:8px 0}.pending-approval__detail-row:last-of-type{border-bottom:0;padding-bottom:0}.pending-approval__detail-row:first-of-type{padding-top:0}.pending-approval__detail-label{align-items:center;color:var(--v2-text-secondary);display:inline-flex;flex-shrink:0;font-weight:500;gap:6px;min-width:96px}.pending-approval__detail-label svg{color:var(--v2-text-muted)}.pending-approval__detail-value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary);font-weight:500;word-break:break-word}.pending-approval__detail-value--muted{color:var(--v2-text-muted);font-style:italic;font-weight:400}.pending-approval__note{align-items:flex-start;background:var(--brand-gold-bg);border:1px solid var(--brand-gold-border);border-radius:var(--v2-radius-md);color:#92400e;display:flex;font-size:var(--v2-font-size-xs);gap:8px;line-height:1.5;margin-top:14px;padding:10px 12px}[data-theme=dark] .pending-approval__note{background:#f4c43014;border-color:#f4c4304d;color:var(--heritage-gold)}.pending-approval__note svg{flex-shrink:0;margin-top:1px}.pending-approval__note strong{color:inherit;font-weight:600}.pending-approval__steps{background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--v2-radius-lg);margin-bottom:24px;padding:16px}.pending-approval__steps-title{align-items:center;color:var(--status-info);display:flex;font-size:var(--v2-font-size-sm);font-weight:600;gap:6px;margin:0 0 10px}.pending-approval__steps-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.pending-approval__steps-list li{align-items:flex-start;color:var(--v2-text-secondary);display:flex;font-size:var(--v2-font-size-sm);gap:8px;line-height:1.5}.pending-approval__steps-list li:before{background:var(--status-info);border-radius:50%;content:"";flex-shrink:0;height:5px;margin-top:8px;width:5px}.pending-approval__check-btn{align-items:center;background:var(--v2-primary);border:1px solid #0000;border-radius:var(--v2-radius-md);color:var(--v2-primary-fg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--v2-font-size-base);font-weight:700;gap:8px;justify-content:center;margin-bottom:10px;padding:12px 16px;transition:background var(--v2-transition-fast),opacity var(--v2-transition-fast);width:100%}.pending-approval__check-btn:hover:not(:disabled){background:var(--v2-primary-hover)}.pending-approval__check-btn:disabled{cursor:default;opacity:.7}.pending-approval__auto-hint{color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);line-height:1.6;margin:0 0 16px;text-align:center}@keyframes pending-approval-spin{to{transform:rotate(1turn)}}.pending-approval__spin{animation:pending-approval-spin .8s linear infinite}.pending-approval__return-btn{align-items:center;background:var(--v2-surface-card);border:1px solid var(--v2-border-strong);border-radius:var(--v2-radius-md);color:var(--v2-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--v2-font-size-base);font-weight:600;gap:8px;justify-content:center;padding:11px 16px;transition:background var(--v2-transition-fast),border-color var(--v2-transition-fast);width:100%}.pending-approval__return-btn:hover{background:var(--v2-surface-hover);border-color:var(--v2-text-muted)}.pending-approval__help{border-top:1px solid var(--v2-border-subtle);color:var(--v2-text-muted);font-size:var(--v2-font-size-xs);line-height:1.6;margin:16px 0 0;padding-top:16px;text-align:center}.pending-approval__help strong{color:var(--v2-text-primary);font-weight:600}.landing-page{background:var(--white);display:flex;flex-direction:column;min-height:100vh}.landing-nav{background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 100%);border-bottom:2px solid var(--border-primary);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.nav-content{justify-content:space-between;padding:var(--space-4) 0}.nav-content,.nav-logo{align-items:center;display:flex}.nav-logo{gap:var(--space-3);text-decoration:none}.nav-logo .logo-img{border:2px solid var(--border-primary);border-radius:var(--radius-md);height:50px;object-fit:contain;width:50px}.nav-logo .logo-text{color:var(--primary);font-size:var(--font-size-xl);font-weight:700}.nav-links{align-items:center;display:flex;gap:var(--space-4)}.nav-link{border-radius:var(--radius-md);color:#ffffffe6;font-weight:500;padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:#f4c4301a;color:var(--primary)}.hero-section{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:var(--text-inverse);overflow:hidden;padding:var(--space-16) 0;position:relative}.hero-section:before{background:radial-gradient(circle at 20% 50%,#f4c4301a 0,#0000 50%),radial-gradient(circle at 80% 50%,#f4c43014 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-text{max-width:600px}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}.hero-title .highlight{color:var(--primary)}.hero-subtitle{font-size:var(--font-size-lg);line-height:1.6;opacity:.95}.hero-cta,.hero-subtitle{margin-bottom:var(--space-6)}.hero-cta{display:flex;gap:var(--space-4)}.hero-taglines{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-top:var(--space-6);padding:var(--space-5)}.tagline-primary{color:var(--primary);font-size:var(--font-size-xl);font-style:italic;font-weight:600;margin-bottom:var(--space-2);margin-top:0}.tagline-secondary{color:#ffffffd9;font-size:var(--font-size-base);font-style:italic;margin:0}.hero-image,.hero-logo-wrapper{align-items:center;display:flex;justify-content:center}.hero-logo-wrapper{background:#ffffff1a;border:3px solid var(--primary);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;height:400px;width:400px}.hero-logo{height:90%;object-fit:contain;width:90%}.stats-section{background:var(--gray-50);padding:var(--space-12) 0}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);text-align:center;transition:transform var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{font-size:3rem;margin-bottom:var(--space-3)}.stat-number{color:var(--secondary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-2)}.stat-label{color:var(--gray-600);font-size:var(--font-size-base);font-weight:500}.features-section{background:var(--white);padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-12);text-align:center}.section-title{color:var(--secondary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-3)}.section-subtitle{color:var(--gray-600);font-size:var(--font-size-lg)}.features-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:var(--space-4)}.feature-title{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3)}.feature-description{color:var(--gray-600);line-height:1.6}.about-preview-section{background:var(--gray-50);padding:var(--space-16) 0}.about-preview-content{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.about-preview-description{color:var(--gray-700);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-4)}.about-preview-image{display:flex;justify-content:center}.preview-logo{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);height:auto;max-width:400px;width:100%}.cta-section{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:var(--text-inverse);padding:var(--space-16) 0;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-4)}.cta-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-6);opacity:.95}.landing-footer{background:linear-gradient(135deg,var(--surface-dark) 0,#0d0d0d 100%);border-top:3px solid var(--border-primary);color:var(--text-inverse);padding:var(--space-12) 0 var(--space-6) 0}.footer-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.footer-title{color:var(--primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4)}.footer-text{color:#fffc;line-height:1.6;margin-bottom:var(--space-2)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:#fffc;text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:var(--space-6);text-align:center}.footer-copyright{color:#ffffffb3;margin-bottom:var(--space-2)}.footer-tagline{color:var(--primary);font-style:italic;font-weight:500}.page-header{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);color:var(--text-inverse);padding:var(--space-12) 0;text-align:center}.page-title{font-size:3rem;font-weight:700;margin-bottom:var(--space-3)}.page-subtitle{font-size:var(--font-size-xl);opacity:.95}.page-meta{font-size:var(--font-size-sm);margin-top:var(--space-2);opacity:.8}.content-section{flex:1 1;padding:var(--space-12) 0}.content-block{margin-bottom:var(--space-8)}.content-title{color:var(--secondary);font-size:2rem;font-weight:600;margin-bottom:var(--space-4)}.content-list,.content-text{color:var(--gray-700);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--space-4)}.content-list{margin-left:var(--space-6)}.content-list li{margin-bottom:var(--space-2)}.highlight-block{border-left:4px solid var(--primary);padding:var(--space-6)}.content-cta,.highlight-block{background:var(--gray-50);border-radius:var(--radius-lg)}.content-cta{margin-top:var(--space-8);padding:var(--space-8);text-align:center}.content-cta h2{color:var(--secondary);font-size:2rem;margin-bottom:var(--space-3)}.content-cta p{color:var(--gray-600);font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.timeline-item{margin-bottom:var(--space-8);position:relative}.timeline-year{color:var(--primary);font-size:var(--font-size-xl);font-weight:700;left:calc(var(--space-8)*-1 - 60px);position:absolute;text-align:right;top:0;width:60px}.timeline-item:before{background:var(--primary);border:3px solid var(--white);border-radius:50%;box-shadow:0 0 0 3px var(--primary);content:"";height:15px;left:calc(var(--space-8)*-1 - 6px);position:absolute;top:8px;width:15px}.timeline-content h3{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.timeline-content p{color:var(--gray-700);line-height:1.6}.activities-grid,.leadership-grid,.location-grid,.vision-mission-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.activity-card,.leader-card,.location-card,.vm-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6)}.activity-card h3,.leader-card h3,.location-card h3,.vm-card h3{color:var(--secondary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}.leader-name{color:var(--secondary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.leader-title{color:var(--gray-600);font-style:italic}.activity-card ul{list-style:none;padding:0}.activity-card li{border-bottom:1px solid var(--gray-200);padding:var(--space-2) 0}.activity-card li:last-child{border-bottom:none}.achievements-list{display:flex;flex-direction:column;gap:var(--space-6)}.achievement-item{background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-6)}.achievement-icon{flex-shrink:0;font-size:3rem}.achievement-content h3{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.achievement-content p{color:var(--gray-700);line-height:1.6}.membership-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6)}.membership-stat{background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.contact-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.contact-info{flex-direction:column}.contact-card,.contact-info{display:flex;gap:var(--space-4)}.contact-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-fast)}.contact-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.contact-icon{flex-shrink:0;font-size:2rem}.contact-details h3{color:var(--secondary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.contact-details p{color:var(--gray-700);line-height:1.6}.contact-details a{color:var(--secondary);text-decoration:none}.contact-details a:hover{color:var(--primary)}.contact-form-wrapper{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-6)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.alert{border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.legal-content{margin:0 auto;max-width:900px}.legal-content h3{color:var(--secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3);margin-top:var(--space-4)}.objectives-list{color:var(--gray-700);font-size:var(--font-size-lg);line-height:1.8;margin-left:var(--space-6)}.objectives-list li{margin-bottom:var(--space-3)}.contact-info-box{background:var(--gray-50);border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-6)}.contact-info-box p{line-height:1.8;margin:0}@media (max-width:1024px){.about-preview-content,.contact-grid,.hero-content{grid-template-columns:1fr}.hero-logo-wrapper{height:300px;width:300px}.timeline{padding-left:var(--space-6)}.timeline-year{margin-bottom:var(--space-2);position:static;text-align:left;width:auto}}@media (max-width:768px){.nav-links{display:none}.hero-title{font-size:2rem}.hero-cta{flex-direction:column}.page-title,.section-title{font-size:2rem}.features-grid,.footer-grid,.stats-grid{grid-template-columns:1fr}}.lm-legal-content{margin:0 auto;max-width:900px}.lm-content-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #f5c5421a;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-8);transition:all .3s ease}.lm-content-block:hover{background:#ffffff0d;border-color:#f5c54233;transform:translateY(-2px)}.lm-content-title{align-items:center;color:var(--brand-gold);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:var(--space-3);margin-bottom:var(--space-4)}.lm-content-title .material-icons{color:var(--brand-gold);font-size:28px}.lm-content-subtitle{border-left:3px solid var(--brand-gold);color:var(--lm-text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3);margin-top:var(--space-5);padding-left:var(--space-4)}.lm-content-text{color:var(--lm-text-secondary);font-size:var(--font-size-base);line-height:1.8;margin-bottom:var(--space-4)}.lm-content-text:last-child{margin-bottom:0}.lm-content-list{list-style:none;margin:var(--space-4) 0;padding:0}.lm-content-list li{color:var(--lm-text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--space-3);padding-left:var(--space-6);position:relative}.lm-content-list li:before{color:var(--brand-gold);content:"✓";font-size:18px;font-weight:700;left:0;position:absolute;top:0}.lm-contact-info-box{background:#f5c5420d;border:1px solid #f5c54233;border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-5)}.lm-contact-info-box p{color:var(--lm-text-primary);font-size:var(--font-size-base);line-height:1.8;margin:0}.lm-contact-info-box strong{color:var(--brand-gold);display:block;margin-bottom:var(--space-2)}.lm-content-cta{background:linear-gradient(135deg,#f5c5421a,#4caf501a);border:1px solid #f5c54233;border-radius:var(--radius-lg);margin-top:var(--space-8);padding:var(--space-8) var(--space-4);text-align:center}.lm-content-cta .lm-content-text{color:var(--lm-text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-5)}.lm-link{border-bottom:1px solid #0000;color:var(--brand-gold);font-weight:600;text-decoration:none;transition:all .3s ease}.lm-link:hover{border-bottom-color:var(--brand-gold-light);color:var(--brand-gold-light)}@media (max-width:768px){.lm-content-block{margin-bottom:var(--space-4);padding:var(--space-5)}.lm-content-title{font-size:var(--font-size-lg);gap:var(--space-2)}.lm-content-title .material-icons{font-size:24px}.lm-content-subtitle{font-size:var(--font-size-base)}.lm-content-list li,.lm-content-text{font-size:var(--font-size-sm)}.lm-contact-info-box{padding:var(--space-4)}.lm-content-cta{padding:var(--space-6) var(--space-3)}}.chatbot-widget{bottom:24px;font-family:var(--v2-font-family);position:fixed;right:24px;z-index:9999}.chatbot-fab{align-items:center;background:var(--v2-primary);border:none;border-radius:var(--v2-radius-full);box-shadow:var(--v2-shadow-md);cursor:pointer;display:flex;height:52px;justify-content:center;overflow:hidden;position:relative;transition:background var(--v2-transition-fast),transform var(--v2-transition-fast),box-shadow var(--v2-transition-fast);width:52px}.chatbot-fab:hover{background:var(--v2-primary-hover);box-shadow:var(--v2-shadow-lg);transform:translateY(-1px)}.chatbot-fab .material-icons{color:#fff;font-size:26px;z-index:2}.chatbot-fab:after{display:none}@keyframes pulse-gold{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.chatbot-window{animation:float-up .4s cubic-bezier(.16,1,.3,1);background:var(--v2-bg-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-xl);bottom:68px;box-shadow:var(--v2-shadow-overlay);display:flex;flex-direction:column;height:min(520px,calc(100vh - 116px));min-height:360px;overflow:hidden;position:absolute;right:0;transform-origin:bottom right;width:min(360px,calc(100vw - 32px))}@keyframes float-up{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chatbot-header{align-items:center;background:var(--v2-bg-card);border-bottom:1px solid var(--v2-border-subtle);display:flex;justify-content:space-between;padding:14px 16px}.chatbot-header-title{align-items:center;color:var(--v2-text-primary);display:flex;font-size:.95rem;font-weight:600;gap:10px}.chatbot-status{background-color:var(--v2-success);border-radius:50%;box-shadow:none;height:8px;width:8px}.chatbot-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--v2-radius-md);color:var(--v2-text-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background var(--v2-transition-fast),color var(--v2-transition-fast),border-color var(--v2-transition-fast);width:36px}.chatbot-close:hover{background:var(--v2-bg-muted);border-color:var(--v2-border-subtle);color:var(--v2-text-primary)}.chatbot-messages{background:var(--v2-bg-app);display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#0000}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--v2-border-default);border-radius:3px}.message{word-wrap:break-word;animation:message-pop .3s ease-out;border-radius:var(--v2-radius-lg);font-size:.9rem;line-height:1.5;max-width:80%;padding:10px 12px}@keyframes message-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{align-self:flex-start;background:var(--v2-bg-card);border:1px solid var(--v2-border-subtle);border-bottom-left-radius:var(--v2-radius-xs);color:var(--v2-text-primary)}.message.user{align-self:flex-end;background:var(--v2-primary);border-bottom-right-radius:var(--v2-radius-xs);box-shadow:none;color:#fff}.message-loading{align-self:flex-start;display:flex;gap:5px;padding:15px}.dot{animation:typing 1.4s ease-in-out infinite both;background:var(--v2-text-muted);border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-input-area{align-items:center;background:var(--v2-bg-card);border-top:1px solid var(--v2-border-subtle);display:flex;gap:10px;padding:12px}.chatbot-input{background:var(--v2-bg-elevated);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-pill);color:var(--v2-text-primary);flex:1 1;font-size:.9rem;min-height:44px;outline:none;padding:10px 15px;transition:border-color var(--v2-transition-fast),box-shadow var(--v2-transition-fast)}.chatbot-input:focus{background:var(--v2-bg-card);border-color:var(--v2-primary);box-shadow:0 0 0 3px var(--v2-primary-bg)}.chatbot-send{align-items:center;background:var(--v2-primary);border:none;border-radius:var(--v2-radius-full);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background var(--v2-transition-fast),transform var(--v2-transition-fast);width:44px}.chatbot-send:hover{background:var(--v2-primary-hover);transform:translateY(-1px)}.chatbot-send:disabled{background:var(--v2-bg-muted);color:var(--v2-text-disabled);cursor:not-allowed;transform:none}.message.bot strong{color:var(--v2-primary);font-weight:600}.message.bot ul{margin:5px 0 5px 20px;padding:0}.message.bot li{margin-bottom:4px}@media (max-width:480px){.chatbot-widget{bottom:16px;right:16px}.chatbot-window{border-radius:var(--v2-radius-xl);bottom:64px;height:min(560px,calc(100vh - 96px));min-height:0;right:0;width:calc(100vw - 32px)}}@font-face{font-display:block;font-family:Material Icons;font-style:normal;font-weight:400;src:url(/static/media/material-icons.0c35d18bf06992036b69.woff2) format("woff2"),url(/static/media/material-icons.4d73cb90e394b34b7670.woff) format("woff")}.material-icons{font-feature-settings:"liga";font-family:Material Icons}@font-face{font-display:block;font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(/static/media/material-icons-outlined.6f420cf17cc0d7676fad.woff2) format("woff2"),url(/static/media/material-icons-outlined.f882956fd323fd322f31.woff) format("woff")}.material-icons,.material-icons-outlined{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-outlined{font-feature-settings:"liga";font-family:Material Icons Outlined}@font-face{font-display:block;font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(/static/media/material-icons-round.c380809fd3677d7d6903.woff2) format("woff2"),url(/static/media/material-icons-round.5d681e2edae8c60630db.woff) format("woff")}.material-icons-round{font-feature-settings:"liga";font-family:Material Icons Round}@font-face{font-display:block;font-family:Material Icons Sharp;font-style:normal;font-weight:400;src:url(/static/media/material-icons-sharp.219aa9140e099e6c72ed.woff2) format("woff2"),url(/static/media/material-icons-sharp.3a4004a46a653d4b2166.woff) format("woff")}.material-icons-round,.material-icons-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-icons-sharp{font-feature-settings:"liga";font-family:Material Icons Sharp}@font-face{font-display:block;font-family:Material Icons Two Tone;font-style:normal;font-weight:400;src:url(/static/media/material-icons-two-tone.4ef4218c522f1eb6b5b1.woff2) format("woff2"),url(/static/media/material-icons-two-tone.3baa5b8f3469222b822d.woff) format("woff")}.material-icons-two-tone{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons Two Tone;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.admin-form-modal,.admin-management,.belt-form-modal,.belt-mgmt,.bl-settings,.branch-form-modal,.branch-management,.chatbot-widget,.cloudinary-usage-container,.events-container,.fm-container,.gallery-view,.hq-dash,.info-display,.jawatan-form-modal,.jawatan-mgmt,.media-library,.member-dashboard-modern,.notification-debug-page,.notification-prompt-overlay,.notification-settings,.payment-settings-container,.qr-upload-container,.sandang-form-modal,.sandang-mgmt,.user-profile{color:var(--v2-text-primary);font-family:var(--v2-font-family)}.admin-management,.belt-mgmt,.bl-settings,.branch-management,.cloudinary-usage-container,.events-container,.fm-container,.gallery-view,.info-display,.jawatan-mgmt,.media-library,.payment-settings-container,.qr-upload-container,.sandang-mgmt,.user-profile{background:var(--v2-surface-card)!important;border-color:var(--v2-border-default)!important}.admin-management__header,.am-header,.belt-mgmt__header,.bl-header,.bl-settings__header,.bm-header,.branch-management__header,.cu-header,.ec-header,.events-container__header,.fm-container__header,.fm-header,.gv-header,.id-header,.jawatan-mgmt__header,.jm-header,.ml-header,.payment-settings-container__header,.ps-header,.qr-header,.qr-upload-container__header,.sandang-mgmt__header,.user-profile__header{background:linear-gradient(135deg,var(--v2-primary-bg) 0,var(--v2-surface-card) 100%)!important;border-bottom:1px solid var(--v2-border-default)!important;color:var(--v2-text-primary)!important}[data-theme=dark] .admin-management__header,[data-theme=dark] .am-header,[data-theme=dark] .belt-mgmt__header,[data-theme=dark] .bl-header,[data-theme=dark] .bl-settings__header,[data-theme=dark] .bm-header,[data-theme=dark] .branch-management__header,[data-theme=dark] .cu-header,[data-theme=dark] .ec-header,[data-theme=dark] .events-container__header,[data-theme=dark] .fm-container__header,[data-theme=dark] .fm-header,[data-theme=dark] .gv-header,[data-theme=dark] .id-header,[data-theme=dark] .jawatan-mgmt__header,[data-theme=dark] .jm-header,[data-theme=dark] .ml-header,[data-theme=dark] .payment-settings-container__header,[data-theme=dark] .ps-header,[data-theme=dark] .qr-header,[data-theme=dark] .qr-upload-container__header,[data-theme=dark] .sandang-mgmt__header,[data-theme=dark] .user-profile__header{background:linear-gradient(135deg,#f4c4301a 0,var(--v2-surface-card) 100%)!important}.admin-management__title,.am-title,.belt-mgmt__title,.bl-title,.bm-title,.branch-management__title,.cu-title,.ec-title,.fm-title,.gv-title,.id-title,.jawatan-mgmt__title,.jm-title,.ml-title,.ps-title,.qr-title,.sandang-mgmt__title,.user-profile__title{color:var(--v2-text-primary)!important;text-shadow:none!important}.admin-management__subtitle,.belt-mgmt__subtitle,.bl-subtitle,.branch-management__subtitle,.cu-subtitle,.ec-subtitle,.fm-subtitle,.gv-subtitle,.id-subtitle,.jawatan-mgmt__subtitle,.ml-subtitle,.ps-subtitle,.qr-subtitle,.sandang-mgmt__subtitle,.user-profile__subtitle{color:var(--v2-text-secondary)!important}.admin-management__bento-card,.am-bento-card,.belt-mgmt__bento-card,.bl-card,.bm-bento-card,.branch-management__bento-card,.cu-card,.ec-card,.fm-card,.gv-card,.hq-dash__card,.id-card,.jawatan-mgmt__bento-card,.jm-bento-card,.member-dashboard-modern__card,.ml-card,.notification-settings__card,.ps-card,.qr-card,.sandang-mgmt__bento-card,.user-profile__card{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;box-shadow:var(--v2-shadow-xs)!important;color:var(--v2-text-primary)!important}.admin-management__stat,.belt-mgmt__stat,.bl-stat,.branch-management__stat,.ec-stat,.fm-stat,.gv-stat,.jawatan-mgmt__stat,.ml-stat,.ps-stat,.sandang-mgmt__stat{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;box-shadow:none!important;color:var(--v2-text-primary)!important}.admin-management__stat-value,.belt-mgmt__stat-value,.bl-stat-value,.branch-management__stat-value,.ec-stat-value,.fm-stat-value,.jawatan-mgmt__stat-value,.ml-stat-value,.ps-stat-value,.sandang-mgmt__stat-value{font-feature-settings:var(--v2-font-feature-tabular);color:var(--v2-text-primary)!important}.admin-management__stat-label,.belt-mgmt__stat-label,.bl-stat-label,.branch-management__stat-label,.ec-stat-label,.fm-stat-label,.jawatan-mgmt__stat-label,.ml-stat-label,.ps-stat-label,.sandang-mgmt__stat-label{color:var(--v2-text-muted)!important}.admin-management__filters,.am-filters,.belt-mgmt__filters,.bl-filters,.bm-filters,.branch-management__filters,.cu-filters,.ec-filters,.fm-filters,.gv-filters,.jawatan-mgmt__filters,.jm-filters,.ml-filters,.ps-filters,.sandang-mgmt__filters{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;color:var(--v2-text-primary)!important}.admin-form-modal input,.admin-form-modal select,.admin-form-modal textarea,.admin-management input[type=date],.admin-management input[type=email],.admin-management input[type=number],.admin-management input[type=password],.admin-management input[type=search],.admin-management input[type=tel],.admin-management input[type=text],.admin-management select,.admin-management textarea,.belt-form-modal input,.belt-form-modal select,.belt-form-modal textarea,.belt-mgmt input,.belt-mgmt select,.belt-mgmt textarea,.bl-settings input,.bl-settings select,.bl-settings textarea,.branch-form-modal input,.branch-form-modal select,.branch-form-modal textarea,.branch-management input,.branch-management select,.branch-management textarea,.events-container input,.events-container select,.events-container textarea,.fm-container input,.fm-container select,.fm-container textarea,.gallery-view input,.gallery-view select,.jawatan-form-modal input,.jawatan-form-modal select,.jawatan-form-modal textarea,.jawatan-mgmt input,.jawatan-mgmt select,.jawatan-mgmt textarea,.media-library input,.media-library select,.media-library textarea,.member-dashboard-modern input,.member-dashboard-modern select,.member-dashboard-modern textarea,.notification-settings input,.notification-settings select,.payment-settings-container input,.payment-settings-container select,.payment-settings-container textarea,.qr-upload-container input,.qr-upload-container select,.qr-upload-container textarea,.sandang-form-modal input,.sandang-form-modal select,.sandang-form-modal textarea,.sandang-mgmt input,.sandang-mgmt select,.sandang-mgmt textarea,.user-profile input,.user-profile select,.user-profile textarea{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-strong)!important;border-radius:var(--v2-radius-md)!important;color:var(--v2-text-primary)!important}[class] input::placeholder,[class] textarea::placeholder{color:var(--v2-text-muted)!important}.admin-form-modal input:focus,.admin-form-modal select:focus,.admin-form-modal textarea:focus,.admin-management input:focus,.admin-management select:focus,.admin-management textarea:focus,.belt-form-modal input:focus,.belt-form-modal select:focus,.belt-mgmt input:focus,.belt-mgmt select:focus,.belt-mgmt textarea:focus,.bl-settings input:focus,.bl-settings select:focus,.branch-form-modal input:focus,.branch-form-modal select:focus,.branch-management input:focus,.branch-management select:focus,.branch-management textarea:focus,.events-container input:focus,.events-container select:focus,.events-container textarea:focus,.fm-container input:focus,.fm-container select:focus,.fm-container textarea:focus,.jawatan-form-modal input:focus,.jawatan-form-modal select:focus,.jawatan-mgmt input:focus,.jawatan-mgmt select:focus,.jawatan-mgmt textarea:focus,.media-library input:focus,.media-library select:focus,.member-dashboard-modern input:focus,.member-dashboard-modern select:focus,.member-dashboard-modern textarea:focus,.payment-settings-container input:focus,.payment-settings-container select:focus,.qr-upload-container input:focus,.qr-upload-container select:focus,.sandang-form-modal input:focus,.sandang-form-modal select:focus,.sandang-mgmt input:focus,.sandang-mgmt select:focus,.sandang-mgmt textarea:focus,.user-profile input:focus,.user-profile select:focus,.user-profile textarea:focus{border-color:var(--v2-border-emphasis)!important;box-shadow:0 0 0 3px var(--v2-primary-bg)!important;outline:none!important}.admin-management table,.belt-mgmt table,.bl-settings table,.branch-management table,.events-container table,.fm-container table,.gallery-view table,.jawatan-mgmt table,.media-library table,.member-dashboard-modern table,.payment-settings-container table,.qr-upload-container table,.sandang-mgmt table,.user-profile table{background:#0000!important;border-collapse:collapse;color:var(--v2-text-primary)!important;width:100%}.admin-management thead,.belt-mgmt thead,.bl-settings thead,.branch-management thead,.events-container thead,.fm-container thead,.jawatan-mgmt thead,.media-library thead,.member-dashboard-modern thead,.payment-settings-container thead,.qr-upload-container thead,.sandang-mgmt thead,.user-profile thead{background:var(--v2-surface-hover)!important}.admin-management th,.belt-mgmt th,.bl-settings th,.branch-management th,.events-container th,.fm-container th,.jawatan-mgmt th,.media-library th,.member-dashboard-modern th,.payment-settings-container th,.qr-upload-container th,.sandang-mgmt th,.user-profile th{background:var(--v2-surface-hover)!important;border-bottom:1px solid var(--v2-border-default)!important;color:var(--v2-text-secondary)!important;font-size:var(--v2-font-size-xs)!important;font-weight:600!important;letter-spacing:.04em!important;padding:var(--v2-space-2) var(--v2-space-3)!important;text-transform:uppercase!important}.admin-management td,.belt-mgmt td,.bl-settings td,.branch-management td,.events-container td,.fm-container td,.jawatan-mgmt td,.media-library td,.member-dashboard-modern td,.payment-settings-container td,.qr-upload-container td,.sandang-mgmt td,.user-profile td{background:#0000!important;border-bottom:1px solid var(--v2-border-subtle)!important;color:var(--v2-text-primary)!important;padding:10px var(--v2-space-3)!important}.admin-management tbody tr:hover,.admin-management tbody tr:hover td,.belt-mgmt tbody tr:hover,.belt-mgmt tbody tr:hover td,.bl-settings tbody tr:hover,.bl-settings tbody tr:hover td,.branch-management tbody tr:hover,.branch-management tbody tr:hover td,.events-container tbody tr:hover,.events-container tbody tr:hover td,.fm-container tbody tr:hover,.fm-container tbody tr:hover td,.jawatan-mgmt tbody tr:hover,.jawatan-mgmt tbody tr:hover td,.media-library tbody tr:hover,.media-library tbody tr:hover td,.member-dashboard-modern tbody tr:hover,.member-dashboard-modern tbody tr:hover td,.payment-settings-container tbody tr:hover,.payment-settings-container tbody tr:hover td,.qr-upload-container tbody tr:hover,.qr-upload-container tbody tr:hover td,.sandang-mgmt tbody tr:hover,.sandang-mgmt tbody tr:hover td,.user-profile tbody tr:hover,.user-profile tbody tr:hover td{background:var(--v2-surface-hover)!important}.admin-form-modal button.btn-primary,.admin-management button.btn-primary,.belt-form-modal button.btn-primary,.belt-mgmt button.btn-primary,.bl-settings button.btn-primary,.branch-form-modal button.btn-primary,.branch-management button.btn-primary,.events-container button.btn-primary,.fm-container button.btn-primary,.jawatan-form-modal button.btn-primary,.jawatan-mgmt button.btn-primary,.media-library button.btn-primary,.member-dashboard-modern button.btn-primary,.notification-settings button.btn-primary,.payment-settings-container button.btn-primary,.qr-upload-container button.btn-primary,.sandang-form-modal button.btn-primary,.sandang-mgmt button.btn-primary,.user-profile button.btn-primary{background:var(--v2-primary)!important;border:1px solid #0000!important;box-shadow:none!important;color:var(--v2-primary-fg)!important}.bl-settings button.btn-primary:hover,.notification-settings button.btn-primary:hover,.user-profile button.btn-primary:hover,[class*=-container] button.btn-primary:hover,[class*=-form-modal] button.btn-primary:hover,[class*=-management] button.btn-primary:hover,[class*=-mgmt] button.btn-primary:hover{background:var(--v2-primary-hover)!important}.bl-settings button.btn-secondary,.notification-settings button.btn-secondary,.user-profile button.btn-secondary,[class*=-container] button.btn-secondary,[class*=-form-modal] button.btn-secondary,[class*=-management] button.btn-secondary,[class*=-mgmt] button.btn-secondary{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-strong)!important;box-shadow:none!important;color:var(--v2-text-primary)!important}.bl-settings button.btn-secondary:hover,.user-profile button.btn-secondary:hover,[class*=-container] button.btn-secondary:hover,[class*=-form-modal] button.btn-secondary:hover,[class*=-management] button.btn-secondary:hover,[class*=-mgmt] button.btn-secondary:hover{background:var(--v2-surface-hover)!important}.bl-settings button.btn-danger,.user-profile button.btn-danger,[class*=-container] button.btn-danger,[class*=-form-modal] button.btn-danger,[class*=-management] button.btn-danger,[class*=-mgmt] button.btn-danger{background:var(--v2-surface-card)!important;border:1px solid var(--status-danger-border)!important;box-shadow:none!important;color:var(--status-danger)!important}.bl-settings button.btn-danger:hover,.user-profile button.btn-danger:hover,[class*=-container] button.btn-danger:hover,[class*=-form-modal] button.btn-danger:hover,[class*=-management] button.btn-danger:hover,[class*=-mgmt] button.btn-danger:hover{background:var(--status-danger-bg)!important}[class*=__badge--active],[class*=__badge--approved],[class*=__badge--paid],[class*=__badge--success],[class*=__status--active],[class*=__status-active]{background:var(--status-success-bg)!important;border-color:var(--status-success-border)!important;color:var(--status-success)!important}[class*=__badge--pending],[class*=__badge--warning],[class*=__status--pending],[class*=__status-pending]{background:var(--status-warning-bg)!important;border-color:var(--status-warning-border)!important;color:var(--status-warning)!important}[class*=__badge--danger],[class*=__badge--error],[class*=__badge--failed],[class*=__badge--overdue],[class*=__badge--rejected],[class*=__status--rejected],[class*=__status-rejected]{background:var(--status-danger-bg)!important;border-color:var(--status-danger-border)!important;color:var(--status-danger)!important}[class*=__badge--draft],[class*=__badge--inactive],[class*=__badge--neutral],[class*=__status--inactive],[class*=__status-inactive]{background:var(--v2-surface-hover)!important;border-color:var(--v2-border-default)!important;color:var(--v2-text-muted)!important}[class*=__badge--info],[class*=__status--info]{background:var(--status-info-bg)!important;border-color:var(--status-info-border)!important;color:var(--status-info)!important}[class*=__badge--cikgu],[class*=__badge--gold],[class*=__badge--prestige]{background:var(--brand-gold-bg)!important;border-color:var(--brand-gold-border)!important;color:#92400e!important}.admin-form-modal h1,.admin-form-modal h2,.admin-form-modal h3,.admin-form-modal h4,.admin-management h1,.admin-management h2,.admin-management h3,.admin-management h4,.admin-management h5,.admin-management h6,.belt-form-modal h1,.belt-form-modal h2,.belt-form-modal h3,.belt-form-modal h4,.belt-mgmt h1,.belt-mgmt h2,.belt-mgmt h3,.belt-mgmt h4,.bl-settings h1,.bl-settings h2,.bl-settings h3,.bl-settings h4,.branch-form-modal h1,.branch-form-modal h2,.branch-form-modal h3,.branch-form-modal h4,.branch-management h1,.branch-management h2,.branch-management h3,.branch-management h4,.branch-management h5,.branch-management h6,.cloudinary-usage-container h1,.cloudinary-usage-container h2,.cloudinary-usage-container h3,.cloudinary-usage-container h4,.events-container h1,.events-container h2,.events-container h3,.events-container h4,.fm-container h1,.fm-container h2,.fm-container h3,.fm-container h4,.gallery-view h1,.gallery-view h2,.gallery-view h3,.gallery-view h4,.hq-dash h1,.hq-dash h2,.hq-dash h3,.hq-dash h4,.info-display h1,.info-display h2,.info-display h3,.info-display h4,.jawatan-form-modal h1,.jawatan-form-modal h2,.jawatan-form-modal h3,.jawatan-form-modal h4,.jawatan-mgmt h1,.jawatan-mgmt h2,.jawatan-mgmt h3,.jawatan-mgmt h4,.media-library h1,.media-library h2,.media-library h3,.media-library h4,.member-dashboard-modern h1,.member-dashboard-modern h2,.member-dashboard-modern h3,.member-dashboard-modern h4,.notification-settings h1,.notification-settings h2,.notification-settings h3,.notification-settings h4,.payment-settings-container h1,.payment-settings-container h2,.payment-settings-container h3,.payment-settings-container h4,.qr-upload-container h1,.qr-upload-container h2,.qr-upload-container h3,.qr-upload-container h4,.sandang-form-modal h1,.sandang-form-modal h2,.sandang-form-modal h3,.sandang-form-modal h4,.sandang-mgmt h1,.sandang-mgmt h2,.sandang-mgmt h3,.sandang-mgmt h4,.user-profile h1,.user-profile h2,.user-profile h3,.user-profile h4{color:var(--v2-text-primary)!important}.admin-form-modal p,.admin-management p,.belt-form-modal p,.belt-mgmt p,.bl-settings p,.branch-form-modal p,.branch-management p,.cloudinary-usage-container p,.events-container p,.fm-container p,.gallery-view p,.info-display p,.jawatan-form-modal p,.jawatan-mgmt p,.media-library p,.member-dashboard-modern p,.notification-settings p,.payment-settings-container p,.qr-upload-container p,.sandang-form-modal p,.sandang-mgmt p,.user-profile p{color:var(--v2-text-secondary)}.admin-form-modal,.belt-form-modal,.branch-form-modal,.jawatan-form-modal,.sandang-form-modal{background:var(--v2-surface-card)!important;color:var(--v2-text-primary)!important}.admin-form-modal label,.belt-form-modal label,.bl-settings label,.branch-form-modal label,.events-container label,.jawatan-form-modal label,.member-dashboard-modern label,.notification-settings label,.payment-settings-container label,.qr-upload-container label,.sandang-form-modal label,.user-profile label{color:var(--v2-text-primary)!important;font-weight:500}.notification-debug-page{background:var(--v2-surface-canvas)!important;color:var(--v2-text-primary)!important}.notification-debug-page *{color:inherit}.notification-debug-page code,.notification-debug-page pre{background:var(--v2-surface-hover)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md);color:var(--v2-text-primary)!important}.notification-prompt-overlay{background:#0006}.notification-prompt-overlay .notification-prompt-card,.notification-prompt-overlay>div{background:var(--v2-surface-card);border:1px solid var(--v2-border-default);border-radius:var(--v2-radius-xl);box-shadow:var(--v2-shadow-overlay);color:var(--v2-text-primary)}.chatbot-widget{--cw-bg:var(--v2-surface-card);--cw-border:var(--v2-border-default);--cw-text:var(--v2-text-primary);--cw-primary:var(--v2-primary);color:var(--v2-text-primary)}.hq-dash{background:#0000!important;color:var(--v2-text-primary)!important}.hq-dash__bento,.hq-dash__card,.hq-dash__stat-card{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;box-shadow:var(--v2-shadow-xs);color:var(--v2-text-primary)!important}.member-dashboard-modern{background:var(--v2-surface-canvas)!important;color:var(--v2-text-primary)!important}.member-dashboard-modern .card,.member-dashboard-modern__bento,.member-dashboard-modern__card{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;color:var(--v2-text-primary)!important}.loading-spinner-container .spinner{border-color:var(--v2-border-default);border-top-color:var(--v2-primary)}[class*=-form-modal] .material-icons,[class*=-management] .material-icons,[class*=-mgmt] .material-icons{color:inherit}.dashboard-modern .dashboard-header,.member-dashboard-modern .dashboard-header,body.sidebar-collapsed .dashboard-header,body.sidebar-expanded .dashboard-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#1e3a5f!important;border-bottom:1px solid #f4c43059!important;box-shadow:var(--v2-shadow-sm)!important}.dashboard-modern .dashboard-header:before,.member-dashboard-modern .dashboard-header:before{display:none!important}.dashboard-header .brand-full,.dashboard-header .brand-short,.dashboard-header .dashboard-brand,.dashboard-modern .dashboard-brand,.dashboard-modern .dashboard-brand .brand-full,.dashboard-modern .dashboard-brand .brand-short,.member-dashboard-modern .dashboard-brand,.member-dashboard-modern .dashboard-brand .brand-full,.member-dashboard-modern .dashboard-brand .brand-short{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important;text-shadow:none!important}.dashboard-header .header-logo{border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important}.dashboard-header .sidebar-mobile-toggle .bar{background:#fff!important}.dashboard-banner,.dashboard-banner-compact{background:linear-gradient(135deg,var(--v2-primary-bg) 0,var(--v2-surface-card) 100%)!important;border:none!important;border-bottom:1px solid var(--v2-border-default)!important;color:var(--v2-text-primary)!important;padding:var(--v2-space-4) 0!important}[data-theme=dark] .dashboard-banner,[data-theme=dark] .dashboard-banner-compact{background:linear-gradient(135deg,#f4c43014 0,var(--v2-surface-card) 100%)!important}.dashboard-banner-compact:before,.dashboard-banner:before{background:radial-gradient(ellipse at 30% 50%,var(--brand-gold-bg) 0,#0000 60%)!important;opacity:.5!important}[data-theme=dark] .dashboard-banner-compact:before,[data-theme=dark] .dashboard-banner:before{background:radial-gradient(ellipse at 30% 50%,#f4c43026 0,#0000 60%)!important}.dashboard-banner .banner-pantun,.dashboard-banner .pantun-line,.dashboard-banner-compact .pantun-line-compact{color:var(--v2-text-secondary)!important;font-style:italic;font-weight:500;text-shadow:none!important}.dashboard-banner .banner-icon,.dashboard-banner-compact .banner-icon-compact{filter:none!important}.dashboard-footer{background:var(--v2-surface-card)!important;border-top:1px solid var(--v2-border-default)!important;color:var(--v2-text-secondary)!important;padding:var(--v2-space-6) 0!important}.dashboard-footer:before{display:none!important}.dashboard-footer .pantun-verse,.dashboard-footer .pantun-verses{color:var(--v2-text-secondary)!important;font-style:italic;text-shadow:none!important}.dashboard-footer .footer-divider{background:var(--v2-border-default)!important;height:1px}.dashboard-footer .copyright-text{color:var(--v2-text-secondary)!important}.dashboard-footer .copyright-tagline{color:var(--v2-text-muted)!important;font-style:italic;text-shadow:none!important}.dashboard,.dashboard-modern,.member-dashboard-modern{overflow-x:hidden!important}@media (min-width:1025px){body.sidebar-collapsed .dashboard-content,body.sidebar-collapsed .dashboard-footer,body.sidebar-collapsed .dashboard-header{margin-left:96px!important;max-width:calc(100% - 96px)!important;width:calc(100% - 96px)!important}body.sidebar-expanded .dashboard-content,body.sidebar-expanded .dashboard-footer,body.sidebar-expanded .dashboard-header{margin-left:260px!important;max-width:calc(100% - 260px)!important;width:calc(100% - 260px)!important}}@media (max-width:1024px){body.sidebar-collapsed .dashboard-content,body.sidebar-collapsed .dashboard-footer,body.sidebar-collapsed .dashboard-header,body.sidebar-expanded .dashboard-content,body.sidebar-expanded .dashboard-footer,body.sidebar-expanded .dashboard-header{margin-left:0!important;max-width:100%!important;width:100%!important}}.user-profile{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-lg)!important;box-shadow:var(--v2-shadow-xs)!important;color:var(--v2-text-primary)!important}.user-profile__header{background:linear-gradient(135deg,var(--v2-primary-bg) 0,var(--v2-surface-card) 100%)!important;border-bottom:1px solid var(--v2-border-default)!important}[data-theme=dark] .user-profile__header{background:linear-gradient(135deg,#f4c4301a 0,var(--v2-surface-card) 100%)!important}.user-profile__header-bg{background:radial-gradient(circle,var(--brand-gold-bg) 0,#0000 70%)!important}.user-profile__account-title,.user-profile__info-label,.user-profile__member-name,.user-profile__school,.user-profile__subtitle,.user-profile__title{color:var(--v2-text-primary)!important;text-shadow:none!important}.user-profile__school,.user-profile__subtitle{color:var(--v2-text-secondary)!important}.user-profile__name-card{border:1px solid var(--v2-border-default)!important;border-left:3px solid var(--brand-gold)!important;border-radius:var(--v2-radius-lg)!important}.user-profile__info-card,.user-profile__name-card{background:var(--v2-surface-card)!important;color:var(--v2-text-primary)!important}.user-profile__info-card{border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-lg)!important}.user-profile__info-label{color:var(--v2-text-secondary)!important;font-weight:600}.user-profile__account{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-lg)!important;box-shadow:none!important;color:var(--v2-text-primary)!important}.user-profile__account-title{border-bottom:1px solid var(--v2-border-default)!important;color:var(--v2-text-primary)!important}.user-profile__account-row{background:var(--v2-surface-canvas)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-md)!important;color:var(--v2-text-primary)!important}[data-theme=dark] .user-profile__account-row{background:#ffffff05!important}.user-profile__account-row strong{color:var(--v2-text-secondary)!important}.user-profile__account-row span:not([class]){color:var(--v2-text-primary)!important}.user-profile__role-badge{background:var(--v2-primary-bg)!important;border:1px solid var(--brand-navy-border)!important;border-radius:var(--v2-radius-full)!important;color:var(--v2-primary)!important;font-size:var(--v2-font-size-xs);font-weight:600;letter-spacing:.04em;padding:2px 10px;text-transform:uppercase}.user-profile__branch-code{background:var(--status-success-bg)!important;border:1px solid var(--status-success-border)!important;border-radius:var(--v2-radius-md)!important;color:var(--status-success)!important;font-family:var(--v2-font-family-mono);font-size:var(--v2-font-size-xs);font-weight:600;padding:2px 8px}.user-profile__belt-badge,.user-profile__sandang-badge{border-radius:var(--v2-radius-md)!important;box-shadow:none!important}.user-profile__belt-note{background:var(--brand-gold-bg)!important;border:1px solid var(--brand-gold-border)!important;border-radius:var(--v2-radius-md)!important;color:#92400e!important}[data-theme=dark] .user-profile__belt-note{background:#f4c43014!important;border-color:#f4c4304d!important;color:var(--heritage-gold)!important}.user-profile__jawatan-badge--pertubuhan{background:var(--status-info-bg)!important;border:1px solid var(--status-info-border)!important;border-radius:var(--v2-radius-md)!important;color:var(--status-info)!important}.user-profile__jawatan-badge--persilatan{background:var(--status-success-bg)!important;border:1px solid var(--status-success-border)!important;border-radius:var(--v2-radius-md)!important;color:var(--status-success)!important}.user-profile-card .profile-role,.user-profile__profile-role{background:var(--v2-primary-bg)!important;border:1px solid var(--brand-navy-border)!important;border-radius:var(--v2-radius-full)!important;color:var(--v2-primary)!important}.admin-management__bento-card .card-header,.belt-mgmt__bento-card .card-header,.bl-card .card-header,.branch-management__bento-card .card-header,.cu-card .card-header,.dashboard-modern .card .card-header,.ec-card .card-header,.fm-card .card-header,.gv-card .card-header,.hq-dash__card .card-header,.hq-dash__card .hq-dash__card-header,.id-card .card-header,.jawatan-mgmt__bento-card .card-header,.member-dashboard-modern__card .card-header,.ml-card .card-header,.notification-settings__card .card-header,.ps-card .card-header,.qr-card .card-header,.sandang-mgmt__bento-card .card-header,.user-profile__card .card-header{background:#0000!important;border-bottom:0!important}.admin-management__bento-card,.belt-mgmt__bento-card,.bl-card,.branch-management__bento-card,.cu-card,.ec-card,.fm-card,.gv-card,.hq-dash__card,.id-card,.jawatan-mgmt__bento-card,.member-dashboard-modern__card,.ml-card,.notification-settings__card,.ps-card,.qr-card,.sandang-mgmt__bento-card,.user-profile__card{box-shadow:none!important}.belt-history-v2{background:var(--v2-surface-card)!important;border:1px solid var(--v2-border-default)!important;border-radius:var(--v2-radius-xl)!important;box-shadow:var(--v2-shadow-sm)!important}.belt-history-v2__title{align-items:center!important;color:var(--v2-text-primary)!important;display:flex!important;gap:var(--v2-space-2)!important;margin-bottom:var(--v2-space-6)!important}.belt-history-v2__section-title{color:var(--v2-primary)!important;font-size:var(--v2-font-size-base)!important;font-weight:700!important;letter-spacing:.02em!important;margin-bottom:var(--v2-space-4)!important;text-transform:uppercase!important}.belt-history-v2__timeline{padding-left:var(--v2-space-8);position:relative}.belt-history-v2__line{background:var(--v2-border-default);bottom:8px;left:11px;position:absolute;top:8px;width:2px}.belt-history-v2__dot{border:2px solid var(--v2-surface-card);border-radius:var(--v2-radius-full);box-shadow:0 0 0 2px var(--v2-primary);height:12px;left:-31px;position:absolute;top:4px;width:12px}.belt-history-v2__empty{background:var(--v2-surface-hover);border:1px dashed var(--v2-border-default);border-radius:var(--v2-radius-lg);color:var(--v2-text-muted);padding:var(--v2-space-8);text-align:center}.change-password-v2,.change-password-v2__title{color:var(--v2-text-primary)}.change-password-v2__title{font-size:var(--v2-font-size-xl);font-weight:700;margin:0 0 var(--v2-space-2)}.change-password-v2__subtitle{color:var(--v2-text-secondary);font-size:var(--v2-font-size-sm);margin:0 0 var(--v2-space-6)}.change-password-v2__alert{margin-bottom:var(--v2-space-4)!important}.change-password-v2__grid{grid-gap:var(--v2-space-4);display:grid;gap:var(--v2-space-4);grid-template-columns:1fr;max-width:500px}.change-password-v2__grid--inline{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:100%}.change-password-v2__actions{display:flex;gap:var(--v2-space-3);justify-content:flex-end;margin-top:var(--v2-space-6)}.change-password-v2__actions--inline{justify-content:flex-start}@media (max-width:640px){.change-password-v2__actions,.change-password-v2__actions--inline{flex-direction:column}}.admin-form-modal__btn--primary,.admin-form-modal__btn--primary:hover,.am-btn-primary,.am-view-btn.active,.belt-form-modal__btn--primary,.belt-form-modal__btn--primary:hover,.belt-form-modal__checkbox-custom .material-icons,.belt-mgmt__filter-btn.active,.bl-btn-clear-filters,.bl-btn-create-invoice,.bl-btn-select-all,.bl-submit-btn,.bm-btn-primary,.bm-view-btn.active,.branch-form-modal__btn--primary,.branch-form-modal__btn--primary:hover,.event-detail__btn--primary,.event-detail__contribute-btn,.event-form__submit,.events-create-btn,.events-empty-btn,.fm-btn-primary,.fm-btn-primary:hover,.gv-filter-btn.active,.id-btn-view:hover,.id-modal-overlay .id-btn-view,.jawatan-form-modal__btn--primary,.jawatan-form-modal__btn--primary:hover,.jawatan-form-modal__checkbox-custom .material-icons,.jawatan-mgmt__filter-btn.active,.ml-btn-icon--primary:hover,.notification-settings__btn--primary,.qr-btn--primary,.qr-submit-btn,.qr-upload-btn--primary,.sandang-form-modal__btn--primary,.sandang-form-modal__btn--primary:hover,.sandang-form-modal__checkbox-custom .material-icons,.sandang-mgmt__filter-btn.active{color:var(--v2-primary-fg)!important}.admin-management__bento-card,.belt-mgmt__bento-card,.bl-stat-card,.branch-management__bento-card,.cu-card,.dashboard-section-card,.dm-stat-card,.fm-card,.gv-card,.hq-dash__stat,.id-card,.jawatan-mgmt__bento-card,.mdm-stat-card,.member-mgmt__stat,.ml-card,.notification-settings__card,.ps-card,.qr-card,.sandang-mgmt__bento-card{background-clip:padding-box!important;isolation:isolate;overflow:hidden!important}.admin-management__bento-card:after,.admin-management__bento-card:before,.belt-mgmt__bento-card:after,.belt-mgmt__bento-card:before,.bl-stat-card:after,.bl-stat-card:before,.branch-management__bento-card:after,.branch-management__bento-card:before,.dm-stat-card:after,.dm-stat-card:before,.hq-dash__stat:after,.hq-dash__stat:before,.jawatan-mgmt__bento-card:after,.jawatan-mgmt__bento-card:before,.mdm-stat-card:after,.mdm-stat-card:before,.member-mgmt__stat:after,.member-mgmt__stat:before,.sandang-mgmt__bento-card:after,.sandang-mgmt__bento-card:before{border-radius:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=color]),select,textarea{-webkit-text-fill-color:var(--v2-text-primary)!important;color:var(--v2-text-primary)!important}input::placeholder,textarea::placeholder{-webkit-text-fill-color:var(--v2-text-muted)!important;color:var(--v2-text-muted)!important;opacity:1}select option{background:var(--v2-bg-elevated);color:var(--v2-text-primary)}
/*# sourceMappingURL=main.847c460f.css.map*/