/* Variables, reinicio, tipografía y estructura base */
:root{ --bg:#faf6f1; --ink:#26211d; --muted:#75685e; --line:#e6dccf; --panel:#fff; --head:#26211d; }
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg);display:flex}
aside{width:350px;max-width:100%;display:flex;flex-direction:column;background:var(--panel);border-right:2px solid var(--line);z-index:1000}
header{padding:18px 18px 14px;background:var(--head);color:#fff}
header h1{margin:0;font-size:1.4rem;line-height:1.15}
header p{margin:4px 0 0;font-size:.85rem;opacity:.8}
.tools{padding:12px 14px;border-bottom:1px solid var(--line)}
.fila{display:flex;gap:8px}
input[type=search],select{padding:9px 10px;border:1.5px solid var(--line);border-radius:8px;font:inherit;background:var(--bg);color:var(--ink)}
input[type=search]{flex:1;min-width:0}
:focus-visible{outline:3px solid #f5a623;outline-offset:1px}
.grupo{margin-top:10px}
.grupo>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:5px}