:root{--bg-color: #f1f5f9;--panel-bg: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--border-color: #334155;--text-dark: #0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-dark);line-height:1.5}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.mono-font{font-family:Roboto Mono,Courier New,monospace;letter-spacing:-.5px}.dashboard-container{display:flex;min-height:100vh}.navbar{width:250px;background-color:var(--panel-bg);border-right:1px solid var(--border-color);padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem;color:var(--text-main);max-height:100vh;overflow-y:auto}.logo{font-size:1.5rem;font-weight:700;color:var(--accent);text-align:center;letter-spacing:-.5px}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-links a,.nav-links button{color:var(--text-muted);text-decoration:none;padding:.75rem 1rem;border-radius:.5rem;transition:all .2s ease;font-weight:500;background:transparent;border:none;text-align:left;font-size:1rem;font-family:Inter,sans-serif;cursor:pointer}.nav-links a:hover:not(:disabled),.nav-links button:hover:not(:disabled){background-color:#0596691a;color:var(--accent)}.nav-links a:disabled,.nav-links button:disabled{opacity:.5;cursor:not-allowed}.main-content{flex:1;padding:3rem;background-color:var(--bg-color)}.header{margin-bottom:3rem}.header h1{font-size:2.25rem;font-weight:600;margin-bottom:.5rem;color:var(--panel-bg)}.header p{color:#475569;font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--accent)}.stat-card h3{font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.number{font-size:2.5rem;font-weight:700;color:var(--panel-bg)}.action-btn{margin-top:1rem;background-color:var(--accent);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.action-btn:hover{background-color:var(--accent-hover)}.login-container{display:flex;min-height:100vh;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,var(--panel-bg) 0%,var(--bg-color) 100%)}.login-card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:1.5rem;padding:3rem;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{font-size:2rem;font-weight:800;color:var(--accent);letter-spacing:-1px;margin-bottom:.5rem}.login-header p{color:var(--text-muted);font-size:.95rem}.error-alert{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #cbd5e1;color:var(--text-dark);padding:.875rem 1rem;border-radius:.75rem;font-size:1rem;width:100%;box-sizing:border-box;transition:all .2s ease;outline:none}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.login-btn{background-color:var(--accent);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.prose p{margin-bottom:.5rem}.prose ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:.5rem}.prose ol{list-style-type:decimal;padding-left:1.5rem;margin-bottom:.5rem}.prose strong{font-weight:700;color:#1e40af}.prose h1,.prose h2,.prose h3{font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#1e3a8a}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h1{font-size:3rem;font-weight:800;color:var(--panel-bg);margin-bottom:1rem;letter-spacing:-1px}.pricing-header p{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;align-items:center}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2.5rem;display:flex;flex-direction:column;box-shadow:0 10px 25px -5px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px #0000001a}.pricing-pro{background:linear-gradient(145deg,var(--panel-bg) 0%,#1e293b 100%);color:#fff;border:none;box-shadow:0 25px 50px -12px #3b82f640;transform:scale(1.02)}.pricing-pro:hover{transform:translateY(-8px) scale(1.02)}.unicorn-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.75rem;font-weight:700;padding:.5rem 1.5rem;border-bottom-left-radius:1rem;text-transform:uppercase;letter-spacing:1px}.pricing-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.pricing-price{display:flex;align-items:baseline;margin-bottom:2rem}.pricing-price .amount{font-size:3.5rem;font-weight:800;letter-spacing:-2px}.pricing-pro .amount{background:linear-gradient(to right,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-price .period{font-size:1rem;color:var(--text-muted);margin-left:.5rem}.pricing-features{list-style:none;margin-bottom:2.5rem;flex-grow:1}.pricing-features li{display:flex;align-items:center;margin-bottom:1rem;font-size:1rem}.pricing-features li svg{margin-right:.75rem;flex-shrink:0}.pricing-pro .pricing-features li{color:#cbd5e1}.btn-pricing{width:100%;padding:1rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;border:none}.btn-basic{background-color:var(--bg-color);color:var(--panel-bg)}.btn-basic:hover{background-color:#e2e8f0}.btn-pro{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-pro:hover{box-shadow:0 6px 20px #3b82f63b;transform:translateY(-2px)}.pay-as-you-go{background:#fff;border-radius:1.5rem;padding:3rem;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0000000d}.pay-as-you-go h2{font-size:2rem;font-weight:700;margin-bottom:.5rem}.slider-container{display:flex;align-items:center;gap:3rem;margin-top:2rem}.slider-track{flex-grow:1}.styled-slider{width:100%;-webkit-appearance:none;height:8px;background:#e2e8f0;border-radius:4px;outline:none;margin-bottom:1rem}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 10px #3b82f680;transition:transform .1s}.styled-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.875rem;font-weight:600}.price-calculator{background:var(--bg-color);padding:2rem;border-radius:1rem;text-align:center;min-width:250px}.calc-details{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.calc-total{font-size:3rem;font-weight:800;color:var(--panel-bg);margin-bottom:1.5rem}.calc-total span{font-size:1rem;font-weight:600;color:var(--text-muted)}.erp-builder-layout{display:flex;flex-direction:column;gap:3rem}@media (min-width: 1024px){.erp-builder-layout{flex-direction:row;align-items:flex-start}}.erp-builder-main{flex:1}.erp-builder-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d;position:sticky;top:2rem;min-width:320px}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(22px)}.receipt-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1rem;color:var(--text-dark)}.receipt-row.total{font-size:1.5rem;font-weight:800;border-top:2px dashed #e2e8f0;padding-top:1.5rem;margin-top:.5rem}.receipt-row.annual{color:var(--text-muted);font-size:.95rem}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer}.mobile-menu-btn svg{pointer-events:none}@media (max-width: 768px){.dashboard-container{flex-direction:column}.navbar{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;position:sticky;top:0;z-index:1000;border-right:none;border-bottom:1px solid var(--border-color)}.mobile-menu-btn{display:block}.nav-links{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background-color:var(--panel-bg);flex-direction:column;padding:1rem;border-bottom:1px solid var(--border-color);box-shadow:0 10px 15px -3px #00000080;overflow-y:auto;z-index:1000}.nav-links.mobile-open{display:flex!important}.main-content{padding:1rem}}