:root{--naranja:#f60;--naranja-h:#e55a00;--bg:#0d1b2a;--bg2:#112236;--bg3:#1a3048;--t1:#fff;--t2:#abd3ff;--t3:#8a9bb0;--verde:#34c759;--amber:#ff9500;--rojo:#ff453a;--azul:#0a84ff;--bd:#ffffff14;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--t2);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2{font-family:var(--sans);color:var(--t1);margin:0;font-weight:600}#login{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login-card{background:var(--bg2);border:1px solid var(--bd);text-align:center;border-radius:12px;width:100%;max-width:380px;padding:40px 32px}.login-card .logo{height:40px;margin-bottom:24px}.login-card h1{font-size:22px}.login-card .subtitle{color:var(--t3);margin:4px 0 28px;font-size:14px}.login-card form{text-align:left;flex-direction:column;gap:12px;display:flex}.login-card label{color:var(--t3);font-size:13px}.login-card input{background:var(--bg3);border:1px solid var(--bd);color:var(--t1);font-size:16px;font-family:var(--sans);letter-spacing:.3px;border-radius:8px;padding:10px 12px}.login-card input:focus{outline:2px solid var(--naranja);outline-offset:1px}.login-card button[type=submit]{background:var(--naranja);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:11px;font-size:15px;font-weight:600;transition:background .2s}.login-card button[type=submit]:hover:not(:disabled){background:var(--naranja-h)}.login-card button[type=submit]:disabled{opacity:.6;cursor:default}.login-card button.ghost{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.login-card button.ghost:hover{color:var(--t2)}.login-card .mensaje{color:var(--t2);margin:0 0 4px;font-size:13px}.login-card .error{color:var(--rojo);margin-top:16px;font-size:13px}#shell{min-height:100svh;display:flex}#sidebar{background:var(--bg2);border-right:1px solid var(--bd);flex-direction:column;flex-shrink:0;width:220px;padding:20px 0;display:flex}.sidebar-brand{border-bottom:1px solid var(--bd);align-items:center;gap:10px;margin-bottom:20px;padding:0 20px 20px;display:flex}.sidebar-brand img{height:28px}.sidebar-brand strong{color:var(--t1);font-size:14px;display:block}.sidebar-brand span{color:var(--t3);letter-spacing:.5px;font-size:11px;display:block}.nav-group{margin-bottom:24px;padding:0 12px}.nav-group h3{color:var(--t3);letter-spacing:.6px;margin:0 0 8px 8px;font-size:11px;font-weight:600}.nav-link{color:var(--t2);border-radius:6px;margin-bottom:2px;padding:8px;font-size:14px;text-decoration:none;display:block}.nav-link:hover{background:var(--bg3)}.nav-link.active{color:var(--naranja);background:var(--bg3);font-weight:600}#main{flex-direction:column;flex:1;min-width:0;display:flex}#topbar{border-bottom:1px solid var(--bd);justify-content:flex-end;align-items:center;gap:16px;padding:14px 28px;display:flex}.usuario{color:var(--t1);align-items:center;gap:10px;font-size:14px;display:flex}.rol-badge{background:var(--azul);color:#fff;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}#topbar button{border:1px solid var(--bd);color:var(--t2);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}#topbar button:hover{border-color:var(--t3);color:var(--t1)}#content{flex:1;padding:28px}#content h1{margin-bottom:4px;font-size:24px}#content .subtitle{color:var(--t3);font-size:14px}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:18px}.modal-close{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-close:hover{color:var(--t1)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--t3);font-size:13px}.form-field input,.form-field select{background:var(--bg3);border:1px solid var(--bd);color:var(--t1);font-size:14px;font-family:var(--sans);border-radius:8px;padding:9px 10px}.form-field input:focus,.form-field select:focus{outline:2px solid var(--naranja);outline-offset:1px}.form-field.checkbox{flex-direction:row;align-items:center;gap:8px}.form-field.checkbox label{color:var(--t1);font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn-ghost{border:1px solid var(--bd);color:var(--t2);cursor:pointer;background:0 0;border-radius:8px;padding:9px 16px;font-size:14px}.btn-ghost:hover{border-color:var(--t3);color:var(--t1)}.btn-primary{background:var(--naranja);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--naranja-h)}.btn-primary:disabled{opacity:.6;cursor:default}.checklist{background:var(--bg3);border:1px solid var(--bd);border-radius:8px;flex-direction:column;gap:6px;max-height:160px;padding:10px 12px;display:flex;overflow-y:auto}.checklist-item{color:var(--t1);align-items:center;gap:8px;font-size:14px;display:flex}.modal-error{color:var(--rojo);margin-top:12px;font-size:13px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.table-wrap{background:var(--bg2);border:1px solid var(--bd);border-radius:10px;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;color:var(--t3);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--bd);padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--bd);color:var(--t2);padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg3)}.data-table .mono{font-family:var(--mono);color:var(--t2)}.data-table .bold{color:var(--t1);font-weight:600}.data-table .acciones{text-align:right}.badge{text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-torre{color:var(--naranja);background:#ff660026}.badge-proveedor{color:var(--amber);background:#ff950026}.badge-cliente{color:var(--azul);background:#0a84ff26}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot-verde{background:var(--verde)}.dot-gris{background:var(--t3)}