@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-2:#8b5cf6;--primary-3:#a78bfa;--primary-hover:#4f46e5;--primary-glow:#6366f140;--accent:#f59e0b;--accent-2:#f97316;--success:#10b981;--success-2:#34d399;--danger:#ef4444;--danger-2:#f87171;--info:#06b6d4;--info-2:#22d3ee;--pink:#ec4899;--pink-2:#f472b6;--bg:#f1f5f9;--bg-card:#fff;--bg-sidebar:#0f172a;--text:#0f172a;--text-secondary:#475569;--text-light:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 1px 3px #0000000a;--shadow:0 4px 6px #0000000a,0 8px 24px #0000000f;--shadow-md:0 8px 16px #0000000f,0 16px 40px #00000014;--shadow-lg:0 12px 24px #00000014,0 24px 56px #0000001f;--shadow-xl:0 24px 48px #0000001f;--transition:0.25s cubic-bezier(.4,0,.2,1);--spring:0.4s cubic-bezier(.34,1.56,.64,1)}body{-webkit-font-smoothing:antialiased;background:#f1f5f9;background:var(--bg);background-attachment:fixed;background-image:radial-gradient(ellipse at 0 0,#6366f10d 0,#0000 50%),radial-gradient(ellipse at 100% 100%,#ec48990a 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#06b6d408 0,#0000 50%);color:#0f172a;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-6px) rotate(-1deg)}75%{transform:translateY(3px) rotate(1deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes pulseWarning{0%,to{border-left-color:#ef4444;border-left-color:var(--danger);box-shadow:0 0 8px #ef444426}50%{border-left-color:#fca5a5;box-shadow:0 0 20px #ef444459}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app-container{background:#0000;display:flex;flex-direction:column;min-height:100vh}.navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffbf;border-bottom:1px solid #ffffff4d;box-shadow:0 4px 30px #0000000f;gap:8px;height:68px;justify-content:space-between;padding:0 clamp(12px,3vw,32px);position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--pink));-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:clamp(.9rem,2vw,1.15rem);font-weight:700;gap:clamp(6px,1.5vw,12px);letter-spacing:-.3px;white-space:nowrap}.navbar-brand .brand-icon{animation:pulseGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--pink));border-radius:clamp(8px,1.5vw,12px);color:#fff;font-size:clamp(1rem,2vw,1.3rem);height:clamp(32px,5vw,42px);justify-content:center;width:clamp(32px,5vw,42px)}.navbar-brand .brand-icon,.navbar-right{align-items:center;display:flex;flex-shrink:0}.navbar-right{gap:clamp(6px,1.5vw,16px)}.navbar-user{gap:clamp(4px,1vw,10px)}.navbar-avatar,.navbar-user{align-items:center;display:flex}.navbar-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;flex-shrink:0;font-size:clamp(.7rem,1.2vw,.9rem);font-weight:700;height:clamp(30px,4.5vw,38px);justify-content:center;width:clamp(30px,4.5vw,38px)}.navbar-user-info{display:flex;flex-direction:column;min-width:0}.navbar-user-name{color:#0f172a;color:var(--text);font-size:clamp(.7rem,1.2vw,.875rem);font-weight:600;line-height:1.2;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-user-rol{color:#475569;color:var(--text-secondary);font-size:clamp(.6rem,1vw,.75rem)}.rol-badge{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:clamp(.6rem,1vw,.7rem);font-weight:600;gap:4px;letter-spacing:.2px;padding:clamp(2px,.5vw,4px) clamp(6px,1.5vw,12px);white-space:nowrap}.rol-admin{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;color:#6d28d9}.rol-residente{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#2563eb}.rol-vigilante{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#d97706}.btn-logout{background:#ffffff80;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#475569;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:clamp(.7rem,1.1vw,.8rem);font-weight:500;padding:clamp(5px,1vw,8px) clamp(10px,2vw,18px);transition:.25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-logout:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;color:#ef4444;color:var(--danger);transform:translateY(-1px)}.main-content{animation:slideInUp .4s ease;flex:1 1;margin:0 auto;max-width:1280px;padding:40px;width:100%}.page-header{animation:slideInLeft .5s ease;margin-bottom:36px;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#6366f1);background:linear-gradient(135deg,var(--text),var(--primary));-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}.page-header p{color:#475569;color:var(--text-secondary);font-size:.95rem;margin-top:0}.page-header.flex-between{text-align:left}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:36px}.stat-card{animation:scaleIn .4s ease backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 6px #0000000a,0 8px 24px #0000000f;box-shadow:var(--shadow);cursor:default;overflow:hidden;padding:24px 28px;position:relative;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring)}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:before{border-radius:16px 16px 0 0;border-radius:var(--radius) var(--radius) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:first-child:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--primary),var(--primary-2))}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#06b6d4,#6366f1);background:linear-gradient(90deg,var(--info),var(--primary))}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success),var(--success-2))}.stat-card:hover{box-shadow:0 12px 24px #00000014,0 24px 56px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.stat-card .stat-icon{animation:float 4s ease-in-out infinite;display:inline-block;font-size:2rem;margin-bottom:12px}.stat-card:nth-child(2) .stat-icon{animation-delay:.5s}.stat-card:nth-child(3) .stat-icon{animation-delay:1s}.stat-card .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#6366f1);background:linear-gradient(135deg,var(--text),var(--primary));-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.5px}.stat-card .stat-label{color:#475569;color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000a,0 8px 24px #0000000f;box-shadow:var(--shadow);margin-bottom:24px;padding:32px;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring)}.card:hover{box-shadow:0 8px 16px #0000000f,0 16px 40px #00000014;box-shadow:var(--shadow-md)}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.card-header h2{color:#0f172a;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.3px}.card-header h3{color:#0f172a;color:var(--text);font-size:1rem;font-weight:600}.profile-card{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#0f172a,#1e1b4b,#312e81,#4c1d95);background-size:300% 300%;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #4f46e54d;color:#fff;margin-bottom:28px;overflow:hidden;padding:32px;position:relative}.profile-card:before{background:radial-gradient(circle,#8b5cf64d 0,#0000 70%);height:300px;right:-20%;top:-30%;width:300px}.profile-card:after,.profile-card:before{border-radius:50%;content:"";position:absolute}.profile-card:after{background:radial-gradient(circle,#ec489933 0,#0000 70%);bottom:-40%;height:250px;left:-10%;width:250px}.profile-card>*{position:relative;z-index:1}.profile-card .profile-greeting{font-size:.85rem;opacity:.8}.profile-card .profile-name{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;margin:6px 0}.profile-card .profile-detail{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:16px;margin-top:10px;opacity:.8}.menu-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:8px}.menu-item{animation:scaleIn .4s ease backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border:2px solid #0000;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 6px #0000000a,0 8px 24px #0000000f;box-shadow:var(--shadow);cursor:pointer;font-family:inherit;overflow:hidden;padding:36px 24px;position:relative;text-align:center;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring)}.menu-item:first-child{animation-delay:.1s;border-color:#6366f126}.menu-item:nth-child(2){animation-delay:.15s;border-color:#10b98126}.menu-item:nth-child(3){animation-delay:.2s;border-color:#06b6d426}.menu-item:nth-child(4){animation-delay:.25s;border-color:#f59e0b26}.menu-item:nth-child(5){animation-delay:.3s;border-color:#ec489926}.menu-item:nth-child(6){animation-delay:.35s;border-color:#8b5cf626}.menu-item:hover{box-shadow:0 12px 24px #00000014,0 24px 56px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.menu-item:first-child:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 30px #6366f133}.menu-item:nth-child(2):hover{border-color:#10b981;border-color:var(--success);box-shadow:0 0 30px #10b98133}.menu-item:nth-child(3):hover{border-color:#06b6d4;border-color:var(--info);box-shadow:0 0 30px #06b6d433}.menu-item:nth-child(4):hover{border-color:#f59e0b;border-color:var(--accent);box-shadow:0 0 30px #f59e0b33}.menu-item:nth-child(5):hover{border-color:#ec4899;border-color:var(--pink);box-shadow:0 0 30px #ec489933}.menu-item:nth-child(6):hover{border-color:#8b5cf6;border-color:var(--primary-2);box-shadow:0 0 30px #8b5cf633}.menu-item .menu-icon{animation:float 4s ease-in-out infinite;display:inline-block;font-size:2.8rem;margin-bottom:16px;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring)}.menu-item:nth-child(2) .menu-icon{animation-delay:.6s}.menu-item:nth-child(3) .menu-icon{animation-delay:1.2s}.menu-item:nth-child(4) .menu-icon{animation-delay:1.8s}.menu-item:hover .menu-icon{animation:bounceIn .5s ease;transform:scale(1.2) rotate(5deg)}.menu-item .menu-label{color:#0f172a;color:var(--text);display:block;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;margin-bottom:4px}.menu-item .menu-desc{color:#475569;color:var(--text-secondary);display:block;font-size:.8rem;line-height:1.4}.form-group{margin-bottom:20px}.form-group label{color:#475569;color:var(--text-secondary);display:block;font-size:.78rem;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff9;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text);font-family:inherit;font-size:.95rem;padding:13px 18px;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring);width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f140;box-shadow:0 0 0 4px var(--primary-glow);outline:none;transform:translateY(-1px)}.form-group input::placeholder{color:#94a3b8;color:var(--text-light)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.1px;overflow:hidden;padding:11px 24px;position:relative;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring);white-space:nowrap}.btn:after{background:linear-gradient(135deg,#fff3,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.96)}.btn:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.5}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 4px 16px #6366f140;box-shadow:0 4px 16px var(--primary-glow);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #6366f166;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 16px #f59e0b40;color:#fff}.btn-accent:hover:not(:disabled){box-shadow:0 8px 24px #f59e0b66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--danger),var(--danger-2));box-shadow:0 4px 16px #ef444433;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 8px 24px #ef444459;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success),var(--success-2));box-shadow:0 4px 16px #10b98133;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 8px 24px #10b98159;transform:translateY(-2px)}.btn-outline{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff80;border:2px solid #e2e8f0;border:2px solid var(--border);color:#475569;color:var(--text-secondary)}.btn-outline:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary);transform:translateY(-1px)}.btn-ghost{background:#0000;border-radius:8px;color:#475569;color:var(--text-secondary);padding:8px 14px}.btn-ghost:hover{background:#6366f114;color:#6366f1;color:var(--primary)}.btn-sm{border-radius:8px;font-size:.8rem;padding:6px 16px}.btn-lg{border-radius:14px;font-size:1.05rem;padding:15px 32px}.btn-full{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.btn-row .btn{flex:1 1;min-width:120px}.table-container{border:1px solid #ffffff80;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 6px #0000000a,0 8px 24px #0000000f;box-shadow:var(--shadow);overflow-x:auto}table{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border-collapse:collapse;width:100%}table th{background:linear-gradient(180deg,#6366f10f,#8b5cf60a);border-bottom:2px solid #6366f126;color:#6366f1;color:var(--primary);font-size:.72rem;font-weight:700;letter-spacing:.8px;padding:14px 18px;text-align:left;text-transform:uppercase}table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text);font-size:.9rem;padding:16px 18px;transition:.25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}table tr:last-child td{border-bottom:none}table tr:hover td{background:linear-gradient(90deg,#6366f10a,#8b5cf605)}.list-item{align-items:center;animation:slideInUp .3s ease backwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:12px;padding:20px 24px;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring)}.list-item:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 6px #0000000a,0 8px 24px #0000000f;box-shadow:var(--shadow);transform:translateX(4px)}.list-item .info{flex:1 1;min-width:0}.list-item .info .name{color:#0f172a;color:var(--text);font-size:.95rem;font-weight:700}.list-item .info .detail{color:#475569;color:var(--text-secondary);font-size:.82rem;margin-top:4px}.list-item .actions{display:flex;flex-shrink:0;gap:8px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.2px;padding:5px 14px}.badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.badge-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.badge-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.badge-info{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;color:#3730a3}.badge-neutral{background:#f1f5f9cc;border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-secondary)}.history-item{animation:slideInRight .3s ease backwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #ffffff80;border-left:5px solid #6366f1;border-left:5px solid var(--primary);border-radius:0 16px 16px 0;border-radius:0 var(--radius) var(--radius) 0;box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:20px 24px;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring)}.history-item:nth-child(odd){border-left-color:#8b5cf6;border-left-color:var(--primary-2)}.history-item:nth-child(3n){border-left-color:#06b6d4;border-left-color:var(--info)}.history-item:hover{box-shadow:0 4px 6px #0000000a,0 8px 24px #0000000f;box-shadow:var(--shadow);transform:translateX(3px)}.history-item .visit-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.history-item .visit-name{color:#0f172a;color:var(--text);font-size:1rem;font-weight:700}.history-item .visit-detail{align-items:center;color:#475569;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.84rem;gap:10px;margin-top:8px}.history-item .visit-date{color:#94a3b8;color:var(--text-light);font-size:.75rem;margin-top:10px}.qr-container{padding:28px;text-align:center}.qr-container img{border:2px solid #fffc;border-radius:16px;border-radius:var(--radius);box-shadow:0 12px 24px #00000014,0 24px 56px #0000001f;box-shadow:var(--shadow-lg);max-width:260px;transition:.4s cubic-bezier(.34,1.56,.64,1);transition:var(--spring)}.qr-container img:hover{transform:scale(1.03)}.qr-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:28px;text-align:left}.qr-info p{background:#f1f5f9cc;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-sm);font-size:.88rem;margin:0;padding:12px 16px;transition:.25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.qr-info p:hover{background:#fff;border-color:#6366f1;border-color:var(--primary)}.qr-info p strong{color:#6366f1;color:var(--primary);display:block;font-size:.7rem;font-weight:700;letter-spacing:.6px;margin-bottom:3px;text-transform:uppercase}.scanner-container{margin:0 auto;max-width:420px;width:100%}.scanner-container video{border:3px solid #6366f1;border:3px solid var(--primary);border-radius:16px;border-radius:var(--radius);box-shadow:0 0 30px #6366f133;width:100%}.login-container{align-items:center;animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#0f172a,#1e1b4b 30%,#312e81 60%,#4c1d95);background-size:300% 300%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-container:before{animation:floatSlow 8s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 60%);border-radius:50%;content:"";height:600px;left:-10%;position:absolute;top:-10%;width:600px}.login-container:after{animation:floatSlow 8s ease-in-out 3s infinite;background:radial-gradient(circle,#ec48991a 0,#0000 60%);border-radius:50%;bottom:-10%;content:"";height:500px;position:absolute;right:-10%;width:500px}.login-card{animation:scaleIn .5s ease;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 30px 80px #00000059,0 0 80px #6366f126;max-width:440px;padding:48px 40px;position:relative;width:100%;z-index:1}.login-card .logo{margin-bottom:36px;text-align:center}.login-card .logo .login-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--primary),var(--primary-2),var(--pink));border-radius:20px;box-shadow:0 12px 30px #6366f166;color:#fff;display:inline-flex;font-size:2rem;height:72px;justify-content:center;width:72px}.login-card .logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--text),var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;margin-top:20px}.login-card .logo p{color:#475569;color:var(--text-secondary);font-size:.9rem;margin-top:6px}.login-card .btn{border-radius:14px;font-size:1rem;margin-top:12px;padding:15px}.alert{align-items:center;animation:slideInUp .3s ease;border-radius:10px;border-radius:var(--radius-sm);display:flex;font-size:.875rem;font-weight:600;gap:10px;margin-bottom:18px;padding:14px 20px}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{animation:scaleIn .25s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffffe6;border:1px solid #fff6;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 24px 48px #0000001f,0 0 60px #6366f126;box-shadow:var(--shadow-xl),0 0 60px #6366f126;max-height:85vh;max-width:500px;overflow-y:auto;padding:36px;width:100%}.modal h2{color:#0f172a;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{color:#475569;color:var(--text-secondary);padding:72px 20px;text-align:center}.empty-state .empty-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{color:#0f172a;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:8px}.empty-state p{font-size:.9rem}.spinner{align-items:center;display:flex;justify-content:center;padding:60px}.spinner:after{animation:spin .7s linear infinite;border-bottom:4px solid #e2e8f0;border-bottom:4px solid var(--border);border-left:4px solid #e2e8f0;border-left:4px solid var(--border);border-radius:50%;border-right:4px solid #ec4899;border-right:4px solid var(--pink);border-top:4px solid #6366f1;border-top:4px solid var(--primary);content:"";height:40px;width:40px}.text-sm{color:#475569;color:var(--text-secondary);font-size:.82rem}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.w-full{width:100%}.gap-12{gap:12px}.gap-16{gap:16px}@media(min-width:1024px){.main-content{padding:48px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.qr-info{grid-template-columns:1fr 1fr 1fr}}@media(max-width:768px){.navbar{gap:4px;height:56px;padding:0 12px}.navbar-brand{font-size:.85rem;gap:6px}.navbar-brand .brand-icon{border-radius:8px;font-size:1rem;height:32px;width:32px}.navbar-right{gap:6px}.navbar-user{gap:4px}.navbar-avatar{font-size:.7rem;height:30px;width:30px}.navbar-user-name,.navbar-user-rol{display:none}.rol-badge{font-size:.6rem;padding:2px 8px}.btn-logout{border-radius:8px;font-size:.7rem;padding:5px 10px}.main-content{padding:24px 16px}.page-header h1{font-size:1.5rem}.stats-row{gap:12px}.menu-grid,.stats-row{grid-template-columns:1fr 1fr}.menu-grid{gap:14px}.menu-item{padding:28px 18px}.menu-item .menu-icon{font-size:2.2rem}.form-row{grid-template-columns:1fr}.login-card{padding:36px 28px}.card{padding:24px}.qr-info{grid-template-columns:1fr}.list-item{align-items:flex-start;flex-direction:column;gap:14px}.list-item .actions{justify-content:flex-end;width:100%}}@media(max-width:480px){.navbar{gap:2px;height:52px;padding:0 8px}.navbar-brand{font-size:.78rem;gap:4px}.navbar-brand .brand-icon{border-radius:7px;font-size:.85rem;height:28px;width:28px}.navbar-right{gap:4px}.navbar-user{gap:3px}.navbar-avatar{font-size:.65rem;height:26px;width:26px}.rol-badge{font-size:.55rem;padding:2px 6px}.btn-logout{border-radius:6px;font-size:.65rem;padding:4px 8px}.menu-grid,.stats-row{grid-template-columns:1fr}.btn-row{flex-direction:column}.btn-row .btn{width:100%}.modal{margin:12px;padding:24px}}
/*# sourceMappingURL=main.dbbfab7a.css.map*/