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}.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)}.chat-nav-card{position:relative;width:100%;display:flex;align-items:center;gap:.875rem;padding:.75rem .875rem;margin-bottom:.625rem;border-radius:1rem;background:linear-gradient(135deg,#00bcd433,#00bcd40f);border:1px solid rgba(0,188,212,.25);cursor:pointer;color:#fff;text-align:left;overflow:visible;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.chat-nav-card:hover{transform:translateY(-2px) scale(1.015);background:linear-gradient(135deg,#00bcd452,#00bcd424);border-color:#00bcd48c;box-shadow:0 8px 20px -6px #00bcd473}.dark-theme .chat-nav-card{background:linear-gradient(135deg,#2dd4bf2e,#2dd4bf0a);border-color:#2dd4bf40;color:var(--text-primary)}.dark-theme .chat-nav-card:hover{background:linear-gradient(135deg,#2dd4bf47,#2dd4bf1a);border-color:#2dd4bf80;box-shadow:0 8px 20px -6px #2dd4bf59}.chat-nav-icon-wrap{position:relative;flex-shrink:0;width:44px;height:44px}.chat-nav-icon{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--secondary-cyan),var(--secondary-cyan-dark));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px -2px #00bcd480}.chat-nav-card:hover .chat-nav-icon{box-shadow:0 6px 14px -2px #00bcd4b3}.chat-nav-presence{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--text-light);border:2.5px solid var(--primary-blue);box-sizing:content-box;transition:background .25s ease,box-shadow .25s ease}.chat-nav-card.online .chat-nav-presence{background:var(--success);box-shadow:0 0 8px #10b98199}.chat-nav-card.away .chat-nav-presence{background:var(--warning);box-shadow:0 0 8px #f59e0b99}.chat-nav-card.dnd .chat-nav-presence{background:var(--danger);box-shadow:0 0 8px #ef444480}.chat-nav-card.connecting .chat-nav-presence{background:var(--info);box-shadow:0 0 8px #3b82f699}.chat-nav-card.reconnecting .chat-nav-presence{background:var(--warning);box-shadow:0 0 8px #f59e0b99}.chat-nav-card.error .chat-nav-presence{background:var(--danger)}.chat-nav-card.disconnected .chat-nav-presence{background:var(--text-light)}.dark-theme .chat-nav-presence{border-color:#0f172a}.chat-nav-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--primary-blue);box-sizing:content-box;box-shadow:0 2px 6px #ef444466}.dark-theme .chat-nav-badge{border-color:#0f172a}.chat-nav-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.chat-nav-label{font-weight:600;font-size:.9375rem;color:inherit;letter-spacing:.01em}.chat-nav-subtitle{font-size:.75rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:1px}.dark-theme .chat-nav-subtitle{color:var(--text-muted)}.chat-nav-card.connecting .chat-nav-subtitle{color:#7dd3fc}.chat-nav-card.reconnecting .chat-nav-subtitle{color:#fcd34d}.chat-nav-card.error .chat-nav-subtitle{color:#fca5a5}.chat-nav-card.disconnected .chat-nav-subtitle{color:#ffffff80}.dark-theme .chat-nav-card.connecting .chat-nav-subtitle{color:var(--info)}.dark-theme .chat-nav-card.reconnecting .chat-nav-subtitle{color:var(--warning)}.dark-theme .chat-nav-card.error .chat-nav-subtitle{color:var(--danger)}.dark-theme .chat-nav-card.disconnected .chat-nav-subtitle{color:var(--text-muted)}.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}.nav-dropdown{display:flex;flex-direction:column;margin-top:.25rem}.nav-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border-radius:.75rem;background:transparent;border:none;color:#ffffffe6;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.open{background-color:#ffffff26;color:#fff}.nav-dropdown-trigger-left{display:flex;align-items:center;gap:.75rem}.dropdown-chevron{transition:transform .25s ease;opacity:.7;flex-shrink:0}.dropdown-chevron.rotated{transform:rotate(180deg);opacity:1}.nav-dropdown-menu{display:flex;flex-direction:column;gap:.125rem;margin:.25rem 0 .25rem .75rem;padding-left:.75rem;border-left:2px solid rgba(45,212,191,.4);animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:.5rem;background:transparent;border:none;color:#fffc;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s;text-align:left;width:100%}.nav-dropdown-item:hover{background-color:#2dd4bf33;color:#fff;transform:translate(4px)}.dark-theme .nav-dropdown-trigger{color:#e2e8f0}.dark-theme .nav-dropdown-trigger:hover,.dark-theme .nav-dropdown-trigger.open{background-color:#2d4b73;color:#fff}.dark-theme .nav-dropdown-menu{border-left-color:#2dd4bf4d}.dark-theme .nav-dropdown-item{color:#cbd5e1}.dark-theme .nav-dropdown-item:hover{background-color:#2dd4bf26;color:#fff}.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}.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{position:relative;background-color:var(--bg-white);border-radius:1rem;box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--border-color);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}.video-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--secondary-cyan),transparent);opacity:0;transition:opacity .25s ease}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:var(--secondary-cyan)}.video-card:hover:before{opacity:1}.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;display:block}.video-info{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.video-title{font-weight:600;font-size:1.0625rem;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin:0}.video-meta-icon{color:var(--secondary-cyan);flex-shrink:0}.dark-theme .video-card:hover{border-color:#2dd4bf}.dark-theme .video-card:before{background:linear-gradient(90deg,#2dd4bf,transparent)}.dark-theme .video-meta-icon{color:#2dd4bf}.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}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:3.5rem 1.5rem;background-color:var(--bg-white);border:1px dashed var(--border-color);border-radius:1rem;color:var(--text-secondary);font-size:.95rem;box-shadow:var(--shadow-md)}.empty-state svg{color:var(--secondary-cyan);opacity:.7;margin-bottom:.25rem}.empty-state p{margin:0;max-width:32ch;line-height:1.5}.dark-theme .empty-state{background-color:#ffffff05;border-color:#ffffff1f}.dark-theme .empty-state svg{color:#2dd4bf}.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)}.institucional-container{padding:2rem;transition:all .3s ease;background-color:var(--bg-light);min-height:100vh}.institucional-header{margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.institucional-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.institucional-title svg{color:var(--secondary-cyan);flex-shrink:0}.institucional-subtitle-text{font-size:.95rem;color:var(--text-secondary);margin:0}.placeholder-card{background-color:var(--bg-white);border-radius:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:3rem 2rem;text-align:center;transition:all .3s}.placeholder-icon-wrapper{width:72px;height:72px;border-radius:50%;background:#00bcd41a;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.dark-theme .placeholder-icon-wrapper{background:#2dd4bf26}.placeholder-icon-wrapper svg{color:var(--secondary-cyan)}.placeholder-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.placeholder-description{font-size:.95rem;color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:1.6}.wip-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;padding:.4rem 1rem;border-radius:9999px;background:#00bcd41a;border:1px solid rgba(0,188,212,.25);font-size:.8rem;font-weight:600;color:var(--secondary-cyan);text-transform:uppercase;letter-spacing:.05em}.dark-theme .wip-badge{background:#2dd4bf26;border-color:#2dd4bf4d}.institucional-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.institucional-grid{grid-template-columns:repeat(2,1fr)}}.institucional-card{background-color:var(--bg-white);border-radius:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;transition:transform .3s,box-shadow .3s}.institucional-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.institucional-card-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background-color:var(--bg-light);border-bottom:1px solid var(--border-color)}.institucional-card-header svg{color:var(--secondary-cyan)}.institucional-card-header h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.institucional-card-body{padding:1.5rem}.institucional-card-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0}.theme-toggle{position:absolute;top:15px;right:30px}.theme-btn{background:var(--bg-white);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s;box-shadow:var(--shadow-md)}.theme-btn:hover{color:var(--secondary-cyan);border-color:var(--secondary-cyan);transform:scale(1.1)}.chat-dock-bubble{position:fixed;right:1.5rem;bottom:1.5rem;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;transition:transform .2s ease,background .2s ease}.chat-dock-bubble:hover{background:var(--primary-blue-light);transform:scale(1.05)}.chat-dock-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-light)}.chat-dock{position:fixed;right:1.5rem;bottom:1.5rem;width:min(400px,calc(100vw - 3rem));height:min(560px,calc(100vh - 6rem));background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:90}.chat-dock-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--primary-blue);color:#fff}.chat-dock-title{font-weight:600;flex:1}.chat-dock-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.chat-dock-close:hover{background:#ffffff26}.chat-dock-body{flex:1;min-height:0;display:flex}.chat-dock-error{background:#ef44441f;color:var(--danger);padding:.5rem .875rem;font-size:.8125rem;border-bottom:1px solid rgba(239,68,68,.25);word-break:break-word}.chat-page{padding:1.5rem;height:calc(100vh - 3rem);display:flex;flex-direction:column;gap:1rem;position:relative}.chat-page .theme-toggle{position:absolute;top:1.5rem;right:1.5rem;z-index:5}.chat-page .theme-btn{background:var(--bg-white);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s;box-shadow:var(--shadow-md)}.chat-page .theme-btn:hover{color:var(--secondary-cyan);border-color:var(--secondary-cyan);transform:scale(1.1)}.chat-page-header{display:flex;align-items:center;gap:1rem}.chat-page-title{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.chat-page-title .title-icon{color:var(--secondary-cyan)}.chat-page-body{flex:1;min-height:0;background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;display:flex}.chat-panel{flex:1;display:grid;grid-template-columns:180px 1fr;min-height:0;min-width:0}.chat-panel-page{grid-template-columns:260px 1fr}@media (max-width: 640px){.chat-panel{grid-template-columns:1fr}.chat-panel .chat-sidebar{display:block}.chat-panel .chat-sidebar.on-conversation,.chat-panel .chat-main.empty{display:none}}.chat-sidebar{border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-height:0;background:var(--bg-light)}.chat-sidebar-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.chat-contact-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.chat-self-presence{position:relative;padding:.375rem .75rem;border-bottom:1px solid var(--border-color)}.chat-self-presence-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;color:var(--text-primary);font-size:.8125rem;transition:background .15s ease,border-color .15s ease}.chat-self-presence-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--border-color)}.chat-self-presence-btn:disabled{opacity:.6;cursor:not-allowed}.chat-self-presence-label{flex:1;text-align:left;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-self-presence-chev{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.chat-self-presence-chev.open{transform:rotate(180deg)}.chat-self-presence-menu{position:absolute;top:100%;left:.75rem;right:.75rem;z-index:10;margin:.25rem 0 0;padding:.25rem;list-style:none;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg)}.chat-self-presence-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-primary);font-size:.8125rem;text-align:left;transition:background .12s ease}.chat-self-presence-option:hover{background:var(--accent-hover)}.chat-self-presence-option.active{background:#00bcd41a;color:var(--secondary-cyan-dark);font-weight:600}.chat-self-presence-option-label{flex:1}.chat-self-presence-check{color:var(--secondary-cyan);flex-shrink:0}.dark-theme .chat-self-presence-option.active{background:#2dd4bf26;color:var(--secondary-cyan)}.chat-contact-row{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;cursor:pointer;color:var(--text-primary);text-align:left;transition:background .15s ease}.chat-contact-row:hover{background:var(--accent-hover)}.chat-contact-row.active{background:var(--accent-hover);border-left:3px solid var(--secondary-cyan);padding-left:calc(1rem - 3px)}.chat-contact-name{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--secondary-cyan);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.chat-presence-dot{display:inline-block;border-radius:50%;flex-shrink:0;border:1.5px solid var(--bg-white);box-sizing:content-box}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-white)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);padding:1rem;text-align:center}.chat-empty svg{color:var(--text-light)}.chat-empty-hint{color:var(--text-muted);text-align:center;padding:1rem;font-size:.875rem}.chat-conv-header{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-bottom:1px solid var(--border-color);background:var(--bg-white)}.chat-conv-back{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.chat-conv-back:hover{background:var(--accent-hover)}@media (min-width: 641px){.chat-panel-page .chat-conv-back{display:none}}.chat-conv-title{flex:1;display:flex;flex-direction:column;min-width:0}.chat-conv-name{color:var(--text-primary);font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conv-jid{color:var(--text-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-call-btn{background:transparent;border:1px solid var(--border-color);color:var(--secondary-cyan-dark);cursor:pointer;padding:6px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.chat-call-btn:hover{background:var(--accent-hover);border-color:var(--secondary-cyan)}.chat-conv-scroll{flex:1;min-height:0;overflow-y:auto;padding:.75rem .875rem;display:flex;flex-direction:column;gap:.375rem;background:var(--bg-light)}.chat-history-loader{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;color:var(--text-muted);font-size:.8125rem}.chat-history-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--danger);background:#ef444414;border-radius:6px;font-size:.8125rem}.chat-history-error>span{flex:1;text-align:left}.chat-history-retry{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid rgba(239,68,68,.4);border-radius:4px;background:transparent;color:var(--danger);cursor:pointer;font-size:.75rem;font-weight:500;transition:background .15s ease;flex-shrink:0}.chat-history-retry:hover{background:#ef44441f}.chat-history-boundary{color:var(--text-light);font-size:.75rem;text-align:center;padding:.5rem;border-bottom:1px dashed var(--border-color);margin-bottom:.25rem}.chat-spin{animation:chat-spin 1s linear infinite}@keyframes chat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-bubble-row{display:flex}.chat-bubble-row.in{justify-content:flex-start}.chat-bubble-row.out{justify-content:flex-end}.chat-bubble{max-width:78%;padding:.5rem .75rem;border-radius:12px;box-shadow:var(--shadow-sm);word-break:break-word}.chat-bubble.in{background:var(--bg-white);color:var(--text-primary);border-bottom-left-radius:4px}.chat-bubble.out{background:var(--primary-blue);color:#fff;border-bottom-right-radius:4px}.chat-bubble-body{margin:0;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.chat-bubble-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;word-break:break-all}.chat-bubble.in .chat-bubble-link{color:var(--secondary-cyan-dark)}.chat-bubble.in .chat-bubble-link:hover{color:var(--primary-blue)}.chat-bubble.out .chat-bubble-link{color:#fff;text-decoration-color:#ffffffb3}.chat-bubble.out .chat-bubble-link:hover{text-decoration-color:#fff}.chat-bubble.kind-image{padding:4px}.chat-bubble-image-link{display:block;border-radius:8px;overflow:hidden;line-height:0}.chat-bubble-image{display:block;max-width:100%;max-height:280px;width:auto;height:auto;border-radius:8px;cursor:zoom-in;background:var(--bg-light)}.chat-bubble.kind-file{padding:.5rem .75rem}.chat-bubble-file{display:flex;align-items:center;gap:.625rem;color:inherit;text-decoration:none;min-width:180px;max-width:100%}.chat-bubble.kind-file.in .chat-bubble-file{color:var(--text-primary)}.chat-bubble.kind-file.out .chat-bubble-file{color:#fff}.chat-bubble-file-icon{flex-shrink:0;opacity:.85}.chat-bubble-file-name{flex:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s ease}.chat-bubble-file:hover .chat-bubble-file-name{text-decoration-color:currentColor}.chat-bubble-file-download{flex-shrink:0;opacity:.6}.chat-bubble-time{display:block;font-size:.6875rem;margin-top:4px;opacity:.7}.chat-bubble.out .chat-bubble-time{color:#ffffffd9}.chat-bubble.in .chat-bubble-time{color:var(--text-muted)}.chat-bubble.failed{opacity:.75;border:1px solid rgba(239,68,68,.35)}.chat-bubble.failed.out{background:#ef444426;color:var(--danger)}.chat-bubble.failed .chat-bubble-time{display:inline-flex;align-items:center;gap:4px;color:var(--danger)}.chat-bubble.failed .chat-bubble-failed-icon{color:var(--danger)}.chat-bubble-error-text{display:block;margin-top:4px;font-size:.6875rem;color:var(--danger);font-style:italic}.chat-bubble-status{margin-left:4px;vertical-align:middle}.chat-bubble.out .chat-bubble-status.sent{color:#fff9}.chat-bubble.out .chat-bubble-status.delivered{color:#ffffffd9}.chat-bubble.out .chat-bubble-status.read{color:var(--secondary-cyan)}.chat-bubble.in .chat-bubble-status.sent{color:var(--text-muted)}.chat-bubble.in .chat-bubble-status.delivered{color:var(--text-secondary)}.chat-bubble.in .chat-bubble-status.read{color:var(--secondary-cyan-dark)}.chat-conv-typing{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--secondary-cyan-dark);font-style:italic}.chat-typing-dot{width:4px;height:4px;border-radius:50%;background:var(--secondary-cyan);display:inline-block;animation:chat-typing-bounce 1.2s infinite ease-in-out}.chat-typing-dot:nth-child(2){animation-delay:.15s}.chat-typing-dot:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.chat-composer-wrap{position:relative}.chat-composer{display:flex;gap:.375rem;padding:.625rem .75rem;border-top:1px solid var(--border-color);background:var(--bg-white);align-items:flex-end}.chat-composer-attach{width:36px;height:36px;border:none;border-radius:18px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex-shrink:0}.chat-composer-attach:hover:not(:disabled){background:var(--accent-hover);color:var(--secondary-cyan-dark)}.chat-composer-attach:disabled{opacity:.5;cursor:not-allowed}.chat-upload-strip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-light);border-top:1px solid var(--border-color);font-size:.8125rem;color:var(--text-secondary)}.chat-upload-strip-label{white-space:nowrap;min-width:100px}.chat-upload-progress{flex:1;height:6px;border-radius:3px;background:var(--border-color);overflow:hidden}.chat-upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--secondary-cyan),var(--secondary-cyan-dark));transition:width .15s ease}.chat-upload-error{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ef44441a;color:var(--danger);border-top:1px solid rgba(239,68,68,.25);font-size:.8125rem}.chat-upload-error>span{flex:1}.chat-upload-error-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.chat-upload-error-close:hover{background:#ef444426}.chat-composer-emoji{width:36px;height:36px;border:none;border-radius:18px;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex-shrink:0}.chat-composer-emoji:hover:not(:disabled){background:var(--accent-hover);color:var(--secondary-cyan-dark)}.chat-composer-emoji.active{background:var(--accent-hover);color:var(--secondary-cyan)}.chat-composer-emoji:disabled{opacity:.5;cursor:not-allowed}.chat-emoji-popover{position:absolute;bottom:calc(100% + 6px);left:.5rem;right:.5rem;z-index:20;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--bg-white);border:1px solid var(--border-color)}.chat-emoji-loading{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.875rem}.chat-panel-dock .chat-emoji-popover{left:0;right:0}.chat-composer-input{flex:1;min-height:36px;max-height:120px;resize:none;border:1px solid var(--border-color);border-radius:18px;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;background:var(--bg-light);color:var(--text-primary);outline:none;transition:border-color .15s ease}.chat-composer-input:focus{border-color:var(--secondary-cyan)}.chat-composer-input:disabled{opacity:.6;cursor:not-allowed}.chat-composer-send{width:40px;height:36px;border:none;border-radius:18px;background:var(--secondary-cyan);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.chat-composer-send:hover:not(:disabled){background:var(--secondary-cyan-dark)}.chat-composer-send:disabled{background:var(--text-light);cursor:not-allowed}.chat-status-pill{font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:500}.chat-status-pill.connecting{background:#3b82f626;color:var(--info)}.chat-status-pill.disconnected{background:#94a3b833;color:var(--text-muted)}.chat-status-pill.error{background:#ef444426;color:var(--danger)}.chat-status-pill.connected{background:#10b98126;color:var(--success)}.chat-status-pill.reconnecting{background:#f59e0b26;color:var(--warning)}: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)}