:root{--primary:rgb(28,44,92);--accent:rgb(255,221,0);--bg:#f5f7fb;--panel:#fff;--text:#162033;--muted:#667085;--border:#d9e0ea;--error:#b42318;--success:#027a48;--warning:#b54708}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{padding:16px}header h1{margin:0;font-size:1.3rem}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--panel);padding:12px 16px;border:1px solid var(--border);border-radius:12px}.brand{display:inline-block;background:var(--primary);color:#fff;padding:8px;border-radius:6px;margin-right:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.card{background:var(--panel);border:1px solid var(--border);padding:12px;border-radius:10px;text-align:left}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,90vw);background:var(--panel);padding:20px;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px}input,select,button{padding:10px;border:1px solid var(--border);border-radius:8px}button{cursor:pointer}.err{color:var(--error)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;margin:10px 0}.panel-title{font-weight:700;background:transparent;border:none;padding:0;margin-bottom:10px}.row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.workspace{min-height:420px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}.sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.tab{color:var(--text)}.tab.Nuevo{border-left:8px solid var(--primary)}.tab.Añadir{border-left:8px solid var(--accent)}.tab.Mantenimiento{border-left:8px solid var(--warning)}.tab.active{box-shadow:inset 0 0 0 2px var(--primary)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;display:grid;place-items:center}.modal-card{background:#fff;padding:16px;border-radius:8px;min-width:320px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{border:1px solid var(--border);padding:8px;font-size:.9rem}.drop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.drop{border:1px dashed var(--border);background:#fbfcff;border-radius:10px;padding:12px}.pill{border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:600}.pill.ok{background:#e7f6ee;color:var(--success)}.pill.warn{background:#fff5e8;color:var(--warning)}.pill.err{background:#feecec;color:var(--error)}