body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f1f5f9;color:#1e293b;font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.layout,.sidebar{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e2e8f0;bottom:0;flex-direction:column;left:0;position:fixed;top:0;transition:width .2s;width:240px;z-index:100}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:1.25rem 1rem}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:.6rem}.brand-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.brand-icon,.brand-name{font-size:1rem;font-weight:700}.brand-name{color:#0f172a}.collapse-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;padding:.25rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:.75rem 0}.nav-item{align-items:center;border-radius:0;color:#64748b;display:flex;font-weight:500;gap:.75rem;padding:.65rem 1rem;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-item:hover{background:#f8fafc;color:#0d9488}.nav-item.active{background:#f0fdfa;border-right:3px solid #0d9488;color:#0d9488}.nav-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:20px}.nav-label{font-size:.875rem}.sidebar-footer{border-top:1px solid #f1f5f9;padding:1rem}.user-info{gap:.6rem;margin-bottom:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-name{color:#0f172a;font-size:.8rem;font-weight:600}.user-role{color:#94a3b8;font-size:.7rem;text-transform:capitalize}.logout-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .15s;width:100%}.logout-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.app-version{color:#cbd5e1;font-size:.65rem;letter-spacing:.05em;margin-top:.5rem;text-align:center}.main-wrapper{flex:1 1;margin-left:240px;transition:margin-left .2s}.sidebar.collapsed~.main-wrapper{margin-left:64px}.main-content{margin:0 auto;max-width:1400px;padding:2rem}.auth-container{align-items:center;background:linear-gradient(135deg,#f0fdfa,#e0f2fe 50%,#f0fdf4);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px #00000014;max-width:420px;padding:2.5rem;position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,#0d9488,#0891b2,#06b6d4);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-brand{margin-bottom:1.5rem;text-align:center}.brand-icon-lg{align-items:center;background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:14px;color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:56px;justify-content:center;margin:0 auto .5rem;width:56px}.brand-title{color:#0f172a;font-size:1.3rem;font-weight:800}.brand-sub{color:#94a3b8;font-size:.8rem}.auth-card h2{color:#0f172a;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:0}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;font-size:.95rem;margin-bottom:.875rem;padding:.85rem 1rem;transition:all .2s;width:100%}.auth-form input::placeholder{color:#94a3b8}.auth-form input:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d948826;outline:none}.password-wrapper{margin-bottom:.875rem;position:relative}.password-wrapper input{margin-bottom:0!important;padding-right:5rem!important}.show-password-btn{background:none;border:none;color:#0d9488;cursor:pointer;font-size:.75rem;font-weight:600;padding:.2rem .4rem;position:absolute;right:.75rem;text-transform:uppercase;top:50%;transform:translateY(-50%)}.show-password-btn:hover{color:#0891b2}.remember-me{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.remember-me input{accent-color:#0d9488}.auth-btn{background:linear-gradient(135deg,#0d9488,#0891b2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:1rem;overflow:hidden;padding:.9rem;position:relative;transition:all .2s}.auth-btn:hover{box-shadow:0 6px 20px #0d948859;transform:translateY(-1px)}.toggle-btn{background:none;border:none;color:#0d9488;cursor:pointer;display:block;font-size:.875rem;text-align:center;width:100%}.toggle-btn:hover{color:#0891b2}.auth-note{color:#94a3b8;font-size:.8rem;margin-top:.5rem;text-align:center}.page{padding-bottom:2rem}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{color:#0f172a;font-size:1.75rem;font-weight:700}.page-subtitle{color:#64748b;display:block;font-size:.875rem;margin-top:.15rem}.page-loading{color:#94a3b8;padding:3rem;text-align:center}.btn-primary{background:linear-gradient(135deg,#0d9488,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.6rem 1.25rem;transition:all .15s;white-space:nowrap}.btn-primary:hover{box-shadow:0 4px 14px #0d948859;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:.6rem 1.25rem;transition:all .15s}.btn-secondary:hover{background:#f8fafc}.btn-sm{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:500;padding:.35rem .75rem;transition:all .15s;white-space:nowrap}.btn-sm:hover{background:#e2e8f0}.btn-sm.danger{background:#fee2e2;color:#dc2626}.btn-sm.danger:hover{background:#fca5a5}.btn-sm.success{background:#d1fae5;color:#059669}.btn-sm.success:hover{background:#a7f3d0}.btn-sm.print{background:#ede9fe;color:#7c3aed}.btn-sm.print:hover{background:#ddd6fe}.search-bar{margin-bottom:1rem}.search-bar input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.875rem;max-width:360px;padding:.65rem 1rem;width:100%}.search-bar input:focus{border-color:#0d9488;box-shadow:0 0 0 2px #0d948826;outline:none}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .875rem;transition:all .15s}.filter-tab:hover{border-color:#0d9488;color:#0d9488}.filter-tab.active{background:#0d9488;border-color:#0d9488;color:#fff}.tab-count{background:#ffffff40;border-radius:10px;font-size:.7rem;padding:0 .4rem}.filter-tab:not(.active) .tab-count{background:#f1f5f9;color:#94a3b8}.table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f1f5f9;font-size:.875rem;padding:.85rem 1rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc}.empty-row{color:#94a3b8;padding:3rem!important;text-align:center}.actions{display:flex;flex-wrap:nowrap;gap:.4rem}.status-badge{font-weight:600;padding:.25rem .6rem}.status-badge,.tag{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;text-transform:capitalize}.tag{background:#f1f5f9;color:#475569;font-weight:500;padding:.2rem .6rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:1.5rem}.card-title{color:#0f172a;font-size:.9rem;font-weight:600;margin-bottom:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;gap:1rem;padding:1.25rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;width:44px}.stat-value{color:#0f172a;font-size:1.3rem;font-weight:700}.stat-label{color:#64748b;font-size:.75rem;margin-top:.1rem}.dashboard-row{display:flex;gap:1rem;margin-bottom:1rem}.flex-1{flex:1 1}.flex-2{flex:2 1}.bar-chart{align-items:flex-end;display:flex;gap:.5rem;height:140px;padding-top:1.5rem}.bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.35rem}.bar{background:linear-gradient(180deg,#0d9488,#0891b2);border-radius:4px 4px 0 0;min-height:4px;transition:height .4s;width:100%}.bar-label{color:#94a3b8;font-size:.7rem}.bar-value{color:#64748b;font-size:.65rem;white-space:nowrap}.status-list{display:flex;flex-direction:column;gap:.6rem}.status-row{align-items:center;display:flex;gap:.75rem}.status-count{color:#0f172a;font-size:.875rem;font-weight:600;margin-left:auto}.status-bar-wrap{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.status-bar{border-radius:3px;height:100%;transition:width .4s}.expense-cats{display:flex;flex-wrap:wrap;gap:.75rem}.expense-cat{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .875rem}.cat-name{color:#475569;text-transform:capitalize}.cat-amount{color:#0f172a;font-weight:600}.expense-breakdown{display:flex;flex-direction:column;gap:.6rem}.expense-breakdown-row{align-items:center;display:flex;gap:.75rem}.expense-bar-wrap{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.expense-bar{border-radius:4px;height:100%;transition:width .4s}.expense-pct{color:#64748b;font-size:.75rem;text-align:right;width:36px}.expense-amt{color:#0f172a;font-size:.875rem;font-weight:600;text-align:right;width:80px}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}.modal{animation:fadeIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-wide{max-width:820px}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:sticky;top:0}.modal-header h2{color:#0f172a;font-size:1.1rem;font-weight:700}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1rem;padding:.25rem}.modal-close:hover{color:#64748b}.modal-body{padding:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.form-grid{display:flex;flex-direction:column;gap:0}.form-row{display:flex;gap:1rem;margin-bottom:0}.form-row>.field{flex:1 1}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{color:#374151;font-size:.8rem;font-weight:600}.field input,.field select,.field textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.875rem;padding:.7rem .875rem;transition:all .15s;width:100%}.field input::placeholder{color:#94a3b8}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#0d9488;box-shadow:0 0 0 2px #0d948826;outline:none}.field textarea{resize:vertical}.line-items{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.line-items-header{background:#f8fafc;color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.line-item-row,.line-items-header{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:3fr 60px 100px 70px 70px 90px 30px;padding:.5rem .75rem}.line-item-row{align-items:center;border-top:1px solid #f1f5f9}.line-item-row input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;padding:.45rem .5rem;width:100%}.line-item-row input:focus{border-color:#0d9488;outline:none}.line-amount{color:#0f172a;font-size:.8rem;font-weight:600;text-align:right}.remove-row-btn{color:#dc2626;padding:0}.add-row-btn,.remove-row-btn{background:none;border:none;cursor:pointer;font-size:.8rem}.add-row-btn{color:#0d9488;font-weight:600;margin:.5rem .75rem;padding:.25rem 0}.add-row-btn:hover{text-decoration:underline}.totals-summary{align-items:flex-end;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.3rem;padding:.75rem}.totals-summary div{color:#64748b;display:flex;font-size:.8rem;gap:2rem}.totals-summary div span:last-child{min-width:80px;text-align:right}.total-row{font-size:.9rem!important;font-weight:700!important}.total-row,.total-row span{color:#0f172a!important}.logo-upload-area{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem}.logo-dropzone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;height:120px;justify-content:center;transition:all .2s;width:200px}.logo-dropzone:hover{background:#f0fdfa;border-color:#0d9488}.logo-drop-icon{font-size:2rem}.logo-drop-text{color:#475569;font-size:.875rem;font-weight:600}.logo-drop-sub{color:#94a3b8;font-size:.75rem}.logo-preview-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}.logo-preview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:100px;max-width:220px;object-fit:contain;padding:8px}.logo-actions{display:flex;gap:.5rem}.landing{background:#fff;color:#0f172a;font-family:Inter,Segoe UI,sans-serif;overflow-x:hidden}.landing-nav{background:#0000;left:0;padding:0 2rem;position:fixed;right:0;top:0;transition:background .3s,box-shadow .3s;z-index:999}.landing-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;box-shadow:0 1px 0 #e2e8f0}.landing-nav-inner{align-items:center;display:flex;height:68px;justify-content:space-between;margin:0 auto;max-width:1160px}.landing-logo{align-items:center;display:flex;gap:.6rem;text-decoration:none}.landing-logo-icon{align-items:center;background:linear-gradient(135deg,#0d9488,#0891b2);border-radius:9px;color:#fff;display:flex;font-size:1rem;font-weight:800;height:34px;justify-content:center;width:34px}.landing-logo-text{color:#0f172a;font-size:1.05rem;font-weight:700}.landing-nav-links{display:flex;gap:2rem}.landing-nav-links a{color:#475569;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s}.landing-nav-links a:hover{color:#0d9488}.landing-signin-btn{background:linear-gradient(135deg,#0d9488,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.55rem 1.25rem;transition:all .2s}.landing-signin-btn:hover{box-shadow:0 4px 14px #0d948859;transform:translateY(-1px)}.landing-hero{align-items:center;background:linear-gradient(160deg,#f0fdfa,#e0f2fe 40%,#f8fafc);display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin:0 auto;max-width:1160px;min-height:100vh;overflow:hidden;padding:6rem 2rem 4rem;position:relative}.hero-glow{background:radial-gradient(circle,#0d94881f 0,#0000 70%);border-radius:50%;height:600px;pointer-events:none;position:absolute;right:-200px;top:-200px;width:600px}.hero-content{flex:1 1;max-width:560px;min-width:300px}.hero-badge{align-items:center;background:#f0fdfa;border:1px solid #99f6e4;border-radius:20px;color:#0d9488;display:inline-flex;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.5rem;padding:.35rem .875rem}.hero-title{color:#0f172a;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.25rem}.hero-title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#0891b2);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#475569;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:480px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-cta{background:linear-gradient(135deg,#0d9488,#0891b2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 1.75rem;transition:all .2s}.hero-cta:hover{box-shadow:0 8px 24px #0d948866;transform:translateY(-2px)}.hero-cta-secondary{align-items:center;background:#fff;border:1.5px solid #99f6e4;border-radius:10px;color:#0d9488;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;padding:.85rem 1.75rem;text-decoration:none;transition:all .2s}.hero-cta-secondary:hover{background:#f0fdfa;border-color:#0d9488}.hero-visual{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-width:420px;min-width:280px}.mock-card{animation:floatCard 4s ease-in-out infinite;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #0000001a;padding:1.5rem}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mock-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mock-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.mock-badge.paid{background:#d1fae5;color:#059669}.mock-amount{color:#0f172a;font-size:1.4rem;font-weight:800}.mock-line{color:#475569;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.mock-line.bold{color:#0f172a;font-size:.95rem;font-weight:700}.mock-divider{background:#f1f5f9;height:1px;margin:.75rem 0}.mock-footer{display:flex;justify-content:space-between;margin-top:1rem}.mock-inv{color:#94a3b8;font-size:.75rem}.mock-date{color:#0891b2;font-size:.75rem;font-weight:600}.mock-stat-row{display:flex;gap:.75rem}.mock-stat{border-radius:12px;box-shadow:0 4px 16px #0000000f;flex:1 1;padding:.875rem;text-align:center}.mock-stat.green{background:#d1fae5}.mock-stat.blue{background:#dbeafe}.mock-stat.purple{background:#ede9fe}.mock-stat-val{color:#0f172a;font-size:1.1rem;font-weight:800}.mock-stat-lbl{color:#64748b;font-size:.7rem;margin-top:.2rem}.landing-stats{background:#0f172a;display:flex;flex-wrap:wrap;gap:0;justify-content:center;padding:2.5rem 2rem}.landing-stat{border-right:1px solid #ffffff14;flex:1 1;min-width:160px;padding:.5rem 1rem;text-align:center}.landing-stat:last-child{border-right:none}.landing-stat-val{color:#fff;font-size:1.75rem;font-weight:800}.landing-stat-lbl{color:#94a3b8;font-size:.8rem;margin-top:.25rem}.landing-section{margin:0 auto;max-width:1160px;padding:6rem 2rem;text-align:center}.alt-bg{background:#f8fafc;max-width:100%;padding:6rem 2rem}.alt-bg>*{margin-left:auto;margin-right:auto;max-width:1160px}.section-label{color:#0d9488;font-size:.8rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.section-title{color:#0f172a;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.section-sub{color:#64748b;font-size:1.05rem;line-height:1.7;margin:0 auto 3rem;max-width:560px}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));text-align:left}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .2s}.feature-card:hover{border-color:#99f6e4;box-shadow:0 12px 32px #00000014;transform:translateY(-4px)}.feature-icon{align-items:center;border-radius:12px;display:flex;font-size:1.4rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.feature-card h3{color:#0f172a;font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.feature-card p{color:#64748b;font-size:.875rem;line-height:1.65}.steps-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:left}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000a;flex:1 1;max-width:300px;min-width:220px;padding:2rem}.step-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#0891b2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;line-height:1;margin-bottom:.75rem}.step-card h3{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:.5rem}.step-card p{color:#64748b;font-size:.875rem;line-height:1.6}.step-arrow{color:#cbd5e1;flex-shrink:0;font-size:1.5rem;margin-top:2.5rem}.roles-grid{display:flex;flex-direction:column;gap:.875rem;margin:0 auto;max-width:640px;text-align:left}.role-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem}.role-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.role-name{color:#0f172a;font-size:.9rem;font-weight:700}.role-desc{color:#64748b;font-size:.8rem;margin-top:.1rem}.landing-cta-section{background:linear-gradient(135deg,#0f172a,#1e293b);overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.cta-glow{background:radial-gradient(circle,#0d948833 0,#0000 70%);border-radius:50%;height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.landing-cta-section h2{color:#fff;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.landing-cta-section p{color:#94a3b8;font-size:1.05rem;margin-bottom:2rem}.landing-footer{background:#0f172a;border-top:1px solid #ffffff0f;padding:2.5rem 2rem}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1160px}.footer-inner .landing-logo-text{color:#e2e8f0}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a,.footer-links span{color:#64748b;font-size:.875rem;text-decoration:none;transition:color .15s}.footer-links a:hover,.footer-links span:hover{color:#0d9488}.footer-copy{color:#475569;font-size:.8rem}.toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.6rem;pointer-events:none;position:fixed;right:1.5rem;z-index:9999}.toast{align-items:center;animation:toastIn .25s ease-out;border-radius:10px;box-shadow:0 8px 24px #0000001f;display:flex;font-size:.875rem;font-weight:500;gap:.6rem;max-width:400px;min-width:260px;padding:.75rem 1rem;pointer-events:all}@keyframes toastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#f0fdf4;border:1px solid #86efac;color:#15803d}.toast-error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.toast-warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.toast-info{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}.toast-icon{flex-shrink:0;font-size:1rem}.toast-message{flex:1 1;line-height:1.4}.toast-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:.75rem;opacity:.5;padding:0}.toast-close:hover{opacity:1}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:.8rem;margin-bottom:.25rem;padding:.875rem 1rem}.info-box strong{display:block;margin-bottom:.4rem}.info-box ul{display:flex;flex-direction:column;gap:.2rem;margin:0;padding-left:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card,.stat-card,.table-card{animation:fadeIn .3s ease-out}@media (max-width:768px){.sidebar{width:64px}.sidebar .brand-name,.sidebar .nav-label,.sidebar .user-info,.sidebar .user-name,.sidebar .user-role{display:none}.main-wrapper{margin-left:64px}.main-content{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-row,.form-row{flex-direction:column}.line-item-row,.line-items-header{grid-template-columns:2fr 50px 80px 30px}.line-item-row .line-amount,.line-item-row input:nth-child(4),.line-item-row input:nth-child(5),.line-items-header span:nth-child(4),.line-items-header span:nth-child(5),.line-items-header span:nth-child(6){display:none}}
/*# sourceMappingURL=main.e44aca8e.css.map*/