:root{--color-primary: #007A4D;--color-primary-light: #009E60;--color-primary-dark: #005F3B;--color-primary-darker: #004D30;--color-secondary: #FFB81C;--color-secondary-light: #FFC94D;--color-secondary-dark: #E8A517;--color-accent: #FFB81C;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-bg-page: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-input: #FFFFFF;--color-bg-muted: #F3F4F6;--color-border-default: #E5E7EB;--color-border-focus: #007A4D;--color-border-error: #FCA5A5;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F3F4F6;--color-bg-tertiary: #e5e7eb;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f1f5f9;--color-surface: #ffffff;--color-surface-primary: #ffffff;--color-surface-secondary: #F3F4F6;--color-accent-primary: #007A4D;--color-accent-secondary: #FFB81C;--color-accent-green: #059669;--color-accent-blue: #002395;--color-accent-red: #DE3831;--color-accent-amber: #FFB81C;--color-success: #059669;--color-error: #DE3831;--color-warning: #FFB81C;--color-info: #002395;--color-success-bg: rgba(5, 150, 105, .1);--color-success-text: #059669;--color-error-bg: rgba(222, 56, 49, .1);--color-error-text: #DE3831;--color-warning-bg: rgba(255, 184, 28, .12);--color-warning-text: #E8A517;--color-info-bg: rgba(0, 35, 149, .1);--color-info-text: #002395;--brand-primary: #007A4D;--brand-primary-hover: #005F3B;--brand-primary-light: #009E60;--brand-secondary: #FFB81C;--brand-accent: #FFB81C;--brand-success: #059669;--brand-warning: #FFB81C;--brand-error: #DE3831;--brand-info: #002395;--logo-green-start: #00C26A;--logo-green-end: #007A4D;--logo-gold-start: #FFD54F;--logo-gold-end: #FFB81C;--logo-red: #DE3831;--logo-bg: #FAFBFC;--logo-border: #E5E7EB;--brand-pay-color: #00C26A;--gradient-primary: linear-gradient(135deg, #007A4D 0%, #0C1B2A 100%);--gradient-primary-hover: linear-gradient(135deg, #009E60 0%, #007A4D 100%);--gradient-gold: linear-gradient(135deg, #FFB81C 0%, #E8A517 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-info: linear-gradient(135deg, #002395 0%, #001A6E 100%);--font-family: "Inter", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-family-display: "Inter", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-family-body: "Inter", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 10px;--radius-xl: 16px;--radius-2xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--color-primary: #009E60;--color-primary-light: #00B86E;--color-primary-dark: #007A4D;--color-primary-darker: #005F3B;--color-text-primary: #F1F5F9;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--color-bg-page: #0C1B2A;--color-bg-card: #12283D;--color-bg-input: #1E3A5F;--color-bg-muted: #12283D;--color-border-default: #1E3A5F;--color-border-focus: #009E60;--color-link-default: #009E60;--color-link-hover: #00B86E;--logo-green-start: #34D399;--logo-green-end: #00C26A;--logo-gold-start: #FFE082;--logo-gold-end: #FFB81C;--logo-red: #F87171;--logo-bg: #1E293B;--logo-border: #334155;--brand-pay-color: #34D399}}[data-theme=dark]{--color-bg-primary: #0C1B2A;--color-bg-secondary: #12283D;--color-bg-tertiary: #1E3A5F;--color-bg-page: #0C1B2A;--color-bg-card: #12283D;--color-bg-input: #1E3A5F;--color-bg-muted: #12283D;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #1E3A5F;--color-border-light: #12283D;--color-border-default: #1E3A5F;--color-border-focus: #009E60;--color-surface: #12283D;--color-surface-primary: #12283D;--color-surface-secondary: #1E3A5F;--color-primary: #009E60;--color-primary-light: #00B86E;--color-primary-dark: #007A4D;--color-primary-darker: #005F3B;--color-accent-primary: #009E60;--color-accent-secondary: #FFB81C;--brand-primary: #009E60;--brand-primary-hover: #007A4D;--brand-primary-light: #00B86E;--brand-secondary: #FFB81C;--brand-accent: #FFB81C;--logo-green-start: #34D399;--logo-green-end: #00C26A;--logo-gold-start: #FFE082;--logo-gold-end: #FFB81C;--logo-red: #F87171;--logo-bg: #1E293B;--logo-border: #334155;--brand-pay-color: #34D399;--color-success-bg: rgba(5, 150, 105, .15);--color-error-bg: rgba(222, 56, 49, .15);--color-warning-bg: rgba(255, 184, 28, .15);--color-info-bg: rgba(96, 165, 250, .12);--color-info: #60a5fa;--color-info-text: #60a5fa;--color-accent-blue: #60a5fa}[data-theme=light]{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F3F4F6;--color-bg-tertiary: #e5e7eb;--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f1f5f9;--color-surface: #ffffff;--color-surface-primary: #ffffff;--color-surface-secondary: #F3F4F6;--color-accent-primary: #007A4D;--color-accent-secondary: #FFB81C;--brand-primary: #007A4D;--brand-primary-hover: #005F3B;--brand-primary-light: #009E60;--color-primary: #007A4D;--color-primary-light: #009E60;--color-primary-dark: #005F3B;--color-bg-page: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-input: #FFFFFF;--color-bg-muted: #F3F4F6;--color-border-default: #E5E7EB;--color-border-focus: #007A4D;--color-text-muted: #9CA3AF;--logo-green-start: #00C26A;--logo-green-end: #007A4D;--logo-gold-start: #FFD54F;--logo-gold-end: #FFB81C;--logo-red: #DE3831;--logo-bg: #FAFBFC;--logo-border: #E5E7EB;--brand-pay-color: #00C26A;--color-success-bg: rgba(5, 150, 105, .1);--color-error-bg: rgba(222, 56, 49, .1);--color-warning-bg: rgba(255, 184, 28, .12);--color-info-bg: rgba(0, 35, 149, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16)}[data-theme=dark] svg{color:inherit}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-base),color var(--transition-base)}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)!important}.app-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh}.login-container,.register-container{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}@media (max-width: 768px){.login-container,.register-container{grid-template-columns:1fr;gap:24px}.login-container>div:first-child,.register-container>div:first-child{display:none}.login-container>div:last-child,.register-container>div:last-child{padding:32px 24px!important;max-width:100%!important}}.app-header{background-color:#0c1b2ad9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);box-shadow:0 1px 12px #0003;position:sticky;top:0;z-index:100;color:var(--color-text-primary)}[data-theme=light] .app-header{background-color:#ffffffe6;box-shadow:0 1px 3px #00000014}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);height:64px}.header-brand{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.brand-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.brand-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.brand-text{display:none}.header-content{padding:0 var(--spacing-md);gap:var(--spacing-sm);max-width:100vw;overflow:hidden}.header-right{gap:var(--spacing-sm)}}@media (max-width: 400px){.header-brand .plan-badge{display:none}}.header-search-desktop{display:none;flex:1;max-width:300px;position:relative;align-items:center;color:var(--color-text-secondary)}.header-search-desktop svg{position:absolute;left:12px;pointer-events:none;color:var(--color-text-secondary)}.search-input{width:100%;padding:8px 12px 8px 36px!important;border:1px solid var(--color-border)!important;border-radius:6px;background-color:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--color-accent-primary)!important;box-shadow:0 0 0 3px #007a4d1a}@media (min-width: 769px){.header-search-desktop{display:flex}}.nav-section-tabs{display:none;flex:1;min-width:0;align-items:center;justify-content:center;gap:2px;overflow-x:auto;scrollbar-width:none}.nav-section-tabs::-webkit-scrollbar{display:none}.nav-section-tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 12px 14px;border-bottom:2px solid transparent;color:var(--color-text-secondary);text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.nav-section-tab:hover{color:var(--color-text-primary);background:#ffffff0a}.nav-section-tab-active{color:var(--color-text-primary);border-bottom-color:var(--color-accent-primary)}.nav-section-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.header-secondary-row{max-width:1400px;margin:0 auto;padding:0 24px 10px}.nav-subtabs{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.nav-subtabs::-webkit-scrollbar{display:none}.nav-subtab{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;color:var(--color-text-secondary);text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.nav-subtab:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.nav-subtab-active{background:#007a4d1f;color:var(--color-text-primary)}.nav-sidebar{width:220px;flex-shrink:0;padding:16px 10px 36px;border-right:1px solid var(--color-border);background:var(--color-surface-primary);overflow-y:auto}.nav-sidebar-group+.nav-sidebar-group{margin-top:20px}.nav-sidebar-group-label{margin-bottom:4px;padding:0 12px;font-size:10px;line-height:1;font-weight:600;color:#94a3b899;text-transform:uppercase;letter-spacing:.8px}.nav-sidebar-items{margin-top:0;display:flex;flex-direction:column;gap:1px}.nav-sidebar-item{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-left:2px solid transparent;border-radius:6px;text-decoration:none;color:#cbd5e1b3;font-size:13px;font-weight:400;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.nav-sidebar-item:hover{background:#1e3a5f80;color:#e2e8f0}.nav-sidebar-item-active{color:#f1f5f9;font-weight:500;border-left-color:var(--color-accent-primary);background:#1e3a5f99}.nav-sidebar-item-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:stretch;justify-content:space-around;background:#0c1b2aeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);z-index:300}.mobile-hub-link{flex:1;min-height:64px;padding:8px 4px max(8px,env(safe-area-inset-bottom,8px));border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-secondary);text-decoration:none;font-size:10px;font-weight:500;font-family:inherit;transition:opacity .1s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.mobile-hub-link:active{opacity:.7}.mobile-hub-link-active{color:var(--color-accent-primary)}.mobile-hub-icon{display:inline-flex;align-items:center;justify-content:center}.mobile-hub-label{line-height:1}.nav-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:180;animation:navDrawerFadeIn .16s ease}.nav-drawer{width:100%;max-height:min(78vh,720px);overflow:auto;background:var(--color-bg-card);border-radius:16px 16px 0 0;box-shadow:0 -16px 48px #00000052;animation:navDrawerSlideUp .18s ease}.nav-drawer-handle{width:32px;height:4px;border-radius:999px;background:var(--color-border);margin:10px auto 2px}.nav-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px 8px}.nav-drawer-kicker,.nav-drawer-group-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.nav-drawer-title{margin-top:4px;font-size:18px;color:var(--color-text-primary);font-weight:600}.nav-drawer-close{width:36px;height:36px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center}.nav-drawer-body{padding:0 16px calc(18px + env(safe-area-inset-bottom,0))}.nav-drawer-group+.nav-drawer-group{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.nav-drawer-items{display:flex;flex-direction:column;gap:2px;margin-top:10px}.nav-drawer-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 4px;color:var(--color-text-primary);text-decoration:none;font-size:14px;font-weight:500;border-radius:10px;transition:background-color .15s ease,color .15s ease}.nav-drawer-item:hover{background:#007a4d14}.nav-drawer-item-active{color:var(--color-accent-primary)}.nav-drawer-item-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}@keyframes navDrawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes navDrawerSlideUp{0%{transform:translateY(24px);opacity:.9}to{transform:translateY(0);opacity:1}}@media (min-width: 769px){.nav-section-tabs{display:flex}}@media (max-width: 767px){.header-secondary-row{display:none}}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:6px;transition:all .15s}.menu-toggle:hover{background-color:var(--color-bg-tertiary)}@media (max-width: 768px){.menu-toggle{display:flex}}.mobile-menu{display:none;border-top:1px solid var(--color-border);background-color:var(--color-surface-primary);padding:8px 0;max-height:calc(100vh - 64px);overflow-y:auto}.mobile-nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--color-text-primary);text-decoration:none;font-weight:500;font-size:14px;border-left:4px solid transparent;background:transparent;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.mobile-nav-item:hover{background-color:#007a4d14;transform:translate(2px)}.mobile-nav-active{border-left-color:var(--color-accent-primary);background:linear-gradient(90deg,#007a4d24,#007a4d0a);color:var(--color-accent-primary);font-weight:600}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),color var(--transition-fast)}.mobile-nav-item:hover .mobile-nav-icon{transform:scale(1.06)}.mobile-nav-label{line-height:1}.mobile-bottom-nav-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:8px 4px;text-decoration:none;color:var(--color-text-secondary);font-size:11px;font-weight:500;gap:4px;border-top:2px solid transparent;transition:color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.mobile-bottom-nav-link:before{content:"";position:absolute;top:4px;right:8px;bottom:4px;left:8px;border-radius:14px;background:#007a4d14;opacity:0;transform:scale(.92);transition:opacity var(--transition-fast),transform var(--transition-base)}.mobile-bottom-nav-link:hover:before,.mobile-bottom-nav-link:active:before{opacity:1;transform:scale(1)}.mobile-bottom-nav-link:hover,.mobile-bottom-nav-link:active{color:var(--color-text-primary);transform:translateY(-1px)}.mobile-bottom-nav-link-active{color:var(--color-accent-primary);font-weight:700;border-top-color:var(--color-accent-primary)}.mobile-bottom-nav-link-active:before{opacity:1;transform:scale(1);background:linear-gradient(180deg,#007a4d29,#007a4d0f)}.mobile-bottom-nav-icon,.mobile-bottom-nav-label{position:relative;z-index:1}.mobile-bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform var(--transition-fast)}.mobile-bottom-nav-link:hover .mobile-bottom-nav-icon,.mobile-bottom-nav-link:active .mobile-bottom-nav-icon,.mobile-bottom-nav-link-active .mobile-bottom-nav-icon{transform:translateY(-1px) scale(1.06)}@media (max-width: 768px){.mobile-menu{display:block}}header h1{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-md)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main,.page-main{padding:var(--spacing-xl);max-width:1400px;margin:0 auto;animation:pageFadeIn .15s ease-out;width:100%}@media (max-width: 768px){main,.page-main{padding:var(--spacing-lg)}}@media (max-width: 480px){main,.page-main{padding:var(--spacing-md)}}nav{display:flex;gap:var(--spacing-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}nav a{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast) ease-out,color var(--transition-fast) ease-out;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-sm)}nav a:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}nav a[aria-current=page],nav a.active{background-color:var(--color-accent-primary);color:#fff;transition:background-color var(--transition-base) ease-out,color var(--transition-base) ease-out}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.page-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-md)}.page-subtitle{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base) ease-out}.card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.stat-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-card:hover{border-color:var(--color-border)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);color:var(--color-accent-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-change{font-size:var(--font-size-sm);color:var(--color-accent-green);margin-top:var(--spacing-xs);font-weight:var(--font-weight-semibold)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast) cubic-bezier(.34,1.56,.64,1),transform var(--transition-fast) cubic-bezier(.34,1.56,.64,1),box-shadow var(--transition-fast) ease-out,opacity var(--transition-fast) ease-out;text-decoration:none;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 0 28px #007a4d66;font-weight:var(--font-weight-semibold);letter-spacing:.04em}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 0 36px #007a4d8c}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #007a4d33}.btn-primary:focus-visible:not(:disabled){outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn-secondary:focus-visible:not(:disabled){outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border:none}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-ghost:focus-visible:not(:disabled){outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-danger{background-color:var(--color-error);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #ef444433}.btn-danger:focus-visible:not(:disabled){outline:2px solid var(--color-error);outline-offset:2px}.btn-success{background-color:var(--color-accent-green);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn-success:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-success:focus-visible:not(:disabled){outline:2px solid var(--color-accent-green);outline-offset:2px}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-lg)}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}input,textarea,select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast) ease-out,box-shadow var(--transition-fast) ease-out,background-color var(--transition-fast) ease-out}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #2563eb1a;background-color:var(--color-surface)}textarea{resize:vertical;min-height:100px}table{width:100%;border-collapse:collapse}thead{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}th{padding:var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}td{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}tbody tr{transition:background-color var(--transition-fast) ease-out}tbody tr:hover{background-color:var(--color-bg-secondary)}tbody tr:last-child td{border-bottom:none}@media (max-width: 768px){table{display:block;border:0}thead{display:none}tbody{display:flex;flex-direction:column;gap:12px}tbody tr{display:block;border:1px solid var(--color-border);border-radius:6px;padding:12px;background:var(--color-surface-secondary)}tbody tr:hover{background-color:var(--color-surface-primary);border-color:var(--color-accent-primary)}tbody tr:last-child{margin-bottom:0}td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:0}td:before{content:attr(data-label);font-weight:600;color:var(--color-text-secondary);min-width:120px}}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:999px;text-transform:uppercase;letter-spacing:.5px;transition:background-color var(--transition-fast) ease-out,color var(--transition-fast) ease-out}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error-text)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info-text)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:999px;text-transform:uppercase;letter-spacing:.5px;transition:background-color var(--transition-fast) ease-out,color var(--transition-fast) ease-out}.status-badge svg{width:14px;height:14px}.status-paid,.status-matched,.status-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.status-pending,.status-unmatched,.status-processing{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.status-error,.status-failed,.status-overdue{background-color:var(--color-error-bg);color:var(--color-error-text)}.status-info{background-color:var(--color-info-bg);color:var(--color-info-text)}.alert{padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid;display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-xl)}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-accent-green);color:var(--color-success-text)}.alert-error{background-color:var(--color-error-bg);border-color:var(--color-accent-red);color:var(--color-error-text)}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-accent-amber);color:var(--color-warning-text)}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-accent-blue);color:var(--color-info-text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb00}}@keyframes shimmer{0%{opacity:.3}to{opacity:.6}}.page-fade-in{animation:pageFadeIn .15s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.95)}50%{opacity:1}to{transform:scale(1)}}.loading{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .6s linear infinite}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn var(--transition-fast) ease-out}.modal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:-1}.modal-content{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast) ease-out}.modal-close:hover:not(:disabled){color:var(--color-text-primary)}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.modal-footer{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);border-top:1px solid var(--color-border);justify-content:flex-end}.modal-exit{animation:fadeOut var(--transition-fast) ease-out}.confirm-payment-modal{animation:confirmSlideIn .25s ease-out}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-amount-block{text-align:center;padding:28px 20px;background:linear-gradient(135deg,#007a4d14,#007a4d08);border:1px solid rgba(0,122,77,.15);border-radius:12px;margin-bottom:20px}.confirm-amount-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.confirm-amount-value{font-size:36px;font-weight:800;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.5px}.confirm-details{display:flex;flex-direction:column;gap:0;margin-bottom:20px;border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.confirm-detail-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--color-border)}.confirm-detail-row:last-child{border-bottom:none}.confirm-detail-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.confirm-detail-value{font-size:14px;color:var(--color-text-primary);font-weight:600;text-align:right;max-width:60%;word-break:break-word}.confirm-source-badge{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#007a4d,#059669);border-radius:10px;color:#fff;font-size:13px;line-height:1.4}.confirm-source-badge strong{font-weight:700}.confirm-payment-btn{background:linear-gradient(135deg,#007a4d,#059669)!important;color:#fff!important;border:none!important;font-weight:700!important;font-size:15px!important;padding:14px 24px!important;border-radius:10px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;box-shadow:0 2px 8px #007a4d4d}.confirm-payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#005f3b,#047857)!important;box-shadow:0 4px 16px #007a4d66;transform:translateY(-1px)}.confirm-payment-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #007a4d4d}.confirm-payment-btn:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.confirm-amount-value{font-size:30px}.confirm-detail-row{padding:12px 14px}.confirm-payment-btn{padding:16px 24px!important;font-size:16px!important;min-height:52px}}.page-enter{animation:fadeIn var(--transition-base) ease-out}.page-exit{animation:fadeOut var(--transition-base) ease-out}.muted{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-center{text-align:center}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}@media (max-width: 768px){main{padding:var(--spacing-lg)}header{padding:var(--spacing-md)}header h1{font-size:var(--font-size-lg)}.page-header{flex-direction:column;align-items:flex-start}.grid-4{grid-template-columns:repeat(2,1fr)}.card{padding:var(--spacing-lg)}table{font-size:var(--font-size-sm)}th,td{padding:var(--spacing-md)}nav a{padding:var(--spacing-sm) var(--spacing-md);font-size:12px}}@media (max-width: 480px){main{padding:var(--spacing-md)}header{padding:var(--spacing-md);gap:var(--spacing-sm)}header h1{font-size:var(--font-size-lg)}.page-title{font-size:var(--font-size-lg)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-xl)}.btn{width:100%;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}input,textarea,select{font-size:16px;padding:var(--spacing-md)}table{font-size:12px;display:block;width:100%}thead{display:none}tbody,tr{display:block;width:100%;margin-bottom:var(--spacing-lg)}tr{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-secondary)}td{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);text-align:right}td:last-child{border-bottom:none}th,td{padding:var(--spacing-sm)}}.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-page);padding:0;margin:0;font-family:var(--font-family)}.auth-page-wrapper.mobile{align-items:flex-start;padding-top:0}.auth-container{width:100%;display:grid;grid-template-columns:3fr 2fr;gap:0;padding:0;min-height:100vh}.auth-container.mobile{grid-template-columns:1fr;gap:0;padding:0}.auth-hero{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,#005c3a,#007a4d 40%,#0a1628);padding:72px 80px;color:#fff;min-height:100vh}.auth-hero h1{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px;color:#fff;letter-spacing:-.02em}.auth-hero p{font-size:17px;font-weight:400;line-height:1.6;margin:0 0 32px;color:#ffffffd1;max-width:480px}.auth-hero-mobile{background:linear-gradient(135deg,#007a4d,#0c1b2a);padding:18px 18px 28px;color:#fff;text-align:center}.auth-hero-mobile h2{font-size:24px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.01em}.auth-hero-mobile p{font-size:14px;color:#ffffffc7;margin:0 0 12px;line-height:1.5}.auth-mobile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auth-mobile-stat{padding:10px 8px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.auth-feature-rows{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.auth-feature-row{display:flex;align-items:flex-start;gap:14px}.auth-feature-row-icon{font-size:24px;flex-shrink:0;line-height:1;margin-top:1px}.auth-feature-row-title{font-size:15px;font-weight:700;color:#fff;margin:0 0 3px}.auth-feature-row-desc{font-size:13px;color:#ffffffb8;line-height:1.5;margin:0}.auth-benefit-description{font-size:13px;font-weight:400;line-height:1.4;margin:0;color:#ffffffe6}.auth-form-wrapper{display:flex;flex-direction:column;justify-content:center;background-color:var(--color-bg-page);padding:48px 56px;width:100%;min-height:100vh}.auth-form-wrapper.mobile{border-radius:24px 24px 0 0;padding:22px 20px 40px;min-height:auto;border:1px solid var(--color-border);border-bottom:none;box-shadow:0 -18px 40px #0f172a24;margin-top:-12px;position:relative}@media (prefers-color-scheme: dark){.auth-form-wrapper{background-color:var(--color-bg-card);border-color:var(--color-border-default)}}.auth-logo{margin-bottom:32px;display:flex;justify-content:flex-start;align-items:center}.auth-logo.mobile{justify-content:center;margin-bottom:22px;margin-top:0}.payment-methods-page{padding-bottom:32px}.payment-methods-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin-bottom:24px}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-bottom:28px}.payment-methods-session-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.95fr);gap:16px}.auth-logo svg{height:40px;width:auto}.auth-form-title{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--color-text-primary)}.auth-form-subtitle{font-size:14px;font-weight:400;margin:0 0 24px;color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:24px}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-label{font-size:13px;font-weight:500;color:var(--color-text-primary);display:block}.auth-form-label.required:after{content:" *";color:var(--color-error);margin-left:2px}.auth-form-input{width:100%;height:48px;padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;background-color:var(--color-bg-input);font-size:16px;font-weight:400;font-family:var(--font-family);color:var(--color-text-primary);transition:all .2s ease-out;box-shadow:0 1px 3px #0000001f}.auth-form-input::placeholder{color:var(--color-text-muted)}.auth-form-input:hover{border-color:var(--color-primary-dark);box-shadow:0 2px 4px #00000014}.auth-form-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-width:1px}.auth-form-input:focus{box-shadow:0 0 0 2px #007a4d26,0 3px 6px #00000014}.auth-form-input.error{border-color:#fca5a5;border-width:2px;background-color:#fef2f2}@media (prefers-color-scheme: dark){.auth-form-input.error{background-color:#7f1d1d;color:var(--color-text-primary)}}.auth-form-input:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:var(--color-text-muted);opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.auth-form-input:disabled{background-color:#0f172a;border-color:#475569}}.auth-form-help{font-size:12px;font-weight:400;color:var(--color-text-secondary);margin-top:6px;display:block}.auth-form-error{font-size:12px;font-weight:400;color:var(--color-error);margin-top:6px;display:flex;align-items:center;gap:6px;role:alert}.auth-form-checkbox{display:flex;align-items:flex-start;gap:12px;margin:8px 0 4px}.auth-checkbox-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid rgba(255,255,255,.22);border-radius:6px;background-color:#ffffff0a;cursor:pointer;transition:all .2s ease-out;flex-shrink:0;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;position:relative}.auth-checkbox-input:after{content:"";width:12px;height:12px;opacity:0;transform:scale(.7);transition:opacity .16s ease-out,transform .16s ease-out;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M3 8.2l3.1 3.1L13 4.8'/%3E%3C/svg%3E")}.auth-checkbox-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.auth-checkbox-input:checked{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #007a4d24}.auth-checkbox-input:checked:after{opacity:1;transform:scale(1)}.auth-checkbox-input:disabled{background-color:#f3f4f6;border-color:#d1d5db;cursor:not-allowed;opacity:.5}.auth-checkbox-label{display:block;flex:1;min-width:0;font-size:14px;font-weight:400;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5}.auth-checkbox-label a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease-out}.auth-checkbox-label a:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-btn-primary{width:100%;height:48px;padding:12px 24px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;font-size:16px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000f;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-family)}.auth-btn-primary:hover{background:var(--color-primary-light);box-shadow:0 4px 12px #007a4d40;transform:translateY(-2px)}.auth-btn-primary:active{background:var(--color-primary-dark);transform:translateY(0);box-shadow:0 1px 3px #0000000f}.auth-btn-primary:focus{outline:2px solid #FFFFFF;outline-offset:2px}.auth-btn-primary:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:not-allowed;opacity:.7;transform:none}.auth-btn-primary.loading{opacity:.8;cursor:not-allowed}.auth-btn-secondary{width:100%;height:48px;padding:12px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);font-family:var(--font-family)}.auth-btn-secondary:hover{border-color:#ffffff3d;background:#ffffff14}.auth-btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.auth-form-checkbox{gap:10px;margin:6px 0 2px}.auth-checkbox-input{width:20px;height:20px;margin-top:2px}.auth-checkbox-label{font-size:13px;line-height:1.45}.auth-btn-primary,.auth-btn-secondary{height:44px;font-size:14px}}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all .2s ease-out;cursor:pointer;font-size:14px}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.auth-divider{width:100%;height:1px;background-color:var(--color-border-default);margin:24px 0}.auth-text-center{text-align:center;font-size:14px;color:var(--color-text-secondary);margin-top:16px}.auth-text-center a{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s ease-out}.auth-text-center a:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-password-strength{margin-top:8px;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px}.auth-password-strength.weak{background-color:#fee2e2;color:#dc2626}.auth-password-strength.fair{background-color:#fef3c7;color:#d97706}.auth-password-strength.good{background-color:#dbeafe;color:#0284c7}.auth-password-strength.strong{background-color:#dcfce7;color:#059669}@media (prefers-color-scheme: dark){.auth-password-strength.weak{background-color:#7f1d1d}.auth-password-strength.fair{background-color:#78350f}.auth-password-strength.good{background-color:#082f49}.auth-password-strength.strong{background-color:#052e16}}.auth-strength-bar{width:32px;height:4px;background-color:currentColor;border-radius:2px;opacity:.6}@media (max-width: 1024px){.auth-container{grid-template-columns:1fr;gap:24px;padding:40px}.auth-hero{display:none}.auth-form-wrapper{max-width:500px;margin:0 auto}}@media (max-width: 768px){.auth-page-wrapper{padding:0}.auth-page-wrapper.mobile{padding-top:0}.auth-container{padding:0;gap:0;grid-template-columns:1fr}.auth-form-wrapper.mobile{margin-top:0}.payment-methods-session-grid{grid-template-columns:1fr}}@media (max-width: 640px){.auth-container.mobile{padding:0}.auth-form-wrapper{border-radius:0;padding:24px 20px 40px}.auth-hero-mobile{padding:16px 16px 24px}.auth-mobile-stats{gap:8px}.auth-mobile-stat{padding:8px 6px}.auth-form-title{font-size:22px}.auth-form-subtitle{font-size:13px}.auth-form{gap:20px}.auth-form-help{margin-top:6px}.auth-form-input{font-size:16px;height:48px}}@media (max-width: 768px){.modal{align-items:flex-end;animation:slideUpIn var(--transition-base) ease-out}.modal-content{width:100%;max-width:100%;max-height:80vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-bottom:env(safe-area-inset-bottom,0px);padding-bottom:60px}.modal-exit{animation:slideUpOut var(--transition-base) ease-out}}@media (max-width: 768px){.form-group{width:100%}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: repeat"]{grid-template-columns:1fr!important}input,select,textarea{width:100%!important;min-height:48px;font-size:16px}button{min-height:48px;font-size:16px}.page-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;width:100%}.page-header .btn{flex:1 1 auto;min-width:0}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.row{flex-direction:column!important}.row>.card{flex-basis:100%!important;min-width:0!important}.modal-body{padding:16px;overflow-y:auto}.modal-footer{padding:12px 16px;position:sticky;bottom:0;background:var(--color-bg-primary);z-index:1}input[type=text][placeholder*=Search],input[type=search]{min-width:0!important}}@media (max-width: 768px){button,a[role=button],input[type=button],input[type=submit],input[type=reset],select,.btn{min-height:48px;padding:12px 16px}.btn-small{min-height:44px;padding:10px 12px}.modal-close{min-height:48px;min-width:48px}button[class*=toggle]{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center}.mobile-bottom-nav a,.mobile-nav-item{min-height:64px;display:flex;align-items:center;justify-content:center}table td,table th{padding:16px 12px;min-height:48px;display:flex;align-items:center}a{padding:8px 4px}}@media (max-width: 768px){.header-search-desktop{display:none}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);z-index:1000;display:flex;flex-direction:column;animation:slideDownIn var(--transition-base) ease-out}.search-overlay-header{padding:16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px}.search-overlay-input{flex:1;font-size:16px;padding:12px;border:none;background:transparent;color:var(--color-text-primary);outline:none}.search-overlay-close{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary)}.search-overlay-results{flex:1;overflow-y:auto;padding:16px}.search-overlay-input:focus{outline:none;background:var(--color-bg-secondary)}}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideDownIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}a:focus-visible{text-decoration:underline}button:focus-visible,.btn:focus-visible{box-shadow:0 0 0 3px #007a4d33}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #007a4d1a}@media (max-width: 768px){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}}@media (max-width: 480px){body{font-size:14px}.page-header{flex-direction:column;gap:12px;align-items:stretch!important}.page-header>div:last-child{flex-direction:column}.page-header .btn{width:100%;justify-content:center}.page-main{padding:16px 12px}.card{padding:12px}.modal-content{max-height:80vh}.grid-3{grid-template-columns:1fr}.stat-card{flex-direction:row;align-items:center;gap:12px}.stat-card .stat-icon{width:40px;height:40px}.page-subtitle{font-size:13px}td:before{font-size:11px;min-width:80px;flex-shrink:0}}.gradient-text{background:linear-gradient(135deg,#009e60,#ffb81c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-glow{box-shadow:0 0 0 1px var(--color-border),0 4px 24px #007a4d14}[data-theme=dark] .card-glow{box-shadow:0 0 0 1px var(--color-border),0 4px 24px #007a4d26}.tri-lines{display:flex;align-items:center;gap:4px}.tri-lines .line{width:40px;height:2px;border-radius:1px}.tri-lines .line:nth-child(1){background:var(--logo-green-start, #00C26A)}.tri-lines .line:nth-child(2){background:var(--logo-gold-end, #FFB81C)}.tri-lines .line:nth-child(3){background:var(--logo-red, #DE3831)}.tri-dots{display:flex;align-items:center;gap:8px}.tri-dots .dot{width:8px;height:8px;border-radius:9999px}.tri-dots .dot:nth-child(1){background:var(--logo-green-start, #007A4D)}.tri-dots .dot:nth-child(2){background:var(--logo-gold-end, #FFB81C)}.tri-dots .dot:nth-child(3){background:var(--logo-red, #DE3831)}@keyframes pp-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.tri-dots.loading .dot:nth-child(1){animation:pp-pulse 1.2s ease-in-out infinite}.tri-dots.loading .dot:nth-child(2){animation:pp-pulse 1.2s ease-in-out .2s infinite}.tri-dots.loading .dot:nth-child(3){animation:pp-pulse 1.2s ease-in-out .4s infinite}.btn-accent{background:var(--color-secondary);color:#1a1a1a;font-weight:700;padding:12px 24px;border-radius:10px;border:none;cursor:pointer;letter-spacing:.04em;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-accent:hover:not(:disabled){background:var(--color-secondary-dark);box-shadow:0 4px 12px #ffb81c4d;transform:translateY(-2px)}@media (max-width: 768px){.invoice-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);z-index:200;display:flex;justify-content:center}.invoice-editor-panel{width:100%!important;max-width:100%!important;height:100dvh;border-radius:0!important;box-shadow:none!important}.quote-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);z-index:200;display:flex;justify-content:center}.quote-editor-panel{width:100%!important;max-width:100%!important;height:100dvh;border-radius:0!important;box-shadow:none!important}.invoice-editor-topbar,.quote-editor-topbar{flex-wrap:wrap;gap:8px;padding:12px 16px!important;align-items:flex-start!important}.invoice-editor-topbar-main,.quote-editor-topbar-main{min-width:0}.invoice-editor-topbar-actions,.quote-editor-topbar-actions{width:auto;margin-left:auto}.invoice-editor-topbar>div,.quote-editor-topbar>div{flex-wrap:wrap;gap:6px}.invoice-editor-topbar .btn-small,.quote-editor-topbar .btn-small{font-size:12px;padding:8px 10px;min-height:40px}.invoice-editor-body,.quote-editor-body{padding:16px!important}.invoice-meta-grid,.invoice-contact-grid{grid-template-columns:1fr!important;gap:12px!important}.line-items-header{display:none!important}.line-items-row{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;position:relative;border-radius:16px;margin:10px;background:#fffffff0!important;border:1px solid rgba(148,163,184,.18)}.line-items-row input{width:100%!important;min-height:44px;padding:10px 12px!important;font-size:16px!important}.line-items-row>div[style*='textAlign: "right"']{text-align:left!important;font-size:16px!important}.invoice-line-item-label{display:block!important;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:6px}.invoice-line-item-remove{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:999px;background:#94a3b81f!important}.invoice-totals-row{grid-template-columns:1fr!important;gap:16px!important}.invoice-payment-grid{grid-template-columns:1fr!important}.invoice-direction-toggle{flex-direction:column;align-items:flex-start!important;gap:10px!important}.invoice-delivery-actions{width:100%;display:grid!important;grid-template-columns:1fr}.invoice-delivery-actions>*{width:100%;justify-content:center;min-height:50px}.invoice-editor-mobile-action-grid,.quote-editor-mobile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.invoice-share-modal-panel{overflow-y:auto}.invoice-share-mode-switch{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.invoice-share-mode-switch button{width:100%;justify-content:center}.invoice-share-actions-grid{grid-template-columns:1fr!important}.invoice-share-actions-column{grid-template-columns:1fr 1fr}.invoice-share-actions-column>*{min-height:52px}}.invoice-line-item-label{display:none}body.invoice-editor-open .ios-install-hint,body.invoice-editor-open .assistant-chat-bubble,body.invoice-editor-open .assistant-chat-panel,body.invoice-editor-open .toast-root{display:none!important}@media (max-width: 640px){.quick-actions-bar{flex-direction:column!important;align-items:stretch!important;padding:12px 16px!important;gap:8px!important}.quick-actions-bar .btn{width:100%;justify-content:center;min-height:48px;font-size:15px}.quick-actions-bar>span{text-align:center;margin-right:0!important}}@media (max-width: 480px){.invoice-editor-mobile-action-grid,.quote-editor-mobile-action-grid{grid-template-columns:1fr!important}.scoreboard-grid{grid-template-columns:1fr!important;gap:12px!important}.scoreboard-grid .card{padding:16px 20px!important}.scoreboard-grid .card div[style*="font-size: 36px"]{font-size:28px!important}.kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.kpi-grid .card{padding:14px 16px!important}.action-grid{grid-template-columns:1fr!important;gap:10px!important}}@media (max-width: 768px){.insights-strip{flex-direction:column!important;overflow-x:visible!important}.insights-strip>div{max-width:100%!important;flex-shrink:1!important}}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width: 768px){.mobile-bottom-nav{height:auto!important;min-height:64px;padding-bottom:max(8px,env(safe-area-inset-bottom,8px))}.mobile-bottom-nav a{min-height:56px!important;padding:8px 4px!important;font-size:11px}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.invoice-table-actions{flex-direction:row!important;gap:8px!important}.invoice-table-actions .btn{min-height:44px;min-width:44px;padding:10px!important}}@media (max-width: 768px){.proof-upload-zone{padding:20px 16px!important}.proof-upload-buttons{flex-direction:column!important;width:100%}.proof-upload-buttons .btn{width:100%;min-height:52px;font-size:16px;justify-content:center}.proof-detail-modal{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important}}@media (max-width: 640px){.filter-bar{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;gap:8px!important}.filter-bar>input,.filter-bar>select,.filter-bar>button{flex-shrink:0;min-width:120px;min-height:44px;font-size:14px}.filter-bar>input{min-width:180px;flex-shrink:1}}@media (max-width: 480px){.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:2px!important}.tab-bar button{white-space:nowrap;flex-shrink:0;min-height:44px;padding:8px 12px!important;font-size:13px!important}}@media (max-width: 480px){.activity-row{gap:8px!important;padding:10px 0!important}.activity-row .activity-amount{font-size:13px!important}}@supports (padding-top: env(safe-area-inset-top)){.app-header{padding-top:env(safe-area-inset-top)}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}@media (max-width: 768px){.card-tappable{cursor:pointer;-webkit-tap-highlight-color:transparent}.card-tappable:active{transform:scale(.98);opacity:.9}}html,body{overflow-x:hidden;max-width:100vw}*{box-sizing:border-box}@media (max-width: 768px){.page-main,.page-main>*{overflow-x:hidden;max-width:100vw}table,pre,code{max-width:100%;overflow-x:auto;word-break:break-word}}.mobile-fab{display:none}@media (max-width: 768px){.mobile-fab{display:flex;position:fixed;bottom:80px;right:16px;width:56px;height:56px;border-radius:50%;background:var(--color-accent-primary);color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 16px #007a4d66;border:none;cursor:pointer;z-index:90;-webkit-tap-highlight-color:transparent}.mobile-fab:active{transform:scale(.92);box-shadow:0 2px 8px #007a4d4d}}@media (max-width: 768px){.modal-form-grid,.quote-contact-grid,.modal-form-grid-3,.quote-meta-grid{grid-template-columns:1fr!important}.modal-content input,.modal-content select,.modal-content textarea{font-size:16px!important}}