:root{--brand:#10b981;--brand-dark:#059669;--brand-light:#34d399;--brand-bg:#ecfdf5;--brand-glow:#10b9814d;--bg:#0a0f1a;--bg-card:#111827;--bg-surface:#1f2937;--text:#f3f4f6;--text-muted:#9ca3af;--border:#374151;--danger:#ef4444;--warning:#f59e0b;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px #0000004d;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{border-bottom:1px solid var(--border);backdrop-filter:blur(12px);z-index:100;background:#0a0f1ad9;padding:16px 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.navbar-brand{color:var(--text);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;letter-spacing:-.5px;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:800;display:inline-flex}.navbar-links{gap:8px;list-style:none;display:flex}.navbar-links a{color:var(--text-muted);transition:var(--transition);border-radius:8px;padding:8px 16px;font-size:.9rem;text-decoration:none}.navbar-links a:hover{color:var(--brand);background:#10b9811a}.hero{text-align:center;padding:80px 0 48px}.hero-badge{color:var(--brand);background:#10b9811a;border:1px solid #10b98133;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15}.hero .accent{background:linear-gradient(135deg, var(--brand), var(--brand-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:32px 0 64px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);padding:32px 24px;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#10b9810d,#0000);position:absolute;inset:0}.feature-card:hover{border-color:var(--brand);box-shadow:0 8px 32px var(--brand-glow);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card.coming-soon{opacity:.6;cursor:default}.feature-card.coming-soon:hover{box-shadow:none;border-color:var(--border);transform:none}.feature-icon{margin-bottom:16px;font-size:2.5rem}.feature-card h3{margin-bottom:8px;font-size:1.15rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.9rem}.feature-tag{color:var(--brand);background:#10b9811a;border-radius:6px;margin-top:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.trust-section{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:32px;padding:24px 0 48px;display:flex}.trust-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.trust-icon{font-size:1.2rem}.acct-form-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin:24px 0;padding:40px 32px}.acct-form-section h2{margin-bottom:8px;font-size:1.5rem}.form-desc{color:var(--text-muted);margin-bottom:24px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text);transition:var(--transition);border-radius:8px;padding:10px 14px;font-size:.95rem}.form-group input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);outline:none}.section-title{border-top:1px solid var(--border);margin-bottom:12px;padding-top:8px;font-size:1rem;font-weight:600}.employee-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.employee-row{background:var(--bg-surface);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.emp-num{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.employee-row input[type=text]{flex:2}.employee-row input[type=number]{flex:1.5}.employee-row input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;font-size:.9rem}.employee-row input:focus{border-color:var(--brand);outline:none}.dep-group{align-items:center;gap:6px;display:flex}.dep-group label{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.dep-group input{width:60px}.btn-remove{width:32px;height:32px;color:var(--danger);cursor:pointer;transition:var(--transition);background:#ef44441a;border:none;border-radius:8px;font-size:1rem}.btn-remove:hover{background:#ef444433}.btn-remove:disabled{opacity:.3;cursor:not-allowed}.btn-add-employee{border:2px dashed var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:10px;padding:10px;font-size:.9rem}.btn-add-employee:hover{border-color:var(--brand);color:var(--brand)}.btn-generate{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;transition:var(--transition);border:none;margin-top:20px;padding:14px 24px;font-size:1rem;font-weight:600;display:block}.btn-generate:hover{box-shadow:0 8px 24px var(--brand-glow);transform:translateY(-2px)}.btn-generate:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-back{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:8px;margin-bottom:20px;padding:8px 16px;font-size:.9rem}.btn-back:hover{border-color:var(--brand);color:var(--brand)}.live-preview{border-radius:var(--radius);border:1px solid #10b98133;margin:20px 0;overflow:hidden}.preview-header{background:#10b9810d;border-bottom:1px solid #10b9811a;align-items:center;gap:12px;padding:10px 16px;display:flex}.preview-badge{color:var(--brand);background:#10b98126;border-radius:6px;padding:3px 10px;font-size:.8rem;font-weight:700}.preview-note{color:var(--text-muted);font-size:.75rem}.spreadsheet-wrapper{overflow-x:auto}.spreadsheet{border-collapse:collapse;width:100%;font-size:.8rem}.spreadsheet th{background:var(--bg-surface);text-align:left;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid var(--border);padding:8px 10px;font-size:.75rem;font-weight:600;position:sticky;top:0}.spreadsheet td{white-space:nowrap;border-bottom:1px solid #3741514d;padding:6px 10px}.spreadsheet .col-money{text-align:right;font-variant-numeric:tabular-nums}.spreadsheet .col-idx{text-align:center;color:var(--text-muted);width:36px}.spreadsheet .col-name{min-width:120px}.spreadsheet .col-small{text-align:center;width:50px}.spreadsheet .highlight-pit{color:var(--warning)}.spreadsheet .highlight-net{color:var(--brand-light);font-weight:600}.spreadsheet .total-row{background:var(--bg-surface);font-weight:600}.acct-result-section{padding:24px 0}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:40px 32px}.result-icon{margin-bottom:16px;font-size:3rem}.result-meta{flex-wrap:wrap;justify-content:center;gap:32px;margin:24px 0;display:flex}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{color:var(--text-muted);font-size:.8rem}.meta-value{font-weight:600}.btn-download{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:var(--radius);transition:var(--transition);margin-top:24px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-download:hover{box-shadow:0 8px 24px var(--brand-glow);transform:translateY(-2px)}.charts-section{margin:24px 0}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.chart-card{background:var(--bg-surface);border-radius:var(--radius);padding:20px}.chart-card h4{color:var(--text-muted);margin-bottom:12px;font-size:.9rem}.error-msg{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:.9rem}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:48px;padding:24px 0;font-size:.85rem}@media (width<=768px){.hero{padding:40px 0 24px}.features-grid,.form-grid{grid-template-columns:1fr}.employee-row{flex-wrap:wrap}.trust-section{gap:16px}.navbar-links{display:none}}