:root{--teal: #0f766e;--teal-d: #0b5a54;--amber: #f59e0b;--ink: #1f2937;--muted: #64748b;--line: #e2e8f0;--bg: #f8fafc;--white: #ffffff;--danger: #dc2626}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:7px 12px;color:var(--ink)}button:hover{border-color:#cbd5e1}button.primary{background:var(--teal);border-color:var(--teal);color:#fff}button.primary:hover{background:var(--teal-d)}button.danger{color:var(--danger)}input,select,textarea{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}textarea{min-height:64px;resize:vertical}.app{display:flex;height:100vh}.sidebar{width:250px;flex-shrink:0;background:#0b1220;color:#cbd5e1;display:flex;flex-direction:column;padding:16px 12px}.brand{font-size:22px;font-weight:800;color:#fff;letter-spacing:.5px}.brand .logo{color:var(--teal)}.brand .tagline{font-size:11px;font-weight:500;color:#64748b;letter-spacing:1px;text-transform:uppercase}.nav-section{margin:18px 6px 6px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#64748b}nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;text-align:left;background:transparent;border:none;color:#cbd5e1;padding:9px 10px;border-radius:8px;border-left:3px solid transparent}.nav-item:hover{background:#16202f}.nav-item.active{background:#16202f;color:#fff;border-left-color:var(--teal)}.nav-item .ico{margin-right:6px}.empty-nav{color:#475569;font-size:13px;padding:8px 10px}.add-module{margin-top:12px;background:transparent;border:1px dashed #334155;color:#94a3b8}.add-module:hover{border-color:var(--teal);color:#fff}.sidebar-foot{margin-top:auto;font-size:11px;color:#475569;padding-top:12px}.ws-switch{margin-top:16px;background:#16202f;border-radius:10px;padding:10px}.ws-switch label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:1px}.ws-switch select{margin-top:4px;background:#0b1220;color:#fff;border-color:#334155}.ws-actions{display:flex;gap:6px;margin-top:8px}.ws-actions button{flex:1;font-size:12px;padding:5px;background:transparent;color:#94a3b8;border-color:#334155}.main{flex:1;overflow:auto;padding:26px 30px}.mod-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px;flex-wrap:wrap}.mod-header h1{margin:0;font-size:24px}.mod-header .ico{margin-right:6px}.mod-actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;table-layout:auto}th,td{text-align:left;padding:7px 9px;border-bottom:1px solid var(--line)}td{white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}th{background:#f1f5f9;font-size:10.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);white-space:normal;line-height:1.25;vertical-align:bottom}tbody tr:hover{background:#f8fafc}td.num{text-align:right;font-variant-numeric:tabular-nums}th.num{text-align:right}.ocho-cols th,.ocho-cols td{border-right:1px solid var(--line)}.ocho-cols th:last-child,.ocho-cols td:last-child{border-right:none}.ocho-cols th:nth-child(2),.ocho-cols td:nth-child(2),.ocho-cols th:nth-child(4),.ocho-cols td:nth-child(4),.ocho-cols th:nth-child(6),.ocho-cols td:nth-child(6),.ocho-cols th:nth-child(8),.ocho-cols td:nth-child(8){border-right:none}td.empty,.empty{text-align:center;color:var(--muted);padding:26px}.col-actions{text-align:right}.col-actions button{padding:3px 8px;margin-left:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:14px;padding:22px;width:520px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 50px #00000040}.modal h2{margin:0 0 16px}.form-grid{display:grid;gap:12px}.form-row{display:flex;flex-direction:column;gap:4px}.form-row label{font-size:13px;color:var(--muted);font-weight:600}.form-row .req{color:var(--danger)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.welcome{max-width:560px;margin:60px auto;text-align:center}.welcome h1{font-size:34px}.welcome p{color:var(--muted);font-size:16px;line-height:1.6}.icon-picker{margin:10px 0 4px}.icon-picker-label{font-size:12px;color:var(--muted);margin-bottom:6px}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;max-width:480px}.icon-opt{font-size:17px;padding:6px 0;border-radius:8px;background:#fff;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center}.icon-opt:hover{border-color:var(--teal)}.icon-opt.active{border-color:var(--teal);background:#f0fdfa}.rel-summary{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:14px 0}.rel-summary-title{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:6px}.rel-summary-chips{display:flex;flex-wrap:wrap;gap:8px}.rel-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--teal);color:var(--teal);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.rel-chip em{font-style:normal;color:var(--muted);font-weight:500}.builder-meta{display:flex;gap:14px;align-items:flex-end;margin-bottom:8px}.builder-meta .grow{flex:1}.icon-input{width:60px;text-align:center;font-size:20px}.fields-editor{display:flex;flex-direction:column;gap:8px;margin:8px 0}.field-edit{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;flex-wrap:wrap}.field-edit .f-label{flex:1;min-width:140px}.field-edit select{width:150px}.field-edit .f-options{flex:1;min-width:160px}.req-check{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);white-space:nowrap}.req-check input{width:auto}.add-field{border:1px dashed #cbd5e1;color:var(--teal);background:#fff}.formula-hint{margin-top:8px;font-size:12px;color:var(--muted);background:#f0fdfa;border:1px solid #ccfbf1;border-radius:6px;padding:6px 9px}.formula-preview{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:6px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--teal)}.formula-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#0f766e;background:#ccfbf1;border-radius:4px;padding:1px 6px}.modal-sm{max-width:420px}.modal-sm input{width:100%}.modal-lg{width:720px}.dlg-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.dlg-msg{color:var(--muted);margin:4px 0;line-height:1.4}.form-error{margin-top:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:6px;padding:8px 11px;font-size:13px}.auth-loading{display:flex;height:100vh;align-items:center;justify-content:center;color:var(--muted)}.auth-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;background:#0b1220;padding:20px}.auth-card{background:#fff;border-radius:16px;padding:30px;width:380px;max-width:100%;box-shadow:0 20px 60px #0006}.auth-brand{font-size:26px;font-weight:800;margin-bottom:6px}.auth-brand .logo{color:var(--teal)}.auth-card h2{margin:6px 0 18px}.auth-card input{margin-bottom:10px}.auth-hint{color:var(--muted);font-size:14px}.auth-err{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:10px}.auth-submit{width:100%;margin-top:4px}.auth-switch{margin-top:14px;text-align:center}.auth-switch button{border:none;background:none;color:var(--teal)}.logout{margin-top:8px;width:100%;background:transparent;border-color:#334155;color:#94a3b8;font-size:12px}.logout:hover{border-color:var(--danger);color:#fff}.logo-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;font-weight:800;line-height:1;letter-spacing:-.3px}.brand-row{display:inline-flex;align-items:center;gap:8px}.auth-brand{display:flex;align-items:center;gap:10px}.view{max-width:100%}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.tile{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 18px;overflow:hidden}.tile-bar{position:absolute;left:0;top:0;bottom:0;width:5px}.tile-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.tile-value{font-size:22px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.tile-sub{font-size:12px;color:var(--muted);margin-top:2px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:16px}.panel h3{margin:0 0 12px;font-size:15px}.total-row td{font-weight:800;border-top:2px solid var(--line)}.trash-badge{margin-left:auto;background:#dc2626;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px}.client-topbar{display:flex;align-items:center;gap:10px;padding:8px 4px 16px;border-bottom:1px solid var(--line);margin-bottom:18px}.client-topbar-logo{width:30px;height:30px;border-radius:7px;object-fit:contain;background:#fff;border:1px solid var(--line)}.client-topbar-logo-ph{display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted);background:#f1f5f9}.client-topbar-name{font-weight:700;color:#0f172a}.client-topbar-edit{margin-left:auto;background:transparent;border:none;color:var(--teal);font-size:12.5px;padding:4px 6px}.client-topbar-edit:hover{text-decoration:underline}.logo-uploader{display:flex;align-items:flex-start;gap:16px}.logo-preview{width:96px;height:96px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--line)}.logo-preview-empty{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);background:#f8fafc}.logo-uploader-actions{display:flex;flex-direction:column;gap:8px}.admin-app{--teal: #7c3aed;--teal-d: #6d28d9}.cascade-editor{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:-6px 0 12px}.cascade-editor-title{font-size:12px;color:var(--muted);margin-bottom:8px}.cascade-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.cascade-row:last-child{margin-bottom:0}.cascade-parent-opt{min-width:130px;font-size:13px;font-weight:600;color:#0f172a}.cascade-row input{flex:1}.empresa-filter-bar{display:flex;align-items:center;gap:8px;margin:-6px 0 18px}.empresa-filter-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.empresa-filter-bar select{border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-weight:600}.trash-item-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.note{color:var(--muted);font-size:13px}.hbars{display:flex;flex-direction:column;gap:8px}.hbar-row{display:grid;grid-template-columns:190px 1fr 130px;align-items:center;gap:10px}.hbar-label{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{background:#f1f5f9;border-radius:6px;height:18px;overflow:hidden}.hbar-fill{height:100%;border-radius:6px;min-width:2px}.hbar-val{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink)}.stage-block{margin-bottom:22px}.stage-block:last-child{margin-bottom:0}.stage-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.stage-title{font-weight:700;font-size:14px}.stage-ppto{font-size:12px;color:var(--muted)}.stage-row{display:grid;grid-template-columns:110px 1fr 130px 50px;align-items:center;gap:10px;margin-bottom:4px}.stage-label{font-size:12px;color:var(--muted)}.stage-val{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.stage-pct{text-align:right;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.relmap-wrap{position:relative;padding:30px 2px 4px;width:100%;box-sizing:border-box}.relmap-svg{position:absolute;top:0;left:0;width:100%;pointer-events:none;overflow:visible}.relmap-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.relmap-edge-label{position:absolute;transform:translate(-50%,calc(-100% - 4px));background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:2px 7px;font-size:10.5px;color:var(--muted);white-space:nowrap;box-shadow:0 1px 2px #0f172a0d}.relmap-cols{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1;align-items:flex-start;width:100%}.relmap-col{display:flex;flex-direction:column;gap:18px;flex:1 1 0;min-width:0}.relmap-node{background:#fff;border:1.5px solid var(--teal);border-radius:10px;padding:9px 12px;width:100%;box-sizing:border-box;box-shadow:0 1px 2px #0f172a0a}.relmap-node-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.relmap-node-icon{font-size:16px}.relmap-node-name{font-weight:700;font-size:13.5px}.relmap-node-stats{display:flex;flex-direction:column;gap:1px;font-size:11.5px;color:var(--muted)}.relmap-node-total{color:var(--teal);font-weight:700;font-variant-numeric:tabular-nums}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-bottom:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px}.monthbars{display:flex;gap:8px;align-items:flex-end;height:160px}.mb-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.mb-bars{flex:1;display:flex;gap:2px;align-items:flex-end;width:100%;justify-content:center}.mb-bar{width:40%;border-radius:3px 3px 0 0;min-height:1px}.mb-label{font-size:11px;color:var(--muted);margin-top:4px}@media (max-width: 760px){.tiles{grid-template-columns:repeat(2,1fr)}.hbar-row{grid-template-columns:110px 1fr 90px}}.forecast-section{margin-top:26px}.section-title{font-size:18px;margin:0 0 12px;padding-top:18px;border-top:1px solid rgba(148,163,184,.25)}