@font-face{font-family:Georgia;src:local("Georgia")}:root{--tinta: #1b1e22;--carbon: #33383f;--pizarra: #5b6470;--acero: #8b93a1;--niebla: #ccd0d6;--bruma: #e7e9ec;--papel: #f5f6f7;--blanco: #ffffff;--bg: var(--papel);--panel: var(--blanco);--border: var(--niebla);--text: var(--tinta);--muted: var(--pizarra);--accent: var(--tinta);--accent-text: var(--blanco);--danger: #8a2f28;--font-display: Georgia, "Times New Roman", serif;--font-body: Arial, Helvetica, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--tinta);color:var(--blanco);display:flex;flex-direction:column;padding:28px 20px}.sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:36px}.sidebar .brand img{height:30px;width:auto}.sidebar .brand .eyebrow{font-family:var(--font-body);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--acero)}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{padding:10px 12px;border-radius:6px;text-decoration:none;color:#ffffffbf;font-size:14px;border-left:2px solid transparent}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff0f;color:var(--blanco);border-left-color:var(--acero)}.sidebar-footer{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}.user-name{font-size:13px;color:#fff9}.sidebar-footer button{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--blanco);padding:8px 12px;border-radius:6px;cursor:pointer;font-family:var(--font-body);font-size:13px}.sidebar-footer button:hover{background:#ffffff1a}.content{padding:40px 48px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-family:var(--font-display);font-weight:400;font-size:30px;margin:0;color:var(--tinta)}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--border);font-size:14px}th{background:var(--bruma);color:var(--pizarra);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-family:var(--font-body)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--papel)}.row-actions{display:flex;gap:14px}.row-actions a{color:var(--tinta)}.row-actions button{color:var(--danger);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);font-size:14px}a.primary,button.primary{background:var(--tinta);color:var(--blanco);border:none;padding:11px 18px;border-radius:6px;text-decoration:none;cursor:pointer;font-size:13px;font-family:var(--font-body);letter-spacing:.03em}a.primary:hover,button.primary:hover{background:var(--carbon)}button{font-family:inherit}.card-form{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:28px;max-width:480px;display:flex;flex-direction:column;gap:18px}.card-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra)}.card-form label.checkbox-row{flex-direction:row;align-items:center;gap:10px;text-transform:none;letter-spacing:normal;font-size:14px}.card-form input,.card-form select{font-family:var(--font-body);font-size:14px;padding:9px 11px;border:1px solid var(--border);border-radius:6px;color:var(--text);text-transform:none;letter-spacing:normal;background:var(--papel)}.card-form input:focus,.card-form select:focus{outline:2px solid var(--acero);outline-offset:1px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.form-actions button{padding:11px 18px;border-radius:6px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-size:13px}.error{color:var(--danger);font-size:13px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--tinta)}.login-card{background:var(--panel);border-radius:12px;padding:40px 36px;width:340px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 60px -20px #00000080}.login-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px}.login-logo img{height:42px;width:auto}.login-logo .eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--pizarra)}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra)}.login-card input{font-family:var(--font-body);font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--papel)}.login-card button{margin-top:4px}
