@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@500;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100vh;margin:0;padding:0;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;height:100vh;background:#f9fafb;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#f9fafb}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--font-body: "Space Grotesk", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "Sora", "Space Grotesk", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--radius-card: 12px;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #10b981;--success-600: #059669;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}:root.dark-mode{--gray-50: #111827;--gray-100: #1f2937;--gray-200: #374151;--gray-300: #4b5563;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #f9fafb}html,body{height:100%;margin:0;padding:0;scroll-behavior:auto;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-50);color:var(--gray-900);transition:background-color .3s ease,color .3s ease;background-attachment:fixed;background-size:cover;min-height:100vh;line-height:1.6;scroll-behavior:auto}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;padding-top:calc(80px + 2rem);max-width:1200px;margin:0 auto;width:100%}.header{background:#fffffff2!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(255,255,255,.2)!important;box-shadow:var(--shadow-lg)!important;position:fixed!important;top:0!important;z-index:100!important;width:100vw!important;height:80px!important;left:0!important;right:0!important;transition:all .3s ease!important}:root.dark-mode .header{background:#1f2937f2!important;border-bottom:1px solid rgba(75,85,99,.3)!important}.header-content{width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:0 2rem!important;display:flex!important;align-items:center!important;height:80px!important;gap:2rem!important}.logo{display:flex!important;align-items:center!important;gap:.75rem!important;text-decoration:none!important}.logo-icon{width:40px!important;height:40px!important;background:linear-gradient(135deg,var(--primary-500),var(--primary-600))!important;border-radius:var(--radius-lg)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:var(--shadow-md)!important;transition:transform .2s ease!important;color:#fff!important}.logo-icon:hover{transform:scale(1.05)!important}.logo-text{font-size:1.5rem!important;font-weight:800!important;background:linear-gradient(135deg,var(--primary-600),var(--primary-800))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.logo-section{display:flex!important;align-items:center!important}.nav{display:flex!important;gap:.125rem!important;margin-left:auto!important}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;text-decoration:none;color:#6b7280;font-weight:500;transition:all .2s;background:none;border:none;cursor:pointer;font-size:.9rem}.nav-item:hover{background:#f3f4f6;color:#374151}:root.dark-mode .nav-item{color:var(--gray-500)!important}:root.dark-mode .nav-item:hover{background:#6b728033;color:var(--gray-300)!important}.nav-item.active{background:#3b82f6;color:#fff}.nav-item.active:hover{background:#1d4ed8}.nav-item span{position:relative!important;z-index:1!important;color:var(--gray-700)!important;transition:color .2s ease!important}.nav-item:hover span,.nav-item.active span{color:#fff!important}.nav-item svg{position:relative!important;z-index:1!important;width:1.25rem!important;height:1.25rem!important;color:var(--gray-600)!important;transition:color .2s ease!important}.nav-item:hover svg,.nav-item.active svg{color:#fff!important}.theme-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:50%!important;border:none!important;background:#6366f11a!important;color:var(--primary-600)!important;cursor:pointer!important;font-size:1.25rem!important;transition:all .3s ease!important;margin-left:.5rem!important}.theme-toggle:hover{background:#6366f133!important}:root.dark-mode .theme-toggle{background:#f0fdfa1a!important;color:#10b981!important}:root.dark-mode .theme-toggle:hover{background:#f0fdfa26!important}.user-section{display:flex;align-items:center;margin-left:auto!important}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:var(--radius-lg);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.user-info:hover{background:#ffffff26;border-color:#ffffff4d}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;background:var(--primary-100);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-icon{width:1.25rem;height:1.25rem;color:var(--primary-600)}.user-details{display:flex;flex-direction:column;gap:.125rem}.user-name{font-size:.875rem;font-weight:600;color:var(--gray-900);line-height:1.2}.user-email{font-size:.75rem;color:var(--gray-600);line-height:1.2}.btn-sm{padding:.5rem;font-size:.875rem;min-width:auto}.btn-sm svg{width:1rem;height:1rem}.page-container{width:100%;max-width:none;margin:0;padding:2rem;min-height:calc(100vh - 80px)}.page-header{margin-bottom:2rem;padding:0}.page-title{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;line-height:1.2;padding:0}.page-subtitle{font-size:1.125rem;color:var(--gray-600);margin:0;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;width:100%;max-width:100%}.stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card.pending:before{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.stat-card.overdue:before{background:linear-gradient(90deg,var(--danger-500),var(--danger-600))}.stat-card.paid:before{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.stat-card.total:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.stat-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-600)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,var(--warning-100),var(--warning-200));color:var(--warning-600)}.stat-card.overdue .stat-icon{background:linear-gradient(135deg,var(--danger-100),var(--danger-200));color:var(--danger-600)}.stat-card.paid .stat-icon{background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--success-600)}.stat-card.total .stat-icon{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-600)}.stat-icon svg{width:1.5rem;height:1.5rem}.stat-label{font-size:.875rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2rem;font-weight:800;color:var(--gray-900);margin-bottom:.25rem}.stat-count{font-size:.875rem;color:var(--gray-500);font-weight:500}.action-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);margin-bottom:2rem;width:100%}.action-card h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#ffffffe6;color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.content-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);overflow:hidden;width:100%}.content-header{padding:1.5rem 2rem;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50),var(--gray-100))}.content-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.content-body{padding:2rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--gray-500)}.empty-state-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;color:var(--gray-300);opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.empty-state p{font-size:1rem;color:var(--gray-500);margin-bottom:2rem}.form-container{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2)}.form-section{margin-bottom:2rem}.form-section h2{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:var(--gray-900)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-500)}.form-textarea{resize:vertical;min-height:100px}input[type=date].form-input{position:relative;cursor:pointer;min-height:44px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=date].form-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;width:28px;height:28px;padding:6px;margin-left:8px;transition:all .2s ease;border-radius:6px;background-color:#3b82f640;border:1px solid rgba(59,130,246,.3);background-size:16px 16px;background-position:center;background-repeat:no-repeat;position:relative;z-index:1}input[type=date].form-input::-webkit-calendar-picker-indicator:hover{background-color:#3b82f666;border-color:#3b82f680;transform:scale(1.08)}input[type=date].form-input::-webkit-calendar-picker-indicator:active{background-color:#3b82f680;border-color:#3b82f699;transform:scale(1.02)}input[type=date].form-input::-moz-calendar-picker-indicator{cursor:pointer;opacity:1;width:28px;height:28px;padding:6px;margin-left:8px;border-radius:6px;background-color:#3b82f640;border:1px solid rgba(59,130,246,.3);background-size:16px 16px;background-position:center}input[type=date].form-input::-moz-calendar-picker-indicator:hover{opacity:1;background-color:#3b82f666;border-color:#3b82f680}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--success-600)}.badge-warning{background:linear-gradient(135deg,var(--warning-100),var(--warning-200));color:var(--warning-600)}.badge-danger{background:linear-gradient(135deg,var(--danger-100),var(--danger-200));color:var(--danger-600)}.badge-info{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-600)}.table-container{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);border-bottom:1px solid var(--gray-200)}.table td{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background:#3b82f60d}@media (max-width: 768px){.header-content{padding:0 .75rem;gap:.5rem}.logo-text{font-size:1.2rem!important}.page-container{padding:1rem}.page-title{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr}.nav{display:none}.theme-toggle{width:36px!important;height:36px!important;font-size:1rem!important;margin-left:.25rem!important;flex-shrink:0}.menu-toggle,.landing-menu-toggle{width:44px;height:44px;flex-shrink:0;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.menu-toggle .line,.landing-menu-toggle .line{display:block!important;width:24px!important;height:2.5px!important;background:#4b5563!important;margin:5px 0!important;transition:transform .2s ease,opacity .2s ease!important;border-radius:2px!important}.user-section{margin-left:auto}.user-info{padding:.375rem .75rem;gap:.5rem}.user-details{display:none}.user-avatar{width:2rem;height:2rem}.avatar-icon{width:1rem;height:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.loading{opacity:.6;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.loading-spinner{border:2px solid var(--gray-300);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.loading-spinner-sm{width:16px;height:16px}.loading-spinner-md{width:24px;height:24px}.loading-spinner-lg{width:32px;height:32px}.loading-spinner-xl{width:48px;height:48px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--gray-200);margin-bottom:1rem}.modal-header h2{margin:0;color:var(--gray-900);font-size:1.25rem;font-weight:600}.modal-close{color:var(--gray-500);transition:color .2s ease}.modal-close:hover{color:var(--gray-700)}.modal-body{padding:0 1.5rem 1.5rem}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #dc26264d;z-index:1000;animation:slideUp .3s ease-out}.error-content{display:flex;align-items:center;gap:12px}.error-message{font-size:14px;font-weight:500}.error-close{background:none;border:none;color:#fff;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s}.error-close:hover{background:#ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--gray-900);background:#fff;background-attachment:fixed;background-size:cover;min-height:100vh;overflow-x:hidden}.landing-navbar{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.landing-nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.landing-nav-right{display:flex;align-items:center;margin-left:auto}.landing-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary-500);text-decoration:none;transition:transform .2s ease;cursor:pointer}.landing-logo:hover{transform:scale(1.05)}.landing-logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:12px;color:#fff;box-shadow:0 4px 12px #6366f14d}.landing-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0;align-items:center}.landing-theme-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:50%!important;border:none!important;background:#6366f11a!important;color:var(--primary-600)!important;cursor:pointer!important;font-size:1.25rem!important;transition:all .3s ease!important;margin-left:0rem!important;padding:0!important}.landing-theme-toggle:hover{background:#6366f133!important}:root.dark-mode .landing-theme-toggle{background:#f0fdfa1a!important;color:#10b981!important}:root.dark-mode .landing-theme-toggle:hover{background:#f0fdfa26!important}:root.dark-mode .landing-navbar{background:#1f2937f2;border-bottom:1px solid rgba(75,85,99,.3)}.landing-nav-links a{text-decoration:none;color:var(--gray-700);font-weight:500;position:relative;transition:color .3s ease}.landing-nav-links a:hover{color:var(--primary-500)}.landing-nav-links a:after{display:none}.landing-cta-button{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff!important;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #4f46e54d;position:relative;overflow:hidden}.landing-cta-button:hover{box-shadow:0 8px 25px #6366f166}.landing-hero{padding:7rem 2rem 6rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.landing-hero-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:500;font-size:.9rem;animation:fadeInUp .6s ease}.landing-hero-badge-icon{width:16px;height:16px;color:#fbbf24}.landing-hero h1{font-size:4rem;font-weight:800;color:var(--gray-900);margin-bottom:1.5rem;line-height:1.4;text-shadow:none;animation:fadeInUp .8s ease .1s both;padding:1rem 0;min-height:6rem}.landing-hero-title-main{display:block;background:linear-gradient(135deg,var(--primary-700),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;padding-bottom:.5rem;line-height:1.2}.landing-hero-title-sub{display:block;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-top:.5rem;padding-bottom:.5rem;line-height:1.2}.landing-hero-description{font-size:1.25rem;color:var(--gray-600);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease .2s both}.landing-hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:fadeInUp .8s ease .3s both}.landing-btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px #6366f14d;position:relative;overflow:hidden}.landing-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.landing-btn-primary:hover:before{left:100%}.landing-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #6366f166}.landing-btn-secondary{background:#fff;color:var(--primary-600);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;border:2px solid var(--primary-500);transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-600);transform:translateY(-3px);box-shadow:0 8px 25px #4f46e533}.landing-btn-icon{width:18px;height:18px;transition:transform .2s ease}.landing-btn-primary:hover .landing-btn-icon,.landing-btn-secondary:hover .landing-btn-icon{transform:translate(2px)}.landing-hero-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;animation:fadeInUp .8s ease .4s both}.landing-hero-stat{text-align:center;color:#fff}.landing-hero-stat-number{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.landing-hero-stat-label{font-size:.9rem;color:#fffc;font-weight:500}.landing-hero-visual{position:absolute;top:50%;right:5%;transform:translateY(-50%);animation:fadeInRight 1s ease .5s both}.landing-hero-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);min-width:280px}.landing-hero-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.landing-hero-card-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:50%}.landing-hero-card-info{flex:1}.landing-hero-card-name{font-weight:600;color:var(--gray-900);font-size:.9rem}.landing-hero-card-company{font-size:.8rem;color:var(--gray-600)}.landing-hero-card-content{display:flex;justify-content:space-between;align-items:center}.landing-hero-card-amount{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.landing-hero-card-status{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-title{font-size:3rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;text-shadow:none}.landing-section-subtitle{font-size:1.2rem;color:var(--gray-600);max-width:600px;margin:0 auto}.landing-features{padding:6rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.landing-features:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.landing-features .landing-section-title{color:var(--gray-900)}.landing-features .landing-section-subtitle{color:#fffc}.landing-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1}.landing-feature-card{background:#fffffff2;padding:2.5rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));transform:scaleX(0);transition:transform .3s ease}.landing-feature-card:hover:before{transform:scaleX(1)}.landing-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.landing-feature-card h3{color:var(--primary-600);margin-bottom:1rem;font-weight:600;font-size:1.3rem}.landing-feature-card p{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6}.landing-feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:20px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;box-shadow:0 8px 20px #6366f14d;transition:all .3s ease}.landing-feature-card:hover .landing-feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 30px #6366f166}.landing-feature-list{list-style:none;padding:0;margin:0;text-align:left}.landing-feature-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--gray-600);font-size:.9rem}.landing-feature-list svg{width:16px;height:16px;color:#10b981;flex-shrink:0}.landing-how-it-works{padding:6rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-how-it-works .landing-section-title{color:var(--primary-600);text-shadow:none}.landing-how-it-works .landing-section-subtitle{color:var(--gray-600)}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;position:relative}.landing-step{text-align:center;padding:2rem;position:relative}.landing-step-connector{position:absolute;top:50%;left:100%;width:100px;height:2px;background:linear-gradient(90deg,var(--primary-500),transparent);transform:translateY(-50%);z-index:1}.landing-step h3{color:var(--primary-600);margin-bottom:1rem;font-weight:600;font-size:1.3rem}.landing-step p{color:var(--gray-600);line-height:1.6}.landing-step-number{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 8px 20px #6366f14d;transition:all .3s ease}.landing-step:hover .landing-step-number{transform:scale(1.1);box-shadow:0 12px 30px #6366f166}.landing-pricing{padding:6rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-pricing .landing-section-title{color:var(--gray-900)}.landing-pricing .landing-section-subtitle{color:var(--gray-600)}.landing-pricing-grid{display:flex;justify-content:center;margin-top:3rem}.landing-pricing-card{background:#fffffff2;padding:2.5rem;border-radius:20px;text-align:left;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;max-width:900px;margin:0 auto;display:flex;align-items:center;gap:3rem}.landing-pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));transform:scaleX(0);transition:transform .3s ease}.landing-pricing-card:hover:before{transform:scaleX(1)}.landing-pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.landing-pricing-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.landing-pricing-left,.landing-pricing-right{flex:1;display:flex;flex-direction:column;justify-content:center}.landing-pricing-header{margin-bottom:1.5rem}.landing-pricing-card h3{color:var(--primary-600);margin-bottom:.25rem;font-weight:600;font-size:1.5rem}.landing-pricing-header p{color:var(--gray-600);font-size:.9rem}.landing-pricing-card.landing-featured{border:2px solid var(--primary-500);box-shadow:0 15px 35px #6366f133}.landing-pricing-card.landing-featured:hover{transform:translateY(-8px)}.landing-price{font-size:3rem;font-weight:800;color:var(--primary-500);margin:1rem 0;display:flex;align-items:baseline;gap:.25rem}.landing-price-currency{font-size:1.5rem;font-weight:600}.landing-price-amount{font-size:3.5rem;font-weight:800}.landing-price-period{font-size:1rem;font-weight:500;color:var(--gray-600)}.landing-pricing-features{list-style:none;padding:0;margin:0;text-align:left}.landing-pricing-features li{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;color:var(--gray-700);font-weight:500}.landing-pricing-features svg{width:18px;height:18px;color:#10b981;flex-shrink:0}.landing-pricing-note{text-align:center;margin-top:2rem;padding:1.5rem;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.landing-pricing-note p{color:#ffffffe6;font-size:1.1rem;margin:0;line-height:1.6}.landing-testimonials{padding:6rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-testimonials .landing-section-title{color:var(--primary-600);text-shadow:none}.landing-testimonials .landing-section-subtitle{color:var(--gray-600)}.landing-testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem}.landing-testimonial{background:var(--gray-50);padding:2.5rem;border-radius:20px;position:relative;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.landing-testimonial:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.landing-testimonial-rating{display:flex;gap:.25rem;margin-bottom:1rem}.landing-testimonial-rating svg{width:18px;height:18px;color:#fbbf24}.landing-testimonial p{color:var(--gray-700);line-height:1.6;margin-bottom:1.5rem;font-style:italic}.landing-testimonial-author{display:flex;align-items:center;gap:1rem}.landing-testimonial-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.landing-testimonial-name{font-weight:600;color:var(--gray-900);font-size:1rem}.landing-testimonial-role{color:var(--gray-600);font-size:.9rem}.landing-cta{padding:6rem 2rem;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));text-align:center;position:relative;overflow:hidden}.landing-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.landing-cta-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.landing-cta h2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.1)}.landing-cta p{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem}.landing-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-footer{background:#1f2937;color:#fff;padding:3rem 2rem 1rem}.landing-footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.landing-footer-section h4{font-weight:600;margin-bottom:1rem;color:#fff}.landing-footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary-400);margin-bottom:1rem}.landing-footer-section p{color:#9ca3af;line-height:1.6;margin-bottom:1rem}.landing-footer-links{display:flex;flex-direction:column;gap:.75rem}.landing-footer-links a{color:#d1d5db;text-decoration:none;font-size:.9rem;transition:color .2s ease}.landing-footer-links a:hover{color:var(--primary-400)}.landing-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #374151}.landing-footer-bottom p{color:#9ca3af;font-size:.9rem;margin:0}.landing-footer-social{display:flex;gap:1rem}.landing-footer-social a{color:#9ca3af;text-decoration:none;font-size:.9rem;transition:color .2s ease}.landing-footer-social a:hover{color:var(--primary-400)}.app-footer{background:#1f2937;color:#fff;padding:1rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-links a{color:#d1d5db;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copyright{text-align:right}.footer-copyright p{color:#9ca3af;font-size:.8rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}@media (max-width: 768px){.landing-hero h1{font-size:2.5rem}.landing-nav-container{padding:0 .75rem;gap:.5rem}.landing-logo-text{font-size:1.2rem}.landing-theme-toggle{width:36px!important;height:36px!important;font-size:1rem!important;flex-shrink:0}.landing-menu-toggle{flex-shrink:0;width:44px;height:44px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.landing-menu-toggle .line{display:block!important;width:24px!important;height:2.5px!important;background:#4b5563!important;margin:5px 0!important;transition:transform .2s ease,opacity .2s ease!important;border-radius:2px!important}.landing-hero-stats{flex-direction:column;gap:2rem}.landing-hero-visual{position:static;transform:none;margin-top:2rem}.landing-nav-links{display:none}.landing-hero-buttons{flex-direction:column;align-items:center}.landing-pricing-card.landing-featured{transform:none}.landing-footer-content{grid-template-columns:1fr;gap:2rem}.landing-footer-bottom{flex-direction:column;gap:1rem;text-align:center}.landing-features-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 640px){.landing-features-grid{grid-template-columns:1fr}}.landing-testimonial-grid,.landing-pricing-grid,.landing-steps{grid-template-columns:1fr}.landing-step-connector{display:none}}body{font-family:var(--font-body);font-size:clamp(.95rem,1.5vw,1rem);letter-spacing:-.01em}h1{font-size:clamp(1.75rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}.page-title,.landing-hero h1{font-size:clamp(1.75rem,4vw,3rem)}.landing-section-title,.landing-cta h2{font-size:clamp(1.5rem,3vw,2.25rem)}h1,h2,h3,.page-title,.landing-section-title,.landing-hero h1,.landing-cta h2{font-family:var(--font-display)}.main-content{padding:1rem;padding-top:calc(80px + 1rem);max-width:1280px}.page-container{padding:1rem}.content-card,.form-container,.table-container,.stat-card,.action-card{border-radius:var(--radius-card)}.btn,.nav-item,.landing-cta-button,.landing-btn-primary,.landing-btn-secondary{min-height:44px}.btn{padding:.75rem 1.25rem}.btn:focus-visible,.nav-item:focus-visible,.menu-toggle:focus-visible,.landing-menu-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f633}.menu-toggle,.landing-menu-toggle{width:44px;height:44px;display:none;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.menu-toggle:hover,.landing-menu-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.menu-toggle .line,.landing-menu-toggle .line{display:block;width:22px;height:3px;background:#4b5563;margin:5px 0;transition:transform .2s ease,opacity .2s ease;border-radius:2px}.menu-toggle.open .line:nth-child(1),.landing-menu-toggle.open .line:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open .line:nth-child(2),.landing-menu-toggle.open .line:nth-child(2){opacity:0}.menu-toggle.open .line:nth-child(3),.landing-menu-toggle.open .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu,.landing-mobile-menu{position:absolute;top:80px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);z-index:999}.mobile-menu.open,.landing-mobile-menu.open{max-height:100vh}.mobile-menu-content,.landing-mobile-menu-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);text-decoration:none;color:var(--gray-700);font-weight:600;background:#ffffffb3;border:1px solid rgba(255,255,255,.4);cursor:pointer}.mobile-nav-link.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.mobile-theme-toggle,.landing-mobile-theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);text-decoration:none;color:var(--primary-600);font-weight:600;background:#6366f11a;border:1px solid rgba(99,102,241,.2);cursor:pointer;width:100%;justify-content:center;transition:all .2s ease;font-size:1rem}.mobile-theme-toggle:hover,.landing-mobile-theme-toggle:hover{background:#6366f133;border-color:#6366f14d}:root.dark-mode .mobile-theme-toggle,:root.dark-mode .landing-mobile-theme-toggle{color:#10b981;background:#10b9811a;border-color:#10b98133}:root.dark-mode .mobile-theme-toggle:hover,:root.dark-mode .landing-mobile-theme-toggle:hover{background:#10b98133;border-color:#10b9814d}.mobile-menu-actions,.invoice-cards{display:grid;gap:.75rem}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.filters{display:grid;gap:1rem}.filters-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filters-search{flex:1;min-width:240px;position:relative}.filters-select{display:inline-flex;align-items:center;gap:.5rem}.form-stack .form-container+.form-container{margin-top:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.section-header-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.pill{font-size:.875rem;color:var(--gray-600);background-color:var(--gray-100);padding:.25rem .75rem;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.stack-list{display:flex;flex-direction:column;gap:1rem}.stack-card{padding:1.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#ffffff80}.stack-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.stack-card-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stack-card-grid-wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checklist{display:flex;flex-direction:column;gap:.5rem}.checklist-item{display:flex;align-items:center;gap:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.invoice-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.invoice-detail-title{display:flex;align-items:center;gap:1rem}.invoice-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.invoice-detail-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}.invoice-detail-main,.invoice-detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.invoice-card{background:#fffffff2;border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md);padding:1rem;display:grid;gap:.75rem}.invoice-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.invoice-card-title{font-weight:700;color:var(--gray-900)}.invoice-card-meta{font-size:.875rem;color:var(--gray-600)}.invoice-card-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.invoice-card-actions{display:flex;gap:.5rem}.table-desktop{display:none}.table-container{overflow-x:hidden}.invoice-skeletons{display:grid;gap:.75rem}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px;min-height:14px}.skeleton-line{height:12px}.skeleton-title{height:20px;width:60%}.skeleton-card{border-radius:var(--radius-card);padding:1rem;background:#ffffffb3;display:grid;gap:.75rem}.reveal-on-scroll{opacity:0;transform:translateY(12px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 639px){.reveal-on-scroll{transform:none}}@media (min-width: 640px){.main-content{padding:1.5rem;padding-top:calc(80px + 1.5rem)}.page-container{padding:1.5rem}:root{--radius-card: 14px}.form-stack .form-container+.form-container{margin-top:1.5rem}.form-actions{margin-top:2rem}}@media (min-width: 768px){.btn{padding:.875rem 1.5rem}.menu-toggle,.landing-menu-toggle,.mobile-menu,.landing-mobile-menu{display:none}.table-desktop{display:block}.invoice-cards{display:none}.table-container{overflow-x:auto}.landing-hero-buttons,.action-buttons{gap:1.25rem}:root{--radius-card: 16px}.form-stack .form-container+.form-container{margin-top:2rem}}@media (min-width: 1024px){.main-content{padding:2rem;padding-top:calc(80px + 2rem)}.page-container{padding:2rem}.nav,.landing-nav-links{display:flex}.invoice-detail-layout{grid-template-columns:minmax(0,1fr) 360px;gap:2rem}}@media (min-width: 1280px){.main-content{max-width:1280px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:root.dark-mode{color-scheme:dark}:root.dark-mode *{border-color:#6b72804d}:root.dark-mode .stat-card{background:#1f2937b3;border-color:#4b55634d}:root.dark-mode .content-card{background:#1f2937b3;border-color:#4b55634d;color:var(--gray-700)}:root.dark-mode input,:root.dark-mode textarea,:root.dark-mode select{background-color:#111827cc;color:var(--gray-800);border-color:#4b55634d}:root.dark-mode input::placeholder,:root.dark-mode textarea::placeholder{color:var(--gray-500)}:root.dark-mode input:focus,:root.dark-mode textarea:focus,:root.dark-mode select:focus{border-color:var(--primary-500);background-color:#111827e6}:root.dark-mode button{transition:all .3s ease}:root.dark-mode .logo-text{background:linear-gradient(135deg,var(--primary-400),var(--primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.dark-mode .nav-item span{color:var(--gray-500)!important}:root.dark-mode .landing-page{background:var(--gray-50);color:var(--gray-800)}:root.dark-mode .landing-hero{background:#111827cc}:root.dark-mode .landing-hero h1{color:var(--gray-900)}:root.dark-mode .landing-hero-description{color:var(--gray-600)}:root.dark-mode .landing-section-title{color:var(--gray-900)}:root.dark-mode .landing-section-subtitle{color:var(--gray-600)}:root.dark-mode .landing-section{background:var(--gray-50)}:root.dark-mode .action-card{background:#1f2937b3;border-color:#4b55634d;color:var(--gray-700)}:root.dark-mode .landing-feature-card{background:#1f2937b3;border-color:#4b55634d;color:var(--gray-700)}:root.dark-mode .landing-feature-icon{color:var(--primary-400)}:root.dark-mode .landing-feature-title{color:var(--gray-900)}:root.dark-mode .landing-feature-description{color:var(--gray-600)}:root.dark-mode .stack-card{background:#1f2937b3;color:var(--gray-700)}:root.dark-mode .invoice-card{background:#1f2937b3;border-color:#4b55634d;color:var(--gray-700)}:root.dark-mode .landing-testimonials{background:var(--gray-50);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root.dark-mode .landing-testimonials .landing-section-title{color:var(--primary-400)}:root.dark-mode .landing-testimonials .landing-section-subtitle{color:var(--gray-600)}:root.dark-mode .landing-testimonial{background:#1f2937e6;border-color:#4b556380;box-shadow:0 10px 30px #0000004d}:root.dark-mode .landing-testimonial:hover{box-shadow:0 15px 35px #00000080}:root.dark-mode .landing-testimonial p{color:var(--gray-600)}:root.dark-mode .landing-testimonial-text{color:var(--gray-600)}:root.dark-mode .landing-testimonial-rating svg{color:#fbbf24}:root.dark-mode .landing-testimonial-author{color:var(--gray-700)}:root.dark-mode .landing-testimonial-name{color:var(--gray-900)}:root.dark-mode .landing-testimonial-role{color:var(--gray-600)}:root.dark-mode .landing-cta{background:var(--gray-50)}:root.dark-mode .landing-cta-content h2{color:var(--gray-900)}:root.dark-mode .landing-cta-content p{color:var(--gray-600)}:root.dark-mode table{background-color:#1f293780}:root.dark-mode tbody tr{border-color:#4b556333}:root.dark-mode .Footer{background-color:#1f2937cc;border-top:1px solid rgba(75,85,99,.3)}:root.dark-mode h1,:root.dark-mode h2,:root.dark-mode h3,:root.dark-mode h4,:root.dark-mode h5,:root.dark-mode h6{color:var(--gray-900)}:root.dark-mode p,:root.dark-mode span,:root.dark-mode label{color:var(--gray-700)}:root.dark-mode a{color:var(--primary-400)}:root.dark-mode a:hover{color:var(--primary-500)}:root.dark-mode input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}:root.dark-mode .landing-features{background:var(--gray-50)}:root.dark-mode .landing-features-grid{background:var(--gray-50)}:root.dark-mode .landing-how-it-works{background:var(--gray-50)}:root.dark-mode .landing-how-it-works-grid{background:var(--gray-50)}:root.dark-mode .landing-step{background:#1f2937b3;border-color:#4b55634d}:root.dark-mode .landing-step h3{color:var(--gray-900)}:root.dark-mode .landing-step p{color:var(--gray-600)}:root.dark-mode .landing-pricing{background:var(--gray-50)}:root.dark-mode .landing-pricing-grid{background:var(--gray-50)}:root.dark-mode .landing-pricing-card{background:#1f2937b3;border-color:#4b55634d}:root.dark-mode .landing-pricing-card h3{color:var(--gray-900)}:root.dark-mode .landing-pricing-card p{color:var(--gray-600)}:root.dark-mode .landing-pricing-price{color:var(--gray-900)}:root.dark-mode .landing-pricing-features li{color:var(--gray-700)}:root.dark-mode .landing-footer{background:#1f2937e6;border-top:1px solid rgba(75,85,99,.3)}:root.dark-mode .landing-footer p,:root.dark-mode .landing-footer a{color:var(--gray-700)}:root.dark-mode .landing-footer a:hover{color:var(--primary-400)}:root.dark-mode .landing-hero-card{background:#1f2937b3;border-color:#4b55634d}:root.dark-mode label{color:var(--gray-700)}:root.dark-mode legend{color:var(--gray-900)}:root.dark-mode .form-group label{color:var(--gray-700)}:root.dark-mode .form-group span{color:var(--gray-600)}:root.dark-mode input[type=text],:root.dark-mode input[type=email],:root.dark-mode input[type=password],:root.dark-mode input[type=number],:root.dark-mode input[type=date],:root.dark-mode input[type=time],:root.dark-mode input[type=search],:root.dark-mode textarea,:root.dark-mode select{background-color:#111827cc;color:var(--gray-800);border-color:#4b55634d}:root.dark-mode .form-input,:root.dark-mode .form-select,:root.dark-mode .form-textarea{background:#111827cc;color:var(--gray-800);border-color:#4b55634d}:root.dark-mode .form-input:focus,:root.dark-mode .form-select:focus,:root.dark-mode .form-textarea:focus{background:#111827e6;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark-mode .form-input::placeholder,:root.dark-mode .form-textarea::placeholder{color:var(--gray-500)}:root.dark-mode .form-container{background:#1f2937cc;border-color:#4b55634d;color:var(--gray-700)}:root.dark-mode .form-section h2{color:var(--gray-900)}:root.dark-mode .filters{background:#1f2937cc}:root.dark-mode .filters-row{background:inherit}:root.dark-mode input[type=text]::placeholder,:root.dark-mode input[type=email]::placeholder,:root.dark-mode input[type=password]::placeholder,:root.dark-mode input[type=number]::placeholder,:root.dark-mode input[type=search]::placeholder,:root.dark-mode textarea::placeholder{color:var(--gray-500)}:root.dark-mode input[type=text]:focus,:root.dark-mode input[type=email]:focus,:root.dark-mode input[type=password]:focus,:root.dark-mode input[type=number]:focus,:root.dark-mode input[type=date]:focus,:root.dark-mode input[type=time]:focus,:root.dark-mode input[type=search]:focus,:root.dark-mode textarea:focus,:root.dark-mode select:focus{background-color:#111827e6;border-color:var(--primary-500);color:var(--gray-800)}:root.dark-mode .modal{background-color:#00000080}:root.dark-mode .modal-content{background:#1f2937f2;color:var(--gray-700);border-color:#4b55634d}:root.dark-mode .modal-header{border-bottom-color:#4b55634d}:root.dark-mode .modal-header h2,:root.dark-mode .modal-title{color:var(--gray-900)}:root.dark-mode .modal-body{color:var(--gray-700)}:root.dark-mode .modal-footer{border-top-color:#4b55634d}:root.dark-mode .alert{background-color:#1f2937cc;border-color:#4b55634d;color:var(--gray-700)}:root.dark-mode .alert-success{background-color:#10b98133;border-color:#10b98180;color:#d1fae5}:root.dark-mode .alert-warning{background-color:#f59e0b33;border-color:#f59e0b80;color:#fef3c7}:root.dark-mode .alert-danger{background-color:#ef444433;border-color:#ef444480;color:#fee2e2}:root.dark-mode .alert-info{background-color:#3b82f633;border-color:#3b82f680;color:#dbeafe}:root.dark-mode table{background-color:#1f293780;color:var(--gray-700)}:root.dark-mode thead{background-color:#1f2937cc;border-bottom-color:#4b55634d}:root.dark-mode thead th{color:var(--gray-900);border-color:#4b55634d}:root.dark-mode tbody td{border-color:#4b556333;color:var(--gray-700)}:root.dark-mode tbody tr:hover{background-color:#4b55631a}:root.dark-mode .btn{transition:all .2s ease}:root.dark-mode .btn-primary{background-color:var(--primary-500);color:#fff;border-color:var(--primary-500)}:root.dark-mode .btn-primary:hover{background-color:var(--primary-400);border-color:var(--primary-400)}:root.dark-mode .btn-secondary{background-color:#6b72804d;color:var(--gray-800);border-color:#6b72804d}:root.dark-mode .btn-secondary:hover{background-color:#6b728080;border-color:#6b728080;color:var(--gray-900)}:root.dark-mode .btn-danger{background-color:#ef44444d;color:#fca5a5;border-color:#ef44444d}:root.dark-mode .btn-danger:hover{background-color:#ef444480;border-color:#ef444480;color:#fee2e2}:root.dark-mode .badge{background-color:#6366f14d;color:var(--primary-300)}:root.dark-mode .tag{background-color:#6366f14d;color:var(--primary-300)}:root.dark-mode .text-link{color:var(--primary-400);text-decoration:none}:root.dark-mode .text-link:hover{color:var(--primary-300);text-decoration:underline}:root.dark-mode hr{border-color:#4b55634d}:root.dark-mode .skeleton{background:linear-gradient(90deg,#4b55634d,#6b728033,#4b55634d);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root.dark-mode .dashboard-card{background:#1f2937b3;border-color:#4b55634d;color:var(--gray-700)}:root.dark-mode .dashboard-card h3{color:var(--gray-900)}:root.dark-mode .dashboard-card p{color:var(--gray-600)}:root.dark-mode .chart-container{background:#1f293780;border-color:#4b55634d}:root.dark-mode select option{background-color:#1f2937;color:var(--gray-800)}:root.dark-mode input[type=checkbox],:root.dark-mode input[type=radio]{background-color:#111827cc;border-color:#4b55634d;accent-color:var(--primary-500)}:root.dark-mode input[type=checkbox]:checked,:root.dark-mode input[type=radio]:checked{background-color:var(--primary-500);border-color:var(--primary-500)}:root.dark-mode ::-webkit-scrollbar{width:10px;height:10px}:root.dark-mode ::-webkit-scrollbar-track{background:#1f293780}:root.dark-mode ::-webkit-scrollbar-thumb{background:#6b728066;border-radius:5px}:root.dark-mode ::-webkit-scrollbar-thumb:hover{background:#6b728099}:root.dark-mode .nav-links a{color:var(--gray-700)}:root.dark-mode .nav-links a:hover{color:var(--primary-400)}:root.dark-mode .landing-nav-links a{color:var(--gray-700)}:root.dark-mode .landing-nav-links a:hover{color:var(--primary-400)}:root.dark-mode .help-text{color:var(--gray-500)}:root.dark-mode .error-text{color:#fca5a5}:root.dark-mode .success-text{color:#d1fae5}:root.dark-mode .warning-text{color:#fef3c7}:root.dark-mode mark{background-color:#f59e0b4d;color:var(--gray-900)}:root.dark-mode code{background-color:#1f2937cc;color:var(--primary-300);border-color:#4b55634d}:root.dark-mode pre{background-color:#1f2937cc;color:var(--gray-800);border-color:#4b55634d}:root.dark-mode .menu-toggle .line,:root.dark-mode .landing-menu-toggle .line{background:#d1d5db!important}