@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Barlow:wght@300;400;500;600;700&display=swap");:root{--navy:#0D1F3C;--navy-light:#16294d;--navy-lighter:#1e335c;--red:#C0392B;--red-hover:#a93226;--text:#ffffff;--text-dim:rgba(255,255,255,0.6);--text-dimmer:rgba(255,255,255,0.38);--border:rgba(255,255,255,0.1);--green:#27ae60;--yellow:#f39c12;--gray:#7f8c8d}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--navy);color:var(--text);font-family:Barlow,sans-serif;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 20px}.topbar{background:var(--red);height:4px}.header{border-bottom:1px solid var(--border);padding:16px 0;background:rgba(0,0,0,.2)}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:22px;letter-spacing:2px}.logo span{color:var(--red)}.logo-sub{font-size:10px;color:var(--text-dimmer);letter-spacing:2px;text-transform:uppercase}.nav{display:flex;gap:18px;align-items:center}.nav a{color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.5px}.nav a.active,.nav a:hover{color:white}.nav button{background:none;border:1px solid var(--border);color:var(--text-dim);padding:6px 14px;border-radius:3px;cursor:pointer;font-family:Barlow,sans-serif;font-size:13px}.nav button:hover{border-color:var(--red);color:white}.btn{background:var(--red);color:white;border:none;padding:10px 22px;border-radius:3px;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;transition:background .15s}.btn:hover{background:var(--red-hover)}.btn:disabled{background:var(--gray);cursor:wait}.btn-sm{padding:6px 14px;font-size:13px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-ghost:hover{background:rgba(255,255,255,.05);color:white}.field{margin-bottom:14px}.field label{display:block;font-size:11px;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px;font-weight:600}.field input,.field select,.field textarea{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:3px;padding:10px 12px;color:white;font-family:Barlow,sans-serif;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red)}.card,.field select option{background:var(--navy-light)}.card{border:1px solid var(--border);border-radius:6px;padding:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin:24px 0}.stat{background:var(--navy-light);border:1px solid var(--border);border-radius:6px;padding:16px}.stat .num{font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:800;line-height:1}.stat .lbl{font-size:10px;color:var(--text-dimmer);text-transform:uppercase;letter-spacing:1.5px;margin-top:5px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dimmer);padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}tr.clickable{cursor:pointer}tr.clickable:hover{background:rgba(255,255,255,.03)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge.contactado{background:rgba(127,140,141,.25);color:#bdc3c7}.badge.cotizado{background:rgba(243,156,18,.2);color:#f5b041}.badge.negociacion{background:rgba(52,152,219,.2);color:#5dade2}.badge.cerrada{background:rgba(39,174,96,.2);color:#58d68d}.badge.perdido{background:rgba(192,57,43,.25);color:#ec7063}.badge.pagada{background:rgba(39,174,96,.2);color:#58d68d}.badge.pendiente{background:rgba(243,156,18,.2);color:#f5b041}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--navy-light);border:1px solid var(--border);border-radius:8px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:24px}.modal h3{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.modal-close{float:right;background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;line-height:1}.modal-close:hover{color:white}.historial{margin-top:16px}.gestion{border-left:2px solid var(--red);padding:8px 0 8px 14px;margin-bottom:4px}.gestion .fecha{font-size:11px;color:var(--text-dimmer);letter-spacing:.5px}.gestion .nota{font-size:14px;margin-top:2px;color:rgba(255,255,255,.85)}.section-label{font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:2px;margin:18px 0 10px}.divider{height:1px;background:var(--border);margin:16px 0}.empty{text-align:center;color:var(--text-dimmer);padding:40px 20px;font-size:14px}.center-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--navy-light);border:1px solid var(--border);border-radius:8px;padding:36px;width:100%;max-width:400px}.auth-card h1{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:800;letter-spacing:1px;text-align:center;margin-bottom:4px}.auth-card .sub{text-align:center;color:var(--text-dimmer);font-size:13px;margin-bottom:24px}.error-msg{background:rgba(192,57,43,.15);border:1px solid rgba(192,57,43,.4);color:#ec7063;padding:10px 12px;border-radius:3px;font-size:13px;margin-bottom:14px}.page-title{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;letter-spacing:1px;margin-top:28px}.page-sub{color:var(--text-dimmer);font-size:14px;margin-top:2px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 14px}.toolbar,.toolbar .filters{display:flex;flex-wrap:wrap}.toolbar .filters{gap:8px}.toolbar input,.toolbar select{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:3px;padding:8px 12px;color:white;font-family:Barlow,sans-serif;font-size:14px}.toolbar select option{background:var(--navy-light)}@media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}td,th{padding:8px 6px;font-size:13px}}