:root{--bg:#0d1117;--surface:#161b22;--surface2:#1c2230;--border:#2a3444;--accent:#2563eb;--accent2:#1d4ed8;--green:#10b981;--yellow:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--text:#e6edf3;--text2:#8b949e;--text3:#c9d1d9;--radius:10px;--font:"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.logo-box{display:flex;align-items:center;gap:14px;margin-bottom:32px}.logo-icon{width:56px;height:56px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px}.logo-text{font-size:36px;font-weight:800;letter-spacing:2px}.tagline{color:var(--text2);font-size:15px;max-width:340px;line-height:1.6;margin-bottom:40px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--radius);border:none;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-secondary{background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-sm{padding:8px 16px;font-size:13px}.btn-danger{background:#7f1d1d;color:#fca5a5}.btn-danger:hover{background:#991b1b}.btn-success{background:#064e3b;color:#6ee7b7}.btn-success:hover{background:#065f46}.btn-link{background:none;border:none;cursor:pointer;color:var(--text2);font-size:13px;padding:4px;text-decoration:underline;text-decoration-color:transparent;transition:color .2s,text-decoration-color .2s}.btn-link:hover{color:var(--accent);text-decoration-color:var(--accent)}.btn-purple{background:#4c1d95;color:#c4b5fd}.btn-purple:hover{background:#5b21b6}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.onboard-card,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px;max-width:560px;width:100%}.onboard-card{max-width:520px;text-align:center}.step-badge{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:16px;letter-spacing:1px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;text-align:left}.feature-item{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px}.feature-item .fi-icon{font-size:20px;margin-bottom:6px}.feature-item .fi-title{font-size:12px;font-weight:600;color:var(--text3)}.feature-item .fi-desc{font-size:11px;color:var(--text2);margin-top:3px}.form-group{margin-bottom:18px}label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 14px;font-size:14px;font-family:var(--font);outline:none;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[readonly]{opacity:.7;cursor:default}textarea{resize:vertical;min-height:80px}select option{background:var(--surface2)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}.form-actions{display:flex;gap:10px;margin-top:12px}.radio-group{display:flex;flex-wrap:wrap;gap:8px}.radio-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text3);font-size:13px;cursor:pointer;transition:all .2s}.radio-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);padding:24px 0;display:flex;flex-direction:column;min-height:100vh;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 20px 24px;border-bottom:1px solid var(--border)}.sidebar-logo .s-icon{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.sidebar-logo .s-name{font-size:18px;font-weight:800;letter-spacing:1px}.sidebar-plan{margin:16px 16px 4px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.sidebar-plan .plan-label{font-size:10px;color:var(--text2);font-weight:600;text-transform:uppercase}.sidebar-plan .plan-name{font-size:13px;font-weight:700;color:var(--accent);margin-top:2px}nav{flex:1;padding:12px 0}.nav-section{font-size:10px;color:var(--text2);font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:8px 20px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;color:var(--text2);cursor:pointer;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:#2563eb26;color:var(--accent);border-left-color:var(--accent);font-weight:600}.nav-item .ni{font-size:16px}.plan-lock{font-size:10px;background:#4c1d95;color:#c4b5fd;padding:2px 6px;border-radius:4px;margin-left:auto}.main-content{flex:1;overflow-y:auto;padding:28px}.page-header{margin-bottom:24px}.page-header h1{font-size:22px;font-weight:700}.page-header p{color:var(--text2);font-size:13px;margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.kpi-card .kpi-label{font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;margin-bottom:8px}.kpi-card .kpi-value{font-size:26px;font-weight:700}.kpi-card .kpi-sub{font-size:11px;color:var(--text2);margin-top:4px}.kpi-green{color:var(--green)}.kpi-yellow{color:var(--yellow)}.kpi-blue{color:#60a5fa}.kpi-purple{color:#c4b5fd}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.section-card h3{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text3)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text2);font-size:11px;font-weight:600;text-transform:uppercase;padding:8px 12px;border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text3)}tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:40px 20px;color:var(--text2);font-size:13px}.empty-state .es-icon{font-size:32px;margin-bottom:10px}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-green{background:#052e16;color:#6ee7b7}.badge-yellow{background:#451a03;color:#fcd34d}.badge-red{background:#450a0a;color:#fca5a5}.badge-blue{background:#1e3a5f;color:#93c5fd}.badge-purple{background:#2e1065;color:#c4b5fd}.currency-tag{display:inline-block;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:11px;color:var(--text2);font-weight:600}.add-form{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.add-form h4{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text3)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.costeo-page{background:#0a0f1a;border-radius:var(--radius);padding:24px;min-height:60vh}.cost-result{background:linear-gradient(135deg,#1e3a5f,#1e293b);border:1px solid #2563eb44;border-radius:var(--radius);padding:20px;margin-top:20px}.cost-result h3{font-size:13px;color:#7dd3fc;margin-bottom:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.result-item{background:#0000004d;border-radius:8px;padding:14px}.result-item .ri-label{font-size:11px;color:#93c5fd;margin-bottom:4px}.result-item .ri-value{font-size:20px;font-weight:700;color:#fff}.mp-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:10px;flex-wrap:wrap}.mp-row .form-group{flex:1;min-width:120px;margin-bottom:0}.tab-bar{display:flex;gap:4px;margin-bottom:20px;background:var(--surface2);border-radius:8px;padding:4px}.tab-btn{flex:1;padding:8px;border:none;background:none;color:var(--text2);font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--accent);color:#fff}.salary-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;margin-top:12px}.salary-box .sb-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.salary-box .sb-row:last-child{border-bottom:none}.salary-box .sb-label{color:var(--text2)}.salary-box .sb-value{font-weight:700;color:var(--text)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative}.plan-card.featured{border-color:var(--accent)}.plan-card .plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:3px 12px;border-radius:20px;white-space:nowrap}.plan-card h3{font-size:18px;font-weight:800;margin-bottom:4px}.plan-card .price{font-size:28px;font-weight:700;color:var(--accent);margin:12px 0}.plan-card .price span{font-size:13px;color:var(--text2);font-weight:400}.plan-card ul{list-style:none;margin:16px 0 20px}.plan-card ul li{font-size:13px;color:var(--text2);padding:6px 0;border-bottom:1px solid var(--border);display:flex;gap:8px}.plan-card ul li:before{content:"✓";color:var(--green);font-weight:700}.plan-card ul li.locked:before{content:"🔒"}.plan-card ul li.locked{opacity:.5}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:18px;font-weight:700}.modal-close{background:none;border:none;color:var(--text2);font-size:20px;cursor:pointer}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px;max-width:420px;width:100%}.auth-card h2{font-size:20px;font-weight:700;margin-bottom:4px}.auth-card .sub{color:var(--text2);font-size:13px;margin-bottom:24px}.auth-error{background:#450a0a;border:1px solid #7f1d1d;color:#fca5a5;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}