:root{--nx-bg:#f3f5f8;--nx-surface:#fff;--nx-surface-subtle:#f8fafc;--nx-surface-strong:#111827;--nx-text:#101828;--nx-text-muted:#667085;--nx-border:#e4e7ec;--nx-border-strong:#d0d5dd;--nx-accent:#111827;--nx-success:#168a5b;--nx-danger:#d92d20;--nx-radius-sm:10px;--nx-radius-md:16px;--nx-radius-lg:24px;--nx-shadow-sm:0 1px 2px #1018280a, 0 1px 3px #10182814;--nx-shadow-md:0 12px 32px #10182814;--nx-focus:0 0 0 4px #1118271a}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 80% -10%, #10b9810f, transparent 28%), var(--nx-bg);color:var(--nx-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{box-shadow:var(--nx-focus);outline:none}::selection{color:#064e3b;background:#d1fae5}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--nx-border);background:#fffffff5;flex-direction:column;flex-shrink:0;width:288px;padding:24px 0 18px;display:flex;overflow:hidden}.sidebar-logo{letter-spacing:-1.2px;color:var(--nx-text);margin-bottom:20px;padding:0 24px;font-size:23px;font-weight:900}.sidebar-logo:after{content:"administración inteligente";color:var(--nx-text-muted);letter-spacing:1.1px;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:800;display:block}.nav-list{flex-direction:column;flex:1;gap:5px;padding:0 10px;display:flex;overflow-y:auto}.nav-list::-webkit-scrollbar{width:4px}.nav-list::-webkit-scrollbar-thumb{background:var(--nx-border);border-radius:10px}.nav-link{color:#475467;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:650;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.nav-link:hover{background-color:var(--nx-surface-subtle);color:var(--nx-text);transform:translate(2px)}.nav-link.active{color:#fff;background:linear-gradient(135deg,#111827,#27364a);box-shadow:0 8px 18px #11182729}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.header{-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px);border-bottom:1px solid var(--nx-border);z-index:100;background:#ffffffe0;justify-content:space-between;align-items:center;min-height:72px;padding:10px 30px;display:flex;position:relative}.content-area{flex:1;min-width:0;padding:clamp(20px,3vw,44px);overflow-y:auto}.content-inner{width:100%;min-width:0;max-width:1480px;margin:0 auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:30px;display:grid}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}@media (max-width:768px){.responsive-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}.dashboard-card{background:var(--nx-surface);border-radius:var(--nx-radius-md);border:1px solid var(--nx-border);box-shadow:var(--nx-shadow-sm);padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s}.dashboard-card:hover{border-color:var(--nx-border-strong);box-shadow:var(--nx-shadow-md)}.module-card-adaptive{padding:20px!important}@media (max-width:600px){.module-card-adaptive{padding:15px!important}.module-icon{font-size:20px!important}.module-title{margin-bottom:4px!important;font-size:14px!important}.module-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:10px!important;line-height:1.2!important}}.input-field{border-radius:var(--nx-radius-sm);border:1px solid var(--nx-border-strong);background-color:var(--nx-surface);width:100%;color:var(--nx-text);outline:none;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:var(--nx-accent);box-shadow:var(--nx-focus)}.input-field::placeholder{color:#94a3b8}.btn-black{color:#fff;cursor:pointer;background:linear-gradient(135deg,#111827,#27364a);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex}.btn-black:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-black:active{transform:translateY(0)}.btn-black:disabled{cursor:not-allowed;box-shadow:none;background-color:#94a3b8;transform:none}.btn-light{background-color:var(--nx-surface);color:var(--nx-text);border:1px solid var(--nx-border);cursor:pointer;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .2s}.btn-light:hover{background-color:#f8fafc;border-color:#cbd5e1}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#0f172a9e;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--nx-radius-lg);background:#fff;border:1px solid #ffffffb3;width:100%;max-width:480px;padding:35px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a47}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.table-container{border-radius:var(--nx-radius-md);border:1px solid var(--nx-border);background:var(--nx-surface);width:100%;box-shadow:var(--nx-shadow-sm);overflow-x:auto}.table-container table{border-collapse:separate;border-spacing:0;width:100%}.table-container th{color:var(--nx-text-muted);letter-spacing:.055em;text-transform:uppercase;font-size:11px}.table-container th,.table-container td{text-align:left;border-bottom:1px solid #eef1f5;padding:14px 16px}.table-container tbody tr{transition:background-color .16s}.table-container tbody tr:hover{background:#f8fafc}.table-container tbody tr:last-child td{border-bottom:0}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}@media (max-width:900px){.sidebar{display:none!important}.hamburger-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#111827,#27364a);border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 10px #0000001a}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2999;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.backdrop.show{opacity:1;visibility:visible}.mobile-sidebar{z-index:3000;background:#fffffffa;flex-direction:column;width:280px;height:100vh;padding:24px 0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:-280px;overflow:hidden;box-shadow:20px 0 50px #0000001a}.mobile-sidebar.open{left:0}.header{z-index:100;justify-content:space-between;min-height:64px;padding:10px 14px;position:sticky;top:0}.content-area{padding:18px 14px 72px}.card-grid{grid-template-columns:1fr}.desktop-only{display:none!important}h1{letter-spacing:-.5px!important;font-size:28px!important}}@media (max-width:560px){.responsive-grid{grid-template-columns:1fr!important}.dashboard-card{border-radius:14px;padding:18px}.modal-card{border-radius:20px;padding:24px 20px}.header .input-field{max-width:112px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:901px){.mobile-sidebar,.backdrop,.hamburger-btn{display:none!important}}