:root{--bg:#f2f5f8;--panel:#fff;--ink:#1e293b;--ink-soft:#5c6f8a;--line:#dbe3ea;--accent:#2563eb;--font-display:"Century Gothic", "Segoe UI Semibold", Verdana, sans-serif;--font-body:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:"Cascadia Code", "Consolas", "SF Mono", "Menlo", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--panel);border-radius:8px;flex-direction:column;flex:none;justify-content:center;width:100%;max-width:420px;padding:2.2rem 2.6rem;display:flex;box-shadow:0 1px 3px #00000014}@media (width<=860px){.login-card{width:100%;max-width:none;box-shadow:none;border-radius:0;padding:2rem 1.6rem 2.4rem}}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.9rem;display:flex}.login-brand-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:1.4rem;font-weight:700}.login-brand-tag{color:var(--ink-soft);margin-top:.5rem;font-size:.78rem}.login-form{flex-direction:column;gap:1.1rem;display:flex}.login-field{color:var(--ink-soft);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.login-field input{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:4px;padding:.6rem .7rem;font-size:.95rem}.login-field input:focus-visible{border-color:var(--accent)}.login-error{color:#a8362c;background:#e0554a1a;border-radius:4px;margin:0;padding:.55rem .7rem;font-size:.83rem}.login-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.7rem;font-size:.95rem;font-weight:700}.login-submit:disabled{opacity:.6;cursor:default}.shell{grid-template-columns:200px 1fr;min-height:100%;display:grid}.shell-side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;padding:1.1rem 0;display:flex}.shell-brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);padding:0 1.1rem 1.2rem;font-size:.95rem;font-weight:700}.shell-nav{flex-direction:column;flex:1;display:flex}.shell-item{color:var(--ink-soft);border-left:3px solid #0000;align-items:center;gap:.6rem;padding:.6rem 1.1rem .6rem .9rem;font-size:.85rem;text-decoration:none;display:flex}.shell-item .dot{background:var(--ink-soft);border-radius:50%;flex:none;width:8px;height:8px}.shell-item.active{border-left-color:var(--ink);color:var(--ink);background:#0a2c6b0f;font-weight:600}.shell-user{border-top:1px solid var(--line);margin-top:.5rem;padding:.9rem 1.1rem 0}.shell-user-name{color:var(--ink);font-size:.85rem;font-weight:600}.shell-user-role{color:var(--ink-soft);text-transform:capitalize;margin-bottom:.6rem;font-size:.72rem}.shell-logout{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:4px;width:100%;padding:.35rem .6rem;font-size:.78rem}.shell-main{min-width:0;padding:1.6rem 2rem}.menu-home h1{font-family:var(--font-display);color:var(--ink);margin:0 0 .3rem;font-size:1.4rem}.menu-home-sub{color:var(--ink-soft);margin:0 0 1.5rem;font-size:.9rem}.menu-home-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.menu-home-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--ink);color:var(--ink);border-radius:4px;justify-content:space-between;align-items:center;padding:1rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.menu-home-card-arrow{color:var(--ink-soft)}.usuarios-toolbar{margin-bottom:1rem}.usuarios-toolbar h1{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem}.usuarios-status{color:var(--ink-soft);font-size:.9rem}.usuarios-error{color:#a8362c;background:#e0554a1a;border-radius:4px;padding:.6rem .8rem;font-size:.85rem}.usuarios-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:4px;width:100%;font-size:.85rem;overflow:hidden}.usuarios-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);border-bottom:1px solid var(--line);padding:.6rem .8rem;font-size:.68rem}.usuarios-table td{border-bottom:1px solid var(--line);color:var(--ink);padding:.6rem .8rem}.usuarios-table tbody tr:last-child td{border-bottom:none}.pill{border-radius:20px;padding:.1rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.pill.on{color:#0d6ea6;background:#29abe21f}.pill.off{color:var(--ink-soft);background:#eee}