@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-main: #F4F7FA;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #FFFFFF;--bg-input: #F8FAFC;--bg-input-focus: #FFFFFF;--navy-main: #1A2C4E;--navy-dark: #0F1C2E;--navy-hover: #2E4A7A;--navy-light: #3D629E;--muted-blue: #6B7E96;--light-gray: #EEF2F5;--white: #FFFFFF;--accent-cyan: #00B4D8;--accent-cyan-glow: rgba(0, 180, 216, .15);--accent-blue: #2E4A7A;--color-success: #28C840;--color-success-bg: rgba(40, 200, 64, .12);--color-warning: #FFBD2E;--color-warning-bg: rgba(255, 189, 46, .12);--color-danger: #FF5F57;--color-danger-bg: rgba(255, 95, 87, .12);--color-purple: #9333ea;--text-main: #0F1C2E;--text-secondary: #4A5568;--text-muted: #718096;--text-light: #A0B0C4;--border-subtle: #E2E8F0;--border-card: #EDF2F7;--border-focus: #00B4D8;--shadow-card: 0 4px 20px -2px rgba(15, 28, 46, .06), 0 2px 6px -1px rgba(15, 28, 46, .04);--shadow-card-hover: 0 12px 30px -4px rgba(15, 28, 46, .12), 0 4px 10px -2px rgba(15, 28, 46, .06);--shadow-navy: 0 10px 30px rgba(15, 28, 46, .25);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative}.ambient-glow{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 90% 10%,rgba(0,180,216,.04) 0%,transparent 40%),radial-gradient(circle at 10% 90%,rgba(26,44,78,.03) 0%,transparent 50%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;will-change:transform}.glass-card:hover{box-shadow:var(--shadow-card-hover);border-color:#cbd5e1}.navy-highlight-card{background:linear-gradient(135deg,#1a2c4e,#0f1c2e);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-navy)}.navy-highlight-card h3{color:#fff!important}.navy-highlight-card p,.navy-highlight-card span{color:#a0b0c4!important}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.main-viewport{flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:80px}@media(min-width:1024px){.main-viewport{padding-bottom:0;margin-left:270px}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1a2c4e,#2e4a7a);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.92rem;cursor:pointer;box-shadow:0 4px 14px #1a2c4e40;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;will-change:transform}.btn-primary:hover{background:linear-gradient(135deg,#2e4a7a,#3d629e);transform:translate3d(0,-1px,0);box-shadow:0 6px 20px #2e4a7a59}.btn-primary:active{transform:translateZ(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--navy-main);border:1px solid #CBD5E1;padding:9px 16px;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;cursor:pointer;box-shadow:0 1px 3px #0000000d;transition:background .12s ease,border-color .12s ease}.btn-secondary:hover{background:#f8fafc;border-color:var(--navy-main)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ff5f571f;color:#e53e3e;border:1px solid rgba(255,95,87,.25);padding:8px 14px;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .12s ease}.btn-danger:hover{background:#ff5f5733;border-color:#e53e3e}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0;cursor:pointer;transition:background .12s ease,color .12s ease}.btn-icon:hover{color:var(--navy-main);background:#e2e8f0;border-color:#cbd5e1}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:.84rem;font-weight:600;color:var(--text-secondary);letter-spacing:.2px}.form-input,.form-select,.form-textarea{width:100%;background:#f8fafc;border:1px solid #CBD5E1;border-radius:var(--radius-md);padding:10px 14px;color:var(--text-main);font-size:.92rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:var(--navy-main);box-shadow:0 0 0 3px #1a2c4e1f}.form-textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-alta{background:#ff5f571f;color:#e53e3e;border:1px solid rgba(255,95,87,.25)}.badge-media{background:#ffbd2e26;color:#d97706;border:1px solid rgba(255,189,46,.3)}.badge-baja{background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.badge-success{background:#28c8401f;color:#16a34a;border:1px solid rgba(40,200,64,.25)}.badge-cyan{background:#00b4d81f;color:#0284c7;border:1px solid rgba(0,180,216,.25)}.badge-purple{background:#9333ea1f;color:#9333ea;border:1px solid rgba(147,51,234,.25)}.badge-navy{background:#1a2c4e1a;color:var(--navy-main);border:1px solid rgba(26,44,78,.2)}@keyframes fadeIn{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in{animation:fadeIn .14s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}.animate-slide-up{animation:slideUpFade .16s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@media(min-width:1024px){#desktop-sidebar{display:flex!important}.mobile-nav-bar{display:none!important}}@media(max-width:1023px){#desktop-sidebar{display:none!important}.mobile-nav-bar{display:flex!important}}
