:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--green:#16a34a;--green-light:#22c55e}.login-wrapper{background:#09090b;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.login-wrapper:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#16a34a26,#0000),radial-gradient(60% 40% at 80% 100%,#6366f114,#0000);position:absolute;inset:0}.login-card{z-index:1;opacity:0;width:100%;max-width:380px;animation:cardEnter .5s var(--ease-out) 50ms forwards;background:#111113;border:1px solid #ffffff12;border-radius:1.25rem;flex-direction:column;align-items:center;padding:clamp(1.75rem,5vw,2.25rem) clamp(1.5rem,5vw,1.75rem);display:flex;position:relative;transform:translateY(20px)scale(.98);box-shadow:inset 0 0 0 1px #ffffff08,0 24px 64px #00000080,0 4px 16px #0000004d}@keyframes cardEnter{to{opacity:1;transform:translateY(0)scale(1)}}.logo-container{animation:fadeUp .4s var(--ease-out) .15s both;flex-direction:column;align-items:center;margin-bottom:1.25rem;display:flex}.logo-icon{background:var(--green);width:44px;height:44px;transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.875rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff26,0 4px 16px #16a34a66}.login-card:hover .logo-icon{transform:scale(1.05)rotate(5deg);box-shadow:inset 0 0 0 1px #ffffff26,0 6px 24px #16a34a80}.logo-icon-inner{background:#ffffffe6;border-radius:50%;width:20px;height:20px;position:relative;top:-4px}.logo-title{color:#fafafa;letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(1.375rem,5vw,1.625rem);font-weight:800}.logo-subtitle{color:var(--green-light);letter-spacing:.04em;margin-top:.2rem;font-size:.8rem;font-weight:600}.role-text{color:#52525b;letter-spacing:.14em;text-transform:uppercase;animation:fadeUp .4s var(--ease-out) .2s both;margin-bottom:1.25rem;font-size:.6rem;font-weight:600}.divider{background:#ffffff0f;width:100%;height:1px;margin-bottom:1.375rem}.login-form{width:100%}.input-group{opacity:0;width:100%;animation:fadeUp .35s var(--ease-out) both;margin-bottom:.875rem;transform:translateY(6px)}.input-group:first-child{animation-delay:.22s}.input-group:nth-child(2){animation-delay:.28s}.input-group:nth-child(3){animation-delay:.34s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.input-label{color:#71717a;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;font-size:.65rem;font-weight:600;display:block}.input-wrapper{transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out), background .15s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff14;border-radius:.625rem;align-items:center;display:flex;position:relative}.input-wrapper:focus-within{border-color:var(--green);background:#16a34a0a;box-shadow:0 0 0 3px #16a34a1f}.input-wrapper.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-icon{color:#52525b;pointer-events:none;transition:color .15s var(--ease-out);flex-shrink:0;position:absolute;left:.875rem}.input-wrapper:focus-within .input-icon{color:var(--green)}.input-field{color:#fafafa;background:0 0;border:none;outline:none;width:100%;min-height:44px;padding:.75rem 2.75rem;font-size:.875rem}select.input-field{appearance:none;cursor:pointer;text-transform:none;color:#e4e4e7}select.input-field option{color:#fafafa;background:#18181b}.action-icon{color:#52525b;cursor:pointer;transition:color .12s var(--ease-out), background .12s var(--ease-out);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.75rem}.action-icon:hover{color:#a1a1aa;background:#ffffff0f}.input-error{color:#f87171;animation:fadeUp .2s var(--ease-out);margin-top:.375rem;padding-left:.25rem;font-size:.6875rem;font-weight:500}.btn-submit{background:var(--green);color:#fff;cursor:pointer;letter-spacing:-.01em;width:100%;min-height:44px;transition:background .15s var(--ease-out), transform .1s var(--ease-out), box-shadow .15s var(--ease-out);animation:fadeUp .35s var(--ease-out) .38s both;border:none;border-radius:.625rem;margin-top:.75rem;padding:.75rem;font-size:.875rem;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff1a,0 2px 8px #16a34a59}.btn-submit:hover{background:box-shadow: 0 0 0 1px #ffffff1f inset, 0 4px 16px #16a34a73}.btn-submit:active{transition-duration:80ms;transform:scale(.97);box-shadow:inset 0 0 0 1px #ffffff14}.login-footer{color:#3f3f46;letter-spacing:.02em;z-index:1;opacity:0;animation:fadeUp .4s var(--ease-out) .5s forwards;margin-top:1.5rem;font-size:.7rem;font-weight:500;position:relative}@media (width<=360px){.login-card{border-radius:1rem;padding:1.5rem 1.25rem}}@media (width>=768px){.login-wrapper{background:#09090b}}@media (prefers-reduced-motion:reduce){.login-card,.logo-container,.input-group,.btn-submit,.login-footer{opacity:1;animation:none;transform:none}}.confirmada-check-ring{background:linear-gradient(135deg, var(--green-light), var(--green));width:64px;height:64px;transition:opacity .45s var(--ease-out), transform .45s cubic-bezier(.34, 1.56, .64, 1);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 8px 24px #16a34a59}.confirmada-check-pulso{border:2px solid var(--green-light);animation:confirmada-pulso 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-6px}@keyframes confirmada-pulso{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}.confirmada-progreso{background:#ffffff14;border-radius:999px;width:100%;height:4px;margin-top:1.5rem;overflow:hidden}.confirmada-progreso-barra{transform-origin:0;background:linear-gradient(90deg, var(--green), var(--green-light));width:100%;height:100%;animation:linear forwards confirmada-progreso}@keyframes confirmada-progreso{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.confirmada-check-pulso{opacity:0;animation:none}.confirmada-progreso-barra{animation:none;transform:scaleX(1)}}.perfiles-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;width:100%;max-width:520px;display:grid;position:relative}.perfil-card{cursor:pointer;transition:border-color .15s var(--ease-out), transform .15s var(--ease-out);background:#111113;border:1px solid #ffffff12;border-radius:1rem;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem .75rem;display:flex}.perfil-card:hover{border-color:#16a34a66}.perfil-card:active{transform:scale(.97)}.perfil-avatar{color:#fff;background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex}.perfil-avatar.admin{background:#7c6cf0}.perfil-nombre{color:#fafafa;text-align:center;text-transform:capitalize;font-size:13px;font-weight:700}.perfil-rol{letter-spacing:.05em;text-transform:uppercase;color:#6b7280;font-size:10px;font-weight:600}.pin-dots{gap:.75rem;margin:1.5rem 0;display:flex}.pin-dot{width:14px;height:14px;transition:background .12s var(--ease-out), border-color .12s var(--ease-out);background:0 0;border:1.5px solid #fff3;border-radius:50%}.pin-dot.filled{background:var(--green);border-color:var(--green)}.pin-dots.error .pin-dot{border-color:#ef4444}.pin-dots.error{animation:pinShake .35s var(--ease-out)}@keyframes pinShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pin-keypad{grid-template-columns:repeat(3,64px);justify-content:center;gap:.75rem;display:grid}.pin-key{color:#fafafa;cursor:pointer;width:64px;height:64px;transition:background .12s var(--ease-out), transform .12s var(--ease-out);background:#ffffff0a;border:1px solid #ffffff12;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.pin-key:hover{background:#ffffff14}.pin-key:active{transform:scale(.94)}.pin-key.ghost{cursor:default;background:0 0;border:none}.anuncio-modal-overlay{z-index:200;transition:background .18s var(--ease-out);background:#0f172a00;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.anuncio-modal-overlay.is-open{background:#0f172a8c}.anuncio-modal-card{text-align:left;transform-origin:50%;opacity:0;width:88vw;max-width:88vw;max-height:88vh;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:#fff;border-radius:1.25rem;overflow-y:auto;transform:scale(.94)translateY(6px);box-shadow:0 24px 60px #0000004d}.anuncio-modal-card[data-dark=true]{background:#1a2436}.anuncio-modal-overlay.is-open .anuncio-modal-card{opacity:1;transform:scale(1)translateY(0)}.anuncio-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.anuncio-modal-card[data-dark=true] .anuncio-modal-header{border-color:#ffffff14}.anuncio-modal-tipo-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.anuncio-modal-close{color:#64748b;cursor:pointer;width:36px;height:36px;transition:background .12s var(--ease-out), transform .12s var(--ease-out);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.anuncio-modal-close:hover{background:#e2e8f0}.anuncio-modal-close:active{transform:scale(.92)}.anuncio-modal-card[data-dark=true] .anuncio-modal-close{color:#94a3b8;background:#ffffff14}.anuncio-modal-card[data-dark=true] .anuncio-modal-close:hover{background:#ffffff24}.anuncio-modal-body{padding:2rem 2rem 2.25rem}.anuncio-modal-fecha{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:12px;font-weight:700}.anuncio-modal-card[data-dark=true] .anuncio-modal-fecha{color:#6b7280}.anuncio-modal-titulo{color:#0f172a;margin:.75rem 0 0;font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.28}.anuncio-modal-card[data-dark=true] .anuncio-modal-titulo{color:#f8fafc}.anuncio-modal-mensaje{color:#475569;white-space:pre-wrap;word-break:break-word;margin:1rem 0 0;font-size:16px;line-height:1.75}.anuncio-modal-card[data-dark=true] .anuncio-modal-mensaje{color:#cbd5e1}.anuncio-modal-image-wrap{aspect-ratio:16/7;cursor:pointer;background:#f8fafc;border:none;width:100%;max-height:42vh;margin:0;padding:0;display:block;position:relative;overflow:hidden}.anuncio-modal-card[data-dark=true] .anuncio-modal-image-wrap{background:#ffffff0a}.anuncio-modal-image-bg{object-fit:cover;filter:blur(28px)brightness(.85)saturate(1.1);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.anuncio-modal-image{z-index:1;object-fit:contain;width:100%;height:100%;transition:transform .2s var(--ease-out);display:block;position:relative}.anuncio-modal-image-wrap:hover .anuncio-modal-image{transform:scale(1.015)}.anuncio-modal-image-hint{z-index:2;color:#fff;opacity:0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);background:#0a0e1799;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:700;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.anuncio-modal-image-wrap:hover .anuncio-modal-image-hint{opacity:1;transform:translateY(0)}.anuncio-modal-lightbox{z-index:300;cursor:zoom-out;transition:background .18s var(--ease-out);background:#06091000;justify-content:center;align-items:center;padding:3rem;display:flex;position:fixed;inset:0}.anuncio-modal-lightbox.is-open{background:#060910d9}.anuncio-modal-lightbox-img{object-fit:contain;cursor:default;opacity:0;max-width:100%;max-height:100%;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);border-radius:.75rem;transform:scale(.96);box-shadow:0 24px 60px #00000080}.anuncio-modal-lightbox.is-open .anuncio-modal-lightbox-img{opacity:1;transform:scale(1)}.anuncio-modal-lightbox-close{color:#fff;background:#ffffff1f;position:fixed;top:1.5rem;right:1.5rem}.anuncio-modal-lightbox-close:hover{background:#fff3}@media (prefers-reduced-motion:reduce){.anuncio-modal-overlay,.anuncio-modal-card,.anuncio-modal-lightbox,.anuncio-modal-lightbox-img{transition:opacity .15s;transform:none}.anuncio-modal-card,.anuncio-modal-lightbox-img{opacity:1}.anuncio-modal-overlay.is-open .anuncio-modal-card,.anuncio-modal-lightbox.is-open .anuncio-modal-lightbox-img{transform:none}}.anuncios-bell-trigger{cursor:pointer;width:38px;height:38px;transition:transform .12s var(--ease-out), background .15s var(--ease-out);border:none;border-radius:.625rem;justify-content:center;align-items:center;display:flex;position:relative}.anuncios-bell-trigger:active{transform:scale(.93)}.anuncios-bell-dot{background:var(--red);opacity:0;width:8px;height:8px;animation:anuncios-dot-in .22s var(--ease-out) forwards;border-radius:50%;position:absolute;top:6px;right:7px;transform:scale(.6)}@keyframes anuncios-dot-in{to{opacity:1;transform:scale(1)}}.anuncios-bell-backdrop{z-index:90;position:fixed;inset:0}.anuncios-bell-panel{z-index:91;transform-origin:100% 0;opacity:0;width:336px;max-height:380px;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:.375rem;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden auto;transform:scale(.95)translateY(-4px);box-shadow:0 16px 40px #0f172a29}.anuncios-bell-panel[data-dark=true]{background:#1a2436;border-color:#ffffff14;box-shadow:0 16px 40px #0006}.anuncios-bell-panel.is-open{opacity:1;transform:scale(1)translateY(0)}@media (width<=640px){.anuncios-bell-panel{width:85vw;max-height:70vh}}.anuncios-bell-header{justify-content:space-between;align-items:center;padding:.625rem;display:flex}.anuncios-bell-header-title{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:10px;font-weight:700}.anuncios-bell-panel[data-dark=true] .anuncios-bell-header-title{color:#6b7280}.anuncios-bell-count{color:#64748b;background:#f1f5f9;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.anuncios-bell-panel[data-dark=true] .anuncios-bell-count{color:#94a3b8;background:#ffffff14}.anuncios-bell-empty{color:#94a3b8;margin:0;padding:.5rem .625rem 1rem;font-size:12.5px}.anuncios-bell-panel[data-dark=true] .anuncios-bell-empty{color:#6b7280}.anuncios-bell-list{border-top:1px solid #f1f5f9}.anuncios-bell-panel[data-dark=true] .anuncios-bell-list{border-color:#ffffff0f}.anuncios-bell-item{width:100%;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;transition:background .12s var(--ease-out), transform .12s var(--ease-out);opacity:0;animation:anuncios-item-in .22s var(--ease-out) forwards;background:0 0;border:none;border-radius:.75rem;align-items:flex-start;gap:.625rem;padding:.75rem .625rem;display:flex;transform:translateY(6px)}.anuncios-bell-item:hover{background:#f8fafc}.anuncios-bell-item:active{transform:scale(.985)}.anuncios-bell-panel[data-dark=true] .anuncios-bell-item:hover{background:#ffffff0a}.anuncios-bell-item+.anuncios-bell-item{border-top:1px solid #f1f5f9}.anuncios-bell-panel[data-dark=true] .anuncios-bell-item+.anuncios-bell-item{border-color:#ffffff0f}@keyframes anuncios-item-in{to{opacity:1;transform:translateY(0)}}.anuncios-bell-icon{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:1px;display:flex}.anuncios-bell-thumb{object-fit:cover;border-radius:.625rem;flex-shrink:0;width:30px;height:30px;margin-top:1px}.anuncios-bell-body{flex:1;min-width:0}.anuncios-bell-titulo{color:#1e293b;margin:0;font-size:12.5px;font-weight:700;line-height:1.35}.anuncios-bell-panel[data-dark=true] .anuncios-bell-titulo{color:#f1f5f9}.anuncios-bell-mensaje{word-break:break-word;color:#64748b;margin:3px 0 0;font-size:12px;line-height:1.45}.anuncios-bell-panel[data-dark=true] .anuncios-bell-mensaje{color:#94a3b8}.anuncios-bell-mensaje-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.anuncios-bell-fecha{letter-spacing:.03em;text-transform:uppercase;color:#94a3b8;margin:6px 0 0;font-size:10px;font-weight:600}.anuncios-bell-panel[data-dark=true] .anuncios-bell-fecha{color:#6b7280}@media (prefers-reduced-motion:reduce){.anuncios-bell-panel{transition:opacity .15s;transform:none}.anuncios-bell-item,.anuncios-bell-dot{opacity:1;transition:opacity .15s;animation:none;transform:none}}@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--green:#16a34a;--green-light:#22c55e;--blue:#2f6fed;--violet:#7c6cf0;--amber:#d97706;--red:#e5484d;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-sans)}#root{scroll-behavior:smooth}.tabular-nums{font-variant-numeric:tabular-nums}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--green-light);outline-offset:2px}button:not(:disabled){transition:transform .12s var(--ease-out)}button:not(:disabled):active{transform:scale(.97)}input,textarea{text-transform:uppercase;font-family:var(--font-sans)}input::placeholder{text-transform:uppercase}select,input[type=email],input[type=email]::placeholder,input[type=password],input[type=password]::placeholder{text-transform:none}.nav-item span{text-transform:none!important}.nav-section{text-transform:uppercase}.app-shell{height:100vh;display:flex;overflow:hidden}.app-shell.dark{background:#0f172a}.app-shell.light{background:#f0f2f5}.app-shell.dark{scrollbar-color:#ffffff26 transparent}.app-shell.light{scrollbar-color:#cbd5e1 transparent}.app-shell.dark ::-webkit-scrollbar-thumb{background-color:#ffffff26}.app-shell.light ::-webkit-scrollbar-thumb{background-color:#cbd5e1}.app-shell.dark ::-webkit-scrollbar-thumb:hover{background-color:var(--blue)}.app-shell.light ::-webkit-scrollbar-thumb:hover{background-color:var(--blue)}.sidebar{z-index:50;flex-direction:column;gap:4px;width:220px;min-width:220px;padding:1rem .75rem;transition:background .25s,transform .28s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-dark{background:#111827}.sidebar-light{background:#f8fafc;border-right:1px solid #e2e8f0}.sidebar-brand{align-items:center;gap:10px;padding:.5rem .625rem 1rem;display:flex}.brand-icon-box{background:var(--green);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-icon-box svg{color:#fff}.brand-name{letter-spacing:.04em;font-size:14px;font-weight:700}.sidebar-dark .brand-name{color:#f9fafb}.sidebar-light .brand-name{color:#1e293b}.brand-sub{letter-spacing:.08em;font-size:10px;font-weight:700}.sidebar-dark .brand-sub{color:#4ade80}.sidebar-light .brand-sub{color:var(--green)}.sidebar-divider{height:1px;margin:0 8px 10px}.sidebar-dark .sidebar-divider{background:#ffffff12}.sidebar-light .sidebar-divider{background:#e2e8f0}.sidebar-user{border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.sidebar-dark .sidebar-user{background:#ffffff0d}.sidebar-light .sidebar-user{background:#f1f5f9}.user-avatar{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;position:relative}.online-dot{background:#4ade80;border:2px solid;border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:1px}.sidebar-dark .online-dot{border-color:#111827}.sidebar-light .online-dot{border-color:#f1f5f9}.user-name{text-transform:capitalize;font-size:13px;font-weight:700}.sidebar-dark .user-name{color:#f1f5f9}.sidebar-light .user-name{color:#1e293b}.user-role{font-size:11px}.sidebar-dark .user-role{color:#6b7280}.sidebar-light .user-role{color:#94a3b8}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav-section{letter-spacing:.08em;padding:10px .625rem 4px;font-size:10px;font-weight:700}.sidebar-dark .nav-section{color:#374151}.sidebar-light .nav-section{color:#cbd5e1}.nav-item{cursor:pointer;text-align:left;width:100%;transition:background .15s var(--ease-out), border-color .15s var(--ease-out), transform .12s var(--ease-out);background:0 0;border:none;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:.6rem .75rem;display:flex}.nav-item:active{transform:scale(.98)}.nav-item svg{flex-shrink:0;transition:color .15s}.nav-item span{font-size:13px;font-weight:600;transition:color .15s}.sidebar-dark .nav-item svg,.sidebar-dark .nav-item span{color:#6b7280}.sidebar-dark .nav-item:hover{background:#ffffff0f}.sidebar-dark .nav-item:hover svg,.sidebar-dark .nav-item:hover span{color:#e5e7eb}.sidebar-dark .nav-item.active{border-left-color:var(--green);background:#16a34a1f}.sidebar-dark .nav-item.active svg,.sidebar-dark .nav-item.active span{color:#4ade80}.sidebar-light .nav-item svg,.sidebar-light .nav-item span{color:#94a3b8}.sidebar-light .nav-item:hover{background:#f1f5f9}.sidebar-light .nav-item:hover svg,.sidebar-light .nav-item:hover span{color:#1e293b}.sidebar-light .nav-item.active{border-left-color:var(--green);background:#dcfce7}.sidebar-light .nav-item.active svg,.sidebar-light .nav-item.active span{color:#15803d}.sidebar-bottom{flex-direction:column;gap:6px;margin-top:auto;padding-top:8px;display:flex}.theme-toggle{cursor:pointer;background:0 0;border:1px solid;border-radius:8px;align-items:center;gap:10px;width:100%;padding:.6rem .75rem;display:flex}.theme-toggle svg{flex-shrink:0}.theme-toggle span{font-size:13px;font-weight:600}.sidebar-dark .theme-toggle{transition:background .15s var(--ease-out);border-color:#ffffff14}.sidebar-dark .theme-toggle svg,.sidebar-dark .theme-toggle span{color:#6b7280}.sidebar-dark .theme-toggle:hover{background:#ffffff0d}.sidebar-light .theme-toggle{transition:background .15s var(--ease-out);border-color:#e2e8f0}.sidebar-light .theme-toggle svg,.sidebar-light .theme-toggle span{color:#64748b}.sidebar-light .theme-toggle:hover{background:#f1f5f9}.toggle-track{border-radius:999px;flex-shrink:0;width:32px;height:18px;margin-left:auto;transition:background .2s;position:relative}.toggle-track.on{background:var(--green)}.toggle-track.off{background:#e2e8f0}.toggle-dot{background:#fff;border-radius:50%;width:12px;height:12px;transition:left .2s;position:absolute;top:3px}.toggle-track.on .toggle-dot{left:17px}.toggle-track.off .toggle-dot{left:3px}.logout-btn{cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;width:100%;padding:.6rem .75rem;display:flex}.logout-btn svg,.logout-btn span{color:#ef4444;font-size:13px;font-weight:600}.logout-btn{transition:background .15s var(--ease-out)}.logout-btn:hover{background:#ef444412}.sidebar-close-btn{display:none}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid;flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.75rem;display:flex}.app-shell.dark .topbar{background:#111827;border-color:#ffffff12}.app-shell.light .topbar{background:#fff;border-color:#e2e8f0}.topbar-greeting{text-transform:capitalize;font-size:15px;font-weight:700}.app-shell.dark .topbar-greeting{color:#f9fafb}.app-shell.light .topbar-greeting{color:#1e293b}.topbar-date{text-transform:capitalize;color:#64748b;margin-top:2px;font-size:12px}.main-content{flex:1;min-width:0;padding:1.5rem 1.75rem;overflow-y:auto}.app-shell.dark .main-content{background:#0f172a}.app-shell.light .main-content{background:#f0f2f5}.hamburger-btn{cursor:pointer;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:none}.app-shell.dark .hamburger-btn{color:#f1f5f9;background:#ffffff12}.app-shell.light .hamburger-btn{color:#1e293b;background:#f1f5f9}.hamburger-btn svg{flex-shrink:0}.dashboard-grid{grid-template-columns:1fr 340px;gap:.75rem;display:grid}.dashboard-grid>*{min-width:0}.tabla-mobile{display:none}.tabla-desktop{display:block}.pos-grid{grid-template-columns:1fr 340px;gap:1.5rem;height:100%;display:grid}@media (width<=768px){.app-shell{flex-direction:column;height:100svh}.sidebar{width:260px;min-width:unset;z-index:100;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-dark{box-shadow:4px 0 24px #00000080}.sidebar-light{border-right:none;box-shadow:4px 0 24px #00000026}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{cursor:pointer;color:#94a3b8;background:#ffffff14;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.hamburger-btn{display:flex}.main-wrapper{flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.main-content{flex:1;min-width:0;padding:.875rem 1rem;overflow-y:auto}.topbar{padding:.75rem 1rem}.topbar-greeting{font-size:13px}.topbar-date{font-size:10px}.pos-grid{grid-template-columns:1fr!important;gap:1rem!important;height:auto!important}.dashboard-grid{grid-template-columns:1fr!important}.tabla-desktop{display:none!important}.tabla-mobile{display:flex!important}*,img,svg{max-width:100%}}@media (width>=768px) and (width<=1024px){.sidebar{width:190px;min-width:190px}.brand-name,.nav-item span{font-size:12px}.pos-grid{grid-template-columns:1fr 300px}.dashboard-grid{grid-template-columns:1fr 280px}}:root{--hud-bg:#0a0e17;--hud-panel:#0f1621;--hud-panel-2:#0c1119;--hud-border:#2dd4bf29;--hud-cyan:#2dd4bf;--hud-cyan-2:#22d3ee;--hud-text:#e2e8f0;--hud-sub:#64748b;--hud-red:#f87171;--hud-amber:#fbbf24;--hud-violet:#a78bfa}.hud-shell{scrollbar-color:var(--hud-border) transparent}.hud-shell ::-webkit-scrollbar-thumb{background-color:#2dd4bf40}.hud-shell ::-webkit-scrollbar-thumb:hover{background-color:var(--hud-cyan)}.hud-shell{background-color:var(--hud-bg);min-height:100vh;color:var(--hud-text);font-family:var(--font-sans);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M28 0H0V28' fill='none' stroke='%232dd4bf' stroke-opacity='0.08'/%3E%3C/svg%3E");background-size:28px 28px;overflow-x:hidden;transform:translateZ(0)}.hud-card{background:var(--hud-panel);border:1px solid var(--hud-border);border-radius:6px;padding:1.1rem;position:relative}.hud-card:before,.hud-card:after{content:"";border-color:var(--hud-cyan);opacity:.85;pointer-events:none;border-style:solid;width:10px;height:10px;position:absolute}.hud-card:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.hud-card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.hud-label{letter-spacing:.1em;text-transform:uppercase;color:var(--hud-sub);font-size:10px;font-weight:700}.hud-input{background:var(--hud-panel-2);border:1px solid var(--hud-border);color:var(--hud-text);transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:6px;outline:none;font-size:13px}.hud-input:focus{border-color:var(--hud-cyan);box-shadow:0 0 0 3px #2dd4bf1f}.hud-btn{background:var(--hud-cyan);color:#06141a;letter-spacing:.02em;cursor:pointer;transition:filter .15s var(--ease-out), transform .12s var(--ease-out);border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;font-size:13px;font-weight:800;display:flex}.hud-btn:hover{filter:brightness(1.1)}.hud-btn:active{transform:scale(.97)}.hud-btn-ghost{color:var(--hud-sub);border:1px solid var(--hud-border);cursor:pointer;transition:border-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;font-size:13px;font-weight:600;display:flex}.hud-btn-ghost:hover{border-color:var(--hud-cyan);color:var(--hud-cyan)}.hud-glow-text{color:var(--hud-cyan);text-shadow:0 0 12px #2dd4bf73}.hud-scanline{position:relative;overflow:hidden}.hud-scanline:after{content:"";pointer-events:none;background:linear-gradient(#0000,#2dd4bf0f,#0000);animation:4s linear infinite hud-scan;position:absolute;inset:0}@keyframes hud-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.hud-scanline:after{animation:none}}.super-admin-menu-toggle,.super-admin-mobile-menu{display:none!important}@media (width<=760px){.super-admin-nav-desktop,.super-admin-header-extra{display:none!important}.super-admin-menu-toggle,.super-admin-mobile-menu{display:flex!important}.super-admin-main{padding:1rem!important}.hud-card{padding:.875rem!important}}