body{margin:0;padding:0;box-sizing:border-box;background-color:#f4f7f9}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}:root{--primary-color: #2dd4bf;--primary-hover: #14b8a6;--primary-light: rgba(45, 212, 191, .1);--primary-shadow: rgba(45, 212, 191, .3);--primary-shadow-hover: rgba(45, 212, 191, .4);--secondary-color: #64748b;--text-color: #334155;--text-light: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--background-light: #f8fafc;--white: #ffffff;--card-background: rgba(255, 255, 255, .95);--theme-btn-background: rgba(255, 255, 255, .9);--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-card: rgba(0, 0, 0, .1);--gradient-background: linear-gradient(135deg, #e8f4f8 0%, #d1ecf1 100%)}.dark-theme{--primary-color: #2dd4bf;--primary-hover: #5eead4;--primary-light: rgba(45, 212, 191, .2);--primary-shadow: rgba(45, 212, 191, .4);--primary-shadow-hover: rgba(45, 212, 191, .6);--secondary-color: #94a3b8;--text-color: #f1f5f9;--text-light: #e2e8f0;--text-muted: #94a3b8;--border-color: #334155;--background-light: #1e293b;--white: #0f172a;--card-background: rgba(15, 23, 42, .95);--theme-btn-background: rgba(15, 23, 42, .9);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-card: rgba(0, 0, 0, .3);--gradient-background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}body{background:var(--gradient-background)}.error{color:#ef4444;font-size:15px;margin-top:20px;text-align:center}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;background:var(--gradient-background)}.theme-toggle{position:absolute;top:30px;right:30px}.theme-btn{background:var(--theme-btn-background);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px var(--shadow-light);transition:all .3s ease;color:var(--secondary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 4px 15px var(--shadow-medium);color:var(--primary-color);border-color:var(--primary-color)}.login-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 40px var(--shadow-card);padding:60px 50px;width:100%;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.logo-section{text-align:center;margin-bottom:40px}.logo{display:flex;flex-direction:column;align-items:center;gap:15px}.logo-icon{width:80px;height:80px;background:var(--primary-color);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 25px var(--primary-shadow);transition:all .3s ease}.dark-theme .logo-icon{box-shadow:0 8px 25px var(--primary-shadow),0 0 20px #2dd4bf33}.logo-cross{position:relative;width:40px;height:40px}.cross-horizontal,.cross-vertical{position:absolute;background:var(--white);border-radius:2px;transition:all .3s ease}.cross-horizontal{width:30px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-vertical{width:6px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-text{text-align:center}.company-name{font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:1px;transition:all .3s ease}.system-name{font-size:18px;font-weight:600;color:var(--secondary-color);margin-top:2px;transition:all .3s ease}.department{font-size:14px;font-weight:500;color:var(--text-muted);margin-top:2px;transition:all .3s ease}.login-section{text-align:center}.login-title{font-size:28px;font-weight:600;color:var(--text-color);margin-bottom:8px;transition:all .3s ease}.title-underline{width:60px;height:3px;background:var(--primary-color);margin:0 auto 30px;border-radius:2px;transition:all .3s ease}.login-form{text-align:left}.form-group{margin-bottom:25px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:8px;transition:all .3s ease}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--primary-color);z-index:1;transition:all .3s ease}.form-input{width:100%;padding:15px 15px 15px 45px;border:2px solid var(--border-color);border-radius:10px;font-size:16px;background:var(--background-light);transition:all .3s ease;color:var(--text-color)}.form-input:focus{outline:none;border-color:var(--primary-color);background:var(--white);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-muted);transition:all .3s ease}.input-wrapper:focus-within .input-icon{color:var(--primary-hover);transform:translateY(-50%) scale(1.1)}.login-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--white);border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 4px 15px var(--primary-shadow);display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-shadow-hover)}.login-button:active{transform:translateY(0)}.button-icon{transition:transform .3s ease}.login-button:hover .button-icon{transform:translate(3px)}.login-links{margin-top:30px;display:flex;flex-direction:column;gap:15px}.login-link{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;padding:8px;border-radius:8px}.login-link:hover{background:var(--primary-light);transform:translate(5px);color:var(--primary-hover)}.link-icon{transition:all .3s ease}.login-link:hover .link-icon{transform:scale(1.1)}.form-group.error .input-icon{color:#ef4444}.form-group.error .form-input{border-color:#ef4444;background:#fef2f2}.dark-theme .form-group.error .form-input{background:#ef44441a}.form-group.success .input-icon{color:#10b981}.form-group.success .form-input{border-color:#10b981;background:#f0fdf4}.dark-theme .form-group.success .form-input{background:#10b9811a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease-out}.form-group{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.login-button{animation:fadeInUp .6s ease-out;animation-delay:.3s;animation-fill-mode:both}.login-links{animation:fadeInUp .6s ease-out;animation-delay:.4s;animation-fill-mode:both}.dark-theme .login-card{box-shadow:0 20px 40px var(--shadow-card),0 0 30px #2dd4bf1a}.dark-theme .theme-btn{box-shadow:0 2px 10px var(--shadow-light),0 0 15px #2dd4bf33}@media (max-width: 768px){.login-card{padding:40px 30px;margin:20px}.theme-toggle{top:20px;right:20px}.theme-btn{width:45px;height:45px}.logo-icon{width:70px;height:70px}.company-name{font-size:20px}.system-name{font-size:16px}.login-title{font-size:24px}}@media (max-width: 480px){.login-card{padding:30px 20px}.form-input{padding:12px 12px 12px 40px;font-size:14px}.login-button{padding:14px;font-size:14px}.login-links{gap:12px}.login-link{font-size:13px}}.login-button.loading{pointer-events:none;opacity:.7}.login-button.loading .button-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.sidebar{position:fixed;top:0;left:0;width:256px;height:100vh;background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-lg);z-index:50;display:flex;flex-direction:column;padding:1rem;transition:transform .3s ease-in-out}.dark-theme .sidebar{background:#0f172a;border-right:1px solid var(--border-color)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.logo-container{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-icon{width:48px;height:48px;background-color:var(--secondary-cyan);border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:#fff}.close-btn{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:9999px;transition:background-color .3s}.close-btn:hover{background-color:#ffffff26}.nav-menu{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:1rem;transition:all .2s}.nav-link:hover{background-color:#ffffff26;color:#fff;transform:translate(4px)}.nav-link.active{background-color:#00bcd440;color:#fff;border-left:3px solid var(--secondary-cyan)}.dark-theme .nav-link{color:#e2e8f0}.dark-theme .nav-link:hover{background-color:#2d4b73;color:#fff}.dark-theme .nav-link.active{background-color:#2dd4bf33;color:#fff;border-left-color:#2dd4bf}@media (max-width: 1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay,.close-btn{display:block}}.nav-footer{margin-top:auto;padding-top:1rem}.nav-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin-bottom:1rem}.dark-theme .nav-divider{background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.profile-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border-radius:.75rem;background:#ffffff1a;border:none;cursor:pointer;transition:all .3s;color:#fff}.profile-button:hover{background:#ffffff26;transform:translate(4px)}.dark-theme .profile-button{background:#ffffff0d;color:var(--text-primary)}.dark-theme .profile-button:hover{background:#ffffff1a}.profile-avatar{width:36px;height:36px;border-radius:50%;background:var(--secondary-cyan);display:flex;align-items:center;justify-content:center;color:var(--primary-blue);flex-shrink:0}.dark-theme .profile-avatar{color:#0f172a}.profile-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.profile-name{font-weight:600;font-size:.875rem;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.profile-role{font-size:.7rem;color:#ffffffb3}.dark-theme .profile-role{color:var(--text-muted)}.profile-arrow{color:#ffffff80;transition:transform .3s;flex-shrink:0}.profile-button:hover .profile-arrow{transform:translate(4px);color:#fff}.dark-theme .profile-button:hover .profile-arrow{color:var(--secondary-cyan)}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:transparent;border:none;color:#f87171!important;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#f871711a!important;color:#ef4444!important;transform:translate(4px)}.dark-theme .logout-btn{color:#f87171!important}.dark-theme .logout-btn:hover{background:#f8717126!important;color:#fca5a5!important}.home-container{padding:1rem;transition:all .3s ease;background-color:var(--bg-light);min-height:100vh}@media (min-width: 1024px){.home-container{padding:2rem}}.section-title{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.title-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;color:var(--secondary-cyan)}.systems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem}@media (min-width: 768px){.systems-grid{grid-template-columns:repeat(5,1fr)}}.system-card{background-color:var(--system-card-bg);padding:1.25rem;border-radius:.75rem;box-shadow:var(--shadow-md);text-align:center;text-decoration:none;border-top:4px solid var(--primary-blue);transition:all .3s}.system-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.02);border-top-color:var(--secondary-cyan)}.system-card .card-icon{width:2rem;height:2rem;margin:0 auto .5rem;color:var(--primary-blue)}.system-card .card-title{font-weight:700;color:var(--primary-blue);margin:0;font-size:1rem}.system-card .card-subtitle{font-size:.75rem;color:#64748b;margin:.25rem 0 0}.dark-theme .system-card .card-icon{color:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.2))}.dark-theme .system-card .card-title{color:#fff}.dark-theme .system-card .card-subtitle{color:#e2e8f0}.news-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}@media (min-width: 768px){.news-grid{grid-template-columns:repeat(3,1fr)}}.news-card{background-color:var(--bg-white);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow-md);border-left-width:4px;border-left-style:solid;transition:transform .3s,box-shadow .3s}.news-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.news-card.red{border-left-color:var(--danger)}.news-card.cyan{border-left-color:var(--secondary-cyan)}.news-card.green{border-left-color:var(--success)}.news-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.news-type.red{color:var(--danger)}.news-type.cyan{color:var(--secondary-cyan)}.news-type.green{color:var(--success)}.news-title{font-weight:700;font-size:1.125rem;color:var(--text-primary);margin:.5rem 0 .75rem;line-height:1.4}.news-description{color:#334155;font-size:.875rem;margin:.5rem 0;line-height:1.5}.news-date{font-size:.75rem;color:#64748b;margin:1rem 0 0;padding-top:.5rem;border-top:1px solid var(--border-color)}.dark-theme .news-description{color:#e2e8f0}.dark-theme .news-date{color:#94a3b8}.collaboration-section{background-color:var(--bg-white);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow-md);margin-bottom:2.5rem}.collaboration-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.collaboration-items{display:flex;flex-direction:column;gap:1rem}.collaboration-item{display:flex;align-items:center;padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-light);transition:all .3s;cursor:pointer}.collaboration-item:hover{background-color:var(--accent-hover);transform:translate(4px)}.item-icon{width:1.5rem;height:1.5rem;margin-right:1rem;color:var(--secondary-cyan);flex-shrink:0}.item-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.item-subtitle{font-size:.875rem;color:#64748b;line-height:1.4}.dark-theme .item-icon{color:#2dd4bf;filter:drop-shadow(0 0 4px rgba(45,212,191,.3))}.dark-theme .item-subtitle{color:#cbd5e1}.theme-toggle{position:absolute;top:15px;right:30px}.placeholder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.placeholder-icon{color:var(--secondary-cyan);margin-bottom:1.5rem;animation:bounce 2s infinite}.placeholder-title{font-size:2rem;font-weight:700;color:var(--primary-blue);margin-bottom:1rem}.dark-theme .placeholder-title{color:var(--text-primary)}.placeholder-text{font-size:1.125rem;color:var(--text-muted)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.procedimientos-container{padding:2rem;transition:all .3s ease;background-color:var(--bg-light);min-height:100vh}.procedimientos-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.procedimientos-title{display:flex;align-items:center;font-size:2rem;font-weight:700;color:var(--text-primary)}.title-icon{width:2rem;height:2rem;margin-right:.75rem;color:var(--secondary-cyan)}.search-container{position:relative;margin-bottom:2rem;max-width:32rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);z-index:1}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;background-color:var(--bg-white);color:var(--text-primary);transition:all .3s}.search-input:focus{outline:none;border-color:var(--secondary-cyan);box-shadow:0 0 0 3px #00bcd440}.dark-theme .search-input:focus{box-shadow:0 0 0 3px #2dd4bf40}.procedimientos-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 640px){.procedimientos-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.procedimientos-grid{grid-template-columns:repeat(4,1fr)}}.folder-card{background-color:var(--bg-white);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s;cursor:pointer}.folder-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--secondary-cyan)}.folder-icon{width:3rem;height:3rem;color:var(--secondary-cyan);margin-bottom:1rem;transition:transform .3s}.folder-card:hover .folder-icon{transform:scale(1.1)}.folder-name{font-weight:600;color:var(--text-primary);margin:0 0 .25rem;font-size:1.125rem}.folder-count{font-size:.875rem;color:var(--text-muted);margin:0}.dark-theme .folder-count{color:#94a3b8}.file-card{background-color:var(--bg-white);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-left:4px solid var(--danger);display:flex;justify-content:space-between;align-items:center;transition:all .3s;cursor:pointer}.file-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{width:2rem;height:2rem;color:var(--danger);flex-shrink:0}.file-name{font-weight:500;color:var(--text-primary);margin:0;font-size:1rem}.download-icon{color:var(--text-muted);transition:all .3s;flex-shrink:0}.download-icon:hover{color:var(--secondary-cyan);transform:scale(1.1)}.dark-theme .download-icon{color:#94a3b8}.dark-theme .download-icon:hover{color:var(--secondary-cyan)}.capacitacion-container{padding:2rem;transition:all .3s ease;background-color:var(--bg-light);min-height:100vh}.capacitacion-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.capacitacion-title{display:flex;align-items:center;font-size:2rem;font-weight:700;color:var(--text-primary)}.section-subtitle{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.subtitle-icon{width:1.5rem;height:1.5rem;margin-right:.5rem;color:var(--secondary-cyan)}.videos-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.videos-grid{grid-template-columns:repeat(3,1fr)}}.video-card{background-color:var(--bg-white);border-radius:1rem;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);transition:all .3s}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-info{padding:1.5rem}.video-title{font-weight:600;font-size:1.125rem;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4}.video-meta{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem}.video-category{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.video-category.cyan{background-color:#00bcd41a;color:var(--secondary-cyan)}.video-category.red{background-color:#ef44441a;color:var(--danger)}.video-category.green{background-color:#10b9811a;color:var(--success)}.dark-theme .video-category.cyan{background-color:#2dd4bf33;color:#2dd4bf}.dark-theme .video-category.red{background-color:#f8717133;color:#f87171}.dark-theme .video-category.green{background-color:#34d39933;color:#34d399}.perfil-container{padding:2rem;transition:all .3s ease;background-color:var(--bg-light);min-height:100vh}.perfil-header{margin-bottom:2.5rem}.profile-cover{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);border-radius:1.5rem;padding:2.5rem 2rem;position:relative;box-shadow:var(--shadow-lg)}.dark-theme .profile-cover{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid var(--border-color)}.profile-photo{width:96px;height:96px;border-radius:50%;background:var(--secondary-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:4px solid white;box-shadow:var(--shadow-md)}.profile-photo svg{width:48px;height:48px;color:var(--primary-blue)}.dark-theme .profile-photo svg{color:#0f172a}.profile-fullname{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-username{font-size:1rem;color:#ffffffe6;margin:0}.perfil-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.perfil-grid{grid-template-columns:repeat(2,1fr)}}.info-card{background-color:var(--bg-white);border-radius:1rem;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s}.info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;background-color:var(--bg-light);border-bottom:1px solid var(--border-color)}.card-header svg{color:var(--secondary-cyan)}.card-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.card-content{padding:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.info-label svg{color:var(--secondary-cyan);width:16px;height:16px}.info-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--bg-white);border-radius:9999px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-top:1rem}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);animation:pulse 2s infinite}.status-badge span{color:var(--text-secondary);font-size:.875rem}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.dark-theme .info-value{color:var(--text-primary)}.dark-theme .info-label{color:var(--text-muted)}.dark-theme .status-badge span{color:var(--text-secondary)}:root{--primary-blue: #1a3a60;--primary-blue-light: #2b4c7c;--secondary-cyan: #00bcd4;--secondary-cyan-dark: #0097a7;--bg-light: #f8f9fa;--bg-white: #ffffff;--accent-hover: #e0f7fa;--text-primary: #1e293b;--text-secondary: #334155;--text-muted: #64748b;--text-light: #94a3b8;--system-card-bg: #ffffff;--system-card-icon: #1a3a60;--system-card-title: #1a3a60;--system-card-subtitle: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}.dark-theme{--primary-blue: #2d4b73;--primary-blue-light: #3d5f8c;--secondary-cyan: #2dd4bf;--secondary-cyan-dark: #14b8a6;--bg-light: #0f172a;--bg-white: #1e293b;--accent-hover: #2d4b73;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-light: #cbd5e1;--system-card-bg: #1e293b;--system-card-icon: #ffffff;--system-card-title: #ffffff;--system-card-subtitle: #e2e8f0;--border-color: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .6);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .7);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-light);color:var(--text-primary);transition:background-color .3s,color .3s}body.dark-theme{background-color:var(--bg-light)}.app{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s}@media (min-width: 1024px){.main-content{margin-left:256px}}.menu-toggle{display:block;margin:1rem;padding:.5rem 1rem;background-color:var(--primary-blue);color:#fff;border:none;border-radius:.5rem;font-size:1.5rem;cursor:pointer;width:fit-content}@media (min-width: 1024px){.menu-toggle{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--accent-hover)}::-webkit-scrollbar-thumb{background-color:var(--primary-blue);border-radius:4px}.dark-theme ::-webkit-scrollbar-track{background-color:var(--primary-blue)}.dark-theme ::-webkit-scrollbar-thumb{background-color:var(--secondary-cyan)}