:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#111827;color:white;padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 14px #0002}header h1{margin:0;font-size:28px}header p{margin:5px 0 0;color:#cbd5e1}main{padding:28px 5vw 50px;max-width:1500px;margin:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat,.card{background:white;border-radius:14px;padding:20px;box-shadow:0 6px 24px #1f29370d;border:1px solid #e8edf5}.stat strong{display:block;font-size:30px}.stat span{color:#64748b}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{margin-bottom:20px}.card h2{margin-top:0}form{display:grid;gap:12px}.form-grid{grid-template-columns:repeat(6,1fr);align-items:end}input,select,textarea,button{font:inherit;border-radius:9px;border:1px solid #cbd5e1;padding:11px 12px}textarea{min-height:80px}button{background:#2563eb;color:#fff;border:0;font-weight:600;cursor:pointer}button:hover{filter:brightness(.95)}button.secondary{background:#64748b}button.danger{background:#dc2626}button.success{background:#16a34a}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}th{font-size:13px;color:#64748b}.badge{display:inline-block;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:700}.active{background:#dcfce7;color:#166534}.suspended{background:#fef3c7;color:#92400e}.revoked{background:#fee2e2;color:#991b1b}.key{font-family:Consolas,monospace;font-size:12px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.actions{display:flex;gap:6px}.actions button{padding:7px 9px;font-size:12px}.hidden{display:none}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.stats,.form-grid{grid-template-columns:1fr}}

label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:600; color:#475569; }
label > span { line-height:1.2; }
.form-grid .wide { grid-column:1 / -1; }
.checkbox-field { flex-direction:row; align-items:center; align-self:end; min-height:42px; padding:0 4px; }
.checkbox-field input { width:auto; margin:0; }
.filters { display:grid; grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto; gap:12px; align-items:end; margin:14px 0 18px; padding:14px; border:1px solid #e2e8f0; border-radius:10px; background:#f8fafc; }
.filters button { min-height:42px; }
.badge.perpetual { background:#ede9fe; color:#6d28d9; }
.empty { text-align:center; color:#64748b; padding:26px !important; }
@media (max-width:800px){ .filters{grid-template-columns:1fr;} }
button.warning{background:#d97706}.subsection{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.subsection h3{margin:0 0 14px}.actions{flex-wrap:wrap}

/* Login amministrativo */
body{min-height:100vh}.app-shell{min-height:100vh}.login-page{min-height:100vh;padding:34px;display:grid;place-items:center;background:radial-gradient(circle at 12% 15%,#dbeafe 0,transparent 30%),radial-gradient(circle at 88% 82%,#e0e7ff 0,transparent 32%),#eef3f9}.login-shell{width:min(1050px,100%);min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.8)}.login-brand-panel{position:relative;padding:58px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(145deg,#0f172a 0%,#172554 52%,#1d4ed8 130%);overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.login-brand-panel:before{width:420px;height:420px;right:-210px;top:-120px}.login-brand-panel:after{width:300px;height:300px;left:-165px;bottom:-120px}.brand-badge{position:absolute;top:46px;left:58px;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 14px 35px rgba(37,99,235,.38);font-size:24px;font-weight:800;letter-spacing:-1px}.eyebrow{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.18em;color:#60a5fa}.login-brand-panel h1{margin:0;font-size:44px;line-height:1.05;letter-spacing:-1.5px}.brand-copy{max-width:440px;margin:22px 0 30px;color:#cbd5e1;font-size:17px;line-height:1.7}.brand-features{display:grid;gap:14px;color:#e2e8f0}.brand-features>div{display:flex;align-items:center;gap:11px}.feature-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(96,165,250,.2);color:#93c5fd;font-weight:800}.brand-footer{position:absolute;left:58px;bottom:35px;margin:0;color:#94a3b8;font-size:12px}.login-card{padding:68px 62px;display:flex;flex-direction:column;justify-content:center}.login-card-header h2{margin:0;color:#0f172a;font-size:34px;letter-spacing:-.8px}.login-card-header>p:last-child{margin:10px 0 30px;color:#64748b;line-height:1.55}.mobile-brand{display:none}.login-form{gap:18px}.login-field{gap:8px;color:#334155;font-size:13px;font-weight:700}.input-with-icon{position:relative}.input-with-icon input{width:100%;height:52px;padding:0 88px 0 45px;background:#f8fafc;border:1px solid #dbe3ee;border-radius:12px;outline:none;transition:.2s}.input-with-icon input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12)}.field-icon{position:absolute;z-index:2;left:17px;top:50%;transform:translateY(-50%);font-size:9px;color:#64748b}.lock-icon{font-size:10px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:8px 10px;background:transparent;color:#2563eb;font-size:12px}.remember-row{display:flex;flex-direction:row;align-items:center;gap:9px;color:#64748b;font-weight:500}.remember-row input{width:16px;height:16px;accent-color:#2563eb}.login-submit{height:52px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 25px rgba(37,99,235,.24);font-size:15px}.login-submit:disabled{opacity:.7;cursor:wait}.login-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-error{padding:11px 13px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px}.security-note{margin:24px 0 0;text-align:center;color:#94a3b8;font-size:12px}.header-brand,.header-actions{display:flex;align-items:center;gap:13px}.header-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2563eb,#60a5fa);font-weight:800}.logged-user{color:#cbd5e1;font-size:13px}.header-button{width:auto;background:#334155}.logout-button{background:#1e293b;border:1px solid #475569}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.login-page{padding:18px}.login-shell{grid-template-columns:1fr;min-height:0}.login-brand-panel{display:none}.login-card{padding:46px 34px}.mobile-brand{display:grid;width:58px;height:58px;margin-bottom:24px;place-items:center;border-radius:16px;background:linear-gradient(135deg,#1d4ed8,#60a5fa);color:#fff;font-weight:800;font-size:22px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.logged-user{display:none}}
@media(max-width:550px){.login-page{padding:0;background:#fff}.login-shell{border:0;border-radius:0;box-shadow:none}.login-card{padding:36px 24px;min-height:100vh}.login-card-header h2{font-size:30px}header{align-items:flex-start;gap:16px}.header-brand h1{font-size:20px}.header-brand p{font-size:12px}.header-actions{gap:6px}.header-button{padding:9px}.header-logo{display:none}}