.admin{--bg:#f7f4f0;--surface:#fff;--surface-2:#f0ebe3;--border:#d4c4a8;--text:#1a1208;--sub:#5c4a2a;--label:#8a6a3a;--accent:#b87333;--accent-hover:#9a5e22;--danger:#b3402e;min-height:100vh;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html.dark .admin{--bg:#1a1410;--surface:#242018;--surface-2:#2e2820;--border:#4a3a28;--text:#f5eee4;--sub:#c8a878;--label:#a08050}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.header{display:flex;align-items:center;gap:20px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.headerTitle{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.04em;color:var(--accent)}.headerFirma{color:var(--sub);font-size:13px}.nav{display:flex;gap:6px;margin-left:8px}.navLink{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--sub);text-decoration:none;padding:6px 10px;border-radius:4px;border:1px solid transparent}.navLink:hover{color:var(--text)}.navActive,.navLink:hover{border-color:var(--border)}.navActive{color:var(--accent);background:var(--surface-2)}.headerRight{margin-left:auto;display:flex;align-items:center;gap:12px}.headerMeta{color:var(--sub);font-size:12px}.btn,.btnAccent,.btnDanger,.btnGhost{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border-radius:4px;padding:8px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s}.btn:hover,.btnGhost:hover{border-color:var(--accent);color:var(--accent)}.btnAccent{background:var(--accent);border-color:var(--accent);color:#fff}.btnAccent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btnDanger{color:var(--danger);border-color:var(--danger)}.btnDanger:hover{background:var(--danger);color:#fff}.btn:disabled,.btnAccent:disabled{opacity:.5;cursor:not-allowed}.main{padding:24px 20px 48px;max-width:1200px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px}.cardTitle{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--label);margin:0 0 14px}.grid{display:grid;grid-gap:16px;gap:16px}.firmaLayout{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start}.firmaLayout>*{min-width:0}@media (max-width:900px){.firmaLayout{grid-template-columns:minmax(0,1fr)}}.distGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.distGrid>*{min-width:0}.distGrid .card{padding:16px 14px}.distGrid .table{table-layout:fixed}.distGrid .table td{padding:8px 0;overflow-wrap:anywhere}.distGrid .table td:last-child{width:3.5em}@media (max-width:1100px){.distGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.distGrid{grid-template-columns:minmax(0,1fr)}}.colorGrid{display:grid;grid-gap:0 16px;gap:0 16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:480px){.colorGrid{grid-template-columns:minmax(0,1fr)}}.hexInput{flex:1 1 auto;min-width:0;max-width:120px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--label)}.input,.select{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:9px 11px;color:var(--text);font-size:14px;font-family:inherit}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.table{width:100%;border-collapse:collapse}.table th{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--label);text-align:left}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--border)}.table td{color:var(--text);font-size:14px}.table tr:hover td{background:var(--surface-2)}.badge{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--sub)}.badgeOn{color:var(--accent);border-color:var(--accent)}.badgeOff{border-color:var(--danger)}.badgeOff,.error{color:var(--danger)}.error,.muted{font-size:13px}.muted{color:var(--sub)}.linkAccent{color:var(--accent);text-decoration:none}.linkAccent:hover{text-decoration:underline}