@import "https://fonts.googleapis.com/css2?family=Inter:wght@300..800&family=Plus+Jakarta+Sans:wght@300..800&display=swap";.sidebar{width:var(--sidebar-width);border:1px solid var(--border-color);background:#fff;border-radius:4px;flex-direction:column;height:calc(100vh - 2rem);margin:1rem;padding:1.5rem;display:flex}.sidebar-header{margin-bottom:2rem}.logo-container{align-items:center;gap:1rem;display:flex}.logo-icon{background:var(--accent-primary);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;display:flex}.sidebar-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600}.sidebar-menu{flex-direction:column;flex:1;gap:.25rem;display:flex}.menu-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;font-family:Arial,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:var(--text-primary);background:#f4f9f5}.menu-item.active{color:var(--accent-primary-hover);border-left:3px solid var(--accent-primary);background:#e8f0ea}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.logout-btn{color:var(--accent-danger)}.logout-btn:hover{color:var(--accent-danger);background:#ffebee}.landing-wrapper{color:#2c3e2d;background-color:#f4f9f5;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #c3d1c680;transition:all .3s;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex}.landing-logo{color:#2e7d32;align-items:center;gap:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .2s;display:flex}.landing-logo:hover{transform:translateY(-1px)}.landing-logo-icon{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:10px;justify-content:center;align-items:center;width:80px;height:40px;font-weight:800;display:flex;box-shadow:0 4px 10px #4caf5033}.landing-menu{align-items:center;gap:2rem;display:flex}.landing-links{align-items:center;gap:1.5rem;list-style:none;display:flex}.landing-links a{color:#5c705d;padding:.25rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.landing-links a:hover{color:#2e7d32}.landing-links a:after{content:"";background-color:#4caf50;width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.landing-links a:hover:after{width:100%}.landing-actions{align-items:center;gap:1rem;display:flex}.landing-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.landing-btn-login{color:#2e7d32;background-color:#0000;border:1.5px solid #2e7d32}.landing-btn-login:hover{background-color:#2e7d320d;transform:translateY(-1px)}.landing-btn-register{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 12px #2e7d3226}.landing-btn-register:hover{background:linear-gradient(135deg,#43a047,#256529);transform:translateY(-1px);box-shadow:0 6px 16px #2e7d3240}.mobile-menu-toggle{display:none}.hero-section{flex:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:5rem 2rem;display:grid}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.hero-tagline{color:#2e7d32;letter-spacing:.5px;background-color:#4caf501a;border:1px solid #4caf5033;border-radius:20px;align-self:flex-start;align-items:center;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{color:#1b301c;font-family:Plus Jakarta Sans,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg,#4caf50,#2e7d32);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:#5c705d;max-width:540px;font-size:1.15rem;line-height:1.6}.hero-actions{gap:1rem;margin-top:1rem;display:flex}.hero-btn-large{border-radius:10px;padding:.85rem 2rem;font-size:1.05rem}.hero-mockup-container{justify-content:center;align-items:center;display:flex;position:relative}.hero-mockup-wrapper{background:#fff;border-radius:16px;padding:.5rem;transition:transform .4s cubic-bezier(.165,.84,.44,1);animation:6s ease-in-out infinite float;overflow:hidden;box-shadow:0 20px 40px #00000014,0 1px 3px #00000005,inset 0 0 0 1px #c3d1c666}.hero-mockup-wrapper:hover{transform:scale(1.02)rotate(1deg)}.hero-mockup{border:1px solid #e8f0ea;border-radius:12px;width:100%;height:auto;display:block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.features-section{background-color:#fff;border-top:1px solid #c3d1c6;border-bottom:1px solid #c3d1c6;padding:6rem 2rem}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:4rem;display:flex}.section-label{color:#4caf50;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:700}.section-title{color:#1b301c;font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:700}.section-desc{color:#5c705d;max-width:600px;font-size:1.05rem;line-height:1.5}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.feature-card{background-color:#f4f9f5;border:1px solid #c3d1c6;border-radius:12px;flex-direction:column;gap:1.25rem;padding:2.25rem;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex}.feature-card:hover{background-color:#fff;border-color:#4caf50;transform:translateY(-6px);box-shadow:0 12px 24px #2e7d3214}.feature-icon-wrapper{color:#2e7d32;background-color:#4caf501a;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon-wrapper{color:#fff;background-color:#4caf50}.feature-card h3{color:#1b301c;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:600}.feature-card p{color:#5c705d;font-size:.95rem;line-height:1.6}.eco-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.eco-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.eco-card{text-align:center;color:inherit;background:#fff;border:1px solid #c3d1c6;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex}.eco-card:hover{border-color:#4caf50;transform:translateY(-4px);box-shadow:0 10px 20px #0000000a}.eco-card-title{color:#2e7d32;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:700}.eco-card-desc{color:#5c705d;font-size:.95rem;line-height:1.5}.eco-card-link{color:#4caf50;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.9rem;font-weight:600;transition:gap .2s;display:flex}.eco-card:hover .eco-card-link{gap:.5rem}.landing-footer{color:#e8f0ea;background-color:#1b301c;border-top:1px solid #c3d1c61a;margin-top:auto;padding:4rem 2rem 2rem}.footer-container{flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.footer-info{flex-direction:column;gap:1rem;max-width:360px;display:flex}.footer-logo{color:#fff;align-items:center;gap:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.footer-logo span{color:#8bc34a}.footer-desc{color:#b0c4b1;font-size:.9rem;line-height:1.6}.footer-links-group{gap:4rem;display:flex}.footer-column{flex-direction:column;gap:1rem;display:flex}.footer-column h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:600}.footer-column ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-column a{color:#b0c4b1;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{color:#b0c4b1;border-top:1px solid #c3d1c61a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.85rem;display:flex}@media (width<=992px){.hero-section{text-align:center;grid-template-columns:1fr;gap:3rem;padding:3rem 2rem}.hero-tagline{align-self:center}.hero-desc{margin:0 auto}.hero-actions{justify-content:center}.eco-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=768px){.landing-nav{padding:1rem 1.5rem}.landing-links{display:none}.hero-title{font-size:2.5rem}.footer-links-group{justify-content:space-between;gap:2rem;width:100%}}.page-container{flex-direction:column;gap:1.5rem;height:100%;display:flex}.page-header{justify-content:space-between;align-items:flex-end;display:flex}.page-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.subtitle{color:var(--text-secondary);font-size:1rem}.header-actions{gap:.5rem;display:flex}.tabs-container{border-bottom:1px solid var(--border-color);gap:1rem;padding-bottom:0;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-family:Arial,sans-serif;font-size:1rem;font-weight:500;transition:color .2s;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary)}.tab-btn.active:after{content:"";background:var(--accent-primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.content-panel{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.toolbar{justify-content:space-between;align-items:center;display:flex}.search-box{width:300px;position:relative}.search-icon{color:var(--text-secondary);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-box .input-field{width:100%;padding-left:2.25rem}.text-right{text-align:right}.amount{color:var(--text-primary);font-family:Arial,sans-serif;font-weight:600}.tax-amount{color:var(--text-secondary);font-family:Arial,sans-serif}.total-row td{font-weight:700;background:#e8f0ea!important}.total-amount{color:var(--text-primary);font-size:1rem}.total-tax{color:var(--text-secondary);font-size:1rem}:root{--bg-primary:#f4f9f5;--bg-secondary:#fff;--bg-tertiary:#e8f0ea;--text-primary:#2c3e2d;--text-secondary:#5c705d;--accent-primary:#4caf50;--accent-primary-hover:#388e3c;--accent-secondary:#8bc34a;--accent-danger:#d32f2f;--border-color:#c3d1c6;--glass-bg:#fff;--glass-border:#c3d1c6;--glass-shadow:none;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-primary);flex:1;padding:2rem;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#b0c4b1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary)}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#fff}.btn-secondary:hover{background:#f4f9f5}.btn-icon{color:var(--text-primary);border:1px solid var(--border-color);background:#fff;padding:.5rem}.btn-icon:hover{background:#f4f9f5}.btn-link{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-weight:500}.btn-link:hover{text-decoration:underline}.data-grid{background:#fff;border:1px solid #c3d1c6;display:grid}.data-grid-header{background-color:#f4f9f5;font-weight:600;display:contents}.data-grid-row{display:contents}.data-grid-cell{border-bottom:1px solid #c3d1c6;border-right:1px solid #c3d1c6;padding:4px 8px;font-size:1rem}.table-container{background:#fff;border:1px solid #c3d1c6;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-family:Inter,sans-serif}th,td{border:1px solid #c3d1c6;padding:4px 8px;font-size:1rem}th{color:var(--text-primary);white-space:nowrap;background:#f4f9f5;font-weight:600}tr:nth-child(2n) td{background:#fafcfa}tr:hover td{background:#e8f0ea}.input-group{flex-direction:column;gap:.25rem;display:flex}.input-label{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:1rem}.input-field{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:4px;padding:.4rem .75rem;font-family:Inter,sans-serif;transition:border-color .2s}.input-field:focus{border-color:var(--accent-primary);outline:none}.badge{color:var(--accent-primary-hover);border:1px solid var(--accent-primary);background:#e8f0ea;border-radius:4px;padding:.15rem .5rem;font-size:.85rem;font-weight:500;display:inline-block}.badge-success{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.badge-warning{color:#e65100;background:#fff3e0;border-color:#ffcc80}