@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--color-noche:#060e1b;--color-carbono:#0a1628;--color-profundo:#0f2340;--color-medianoche:#1b3254;--color-blanco:#fff;--color-perla:#f4f8fb;--color-niebla:#e2edf5;--color-bruma:#c8dce8;--color-impulso:#1a8cb8;--color-impulso-suave:#d4eef7;--color-tinta:#0f1e2e;--color-pizarra:#3d5a6e;--color-piedra:#7a97a8;--color-hielo:#b8d4e8;--color-exito:#0d6b44;--color-alerta:#a0620f;--font-headings:"Trebuchet MS", "Inter", sans-serif;--font-body:"Calibri", "Source Sans 3", "Inter", sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-perla);color:var(--color-pizarra);-webkit-font-smoothing:antialiased;height:100vh;font-size:15px;line-height:1.6;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--color-tinta);font-weight:700}a{color:var(--color-impulso);transition:var(--transition-fast);text-decoration:none}a:hover{filter:brightness(.9)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-perla)}::-webkit-scrollbar-thumb{background:var(--color-bruma);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-piedra)}.app-container{background-color:var(--color-perla);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--color-carbono);width:260px;color:var(--color-hielo);border-right:1px solid var(--color-noche);flex-direction:column;flex-shrink:0;height:100%;display:flex}.sidebar-logo{border-bottom:1px solid var(--color-profundo);align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-logo-text{font-family:var(--font-headings);color:var(--color-blanco);letter-spacing:1px;font-size:20px;font-weight:700}.sidebar-logo-sub{color:var(--color-impulso);margin-top:-4px;font-size:9px}.sidebar-menu{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-group-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-piedra);margin:16px 8px 8px;font-size:11px;font-weight:600}.sidebar-item{color:var(--color-hielo);cursor:pointer;font-family:var(--font-body);transition:var(--transition-fast);border-radius:6px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-weight:500;display:flex}.sidebar-item:hover,.sidebar-item.active{background-color:var(--color-profundo);color:var(--color-blanco)}.sidebar-item.active{box-shadow:inset 3px 0 0 var(--color-impulso)}.sidebar-item svg{width:18px;height:18px;color:var(--color-piedra)}.sidebar-item:hover svg,.sidebar-item.active svg{color:var(--color-impulso)}.sidebar-footer{border-top:1px solid var(--color-profundo);background-color:var(--color-noche);align-items:center;gap:12px;padding:16px;display:flex}.user-avatar{background:var(--color-impulso);width:36px;height:36px;color:var(--color-blanco);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--color-blanco);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--color-piedra);font-size:11px}.header{background-color:var(--color-profundo);border-bottom:1px solid var(--color-medianoche);flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.workspace-select{border:1px solid var(--color-medianoche);background:var(--color-carbono);font-family:var(--font-body);color:var(--color-blanco);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-weight:600}.workspace-select option{background-color:var(--color-profundo);color:var(--color-blanco)}.header .form-input{background-color:var(--color-carbono);border:1px solid var(--color-medianoche);color:var(--color-blanco)}.header .form-input::placeholder{color:var(--color-piedra)}.header-right{align-items:center;gap:16px;display:flex}.lang-selector{background:var(--color-carbono);border:1px solid var(--color-medianoche);border-radius:6px;gap:4px;padding:4px;display:flex}.lang-btn{cursor:pointer;color:var(--color-piedra);transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.lang-btn.active{background:var(--color-impulso);color:var(--color-blanco)}.main-layout{flex-direction:column;flex:1;display:flex;overflow:hidden}.content-body{background-color:var(--color-perla);flex:1;padding:24px;overflow-y:auto}.btn-primary{background-color:var(--color-impulso);color:var(--color-blanco);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:#1579a0;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-blanco);color:var(--color-pizarra);border:1px solid var(--color-bruma);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--color-perla);border-color:var(--color-piedra)}.card{background:var(--color-blanco);border:1px solid var(--color-bruma);border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000000d}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:var(--color-blanco);border:1px solid var(--color-bruma);border-radius:10px;flex-direction:column;gap:8px;padding:20px;display:flex}.metric-num{font-family:var(--font-headings);color:var(--color-tinta);font-size:32px;font-weight:700;line-height:1}.metric-label{color:var(--color-pizarra);font-size:13px;font-weight:500}.dashboard-bottom-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=900px){.dashboard-bottom-grid{grid-template-columns:1fr}}.alert-bar{background-color:var(--color-impulso-suave);color:var(--color-tinta);border-left:4px solid var(--color-impulso);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;display:flex}.getting-started-box{background:var(--color-blanco);border:1px solid var(--color-bruma);border-radius:10px;margin-bottom:24px;padding:20px}.getting-started-title{border-bottom:1px solid var(--color-perla);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.getting-started-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.getting-started-list{grid-template-columns:1fr}}.task-item{border:1px solid var(--color-bruma);cursor:pointer;transition:var(--transition-fast);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.task-item:hover{background-color:var(--color-perla)}.task-checkbox{border:1px solid var(--color-piedra);width:18px;height:18px;color:var(--color-blanco);border-radius:4px;justify-content:center;align-items:center;display:flex}.task-checkbox.checked{background-color:var(--color-exito);border-color:var(--color-exito)}.task-text{color:var(--color-pizarra);font-size:13px;font-weight:500}.modal-overlay{z-index:1000;background-color:#060e1bb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-blanco);border:1px solid var(--color-bruma);border-radius:12px;flex-direction:column;width:600px;max-width:90%;max-height:90%;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-perla);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-body{padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-perla);background:var(--color-perla);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.close-btn{cursor:pointer;color:var(--color-piedra);background:0 0;border:none;font-size:20px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--color-piedra);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-input{border:1px solid var(--color-bruma);font-family:var(--font-body);background-color:var(--color-blanco);transition:var(--transition-fast);color:var(--color-tinta);border-radius:6px;outline:none;padding:10px 14px}.form-input:focus{border-color:var(--color-impulso);box-shadow:0 0 0 3px var(--color-impulso-suave)}.platform-selector{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.platform-pill{border:1px solid var(--color-bruma);cursor:pointer;background-color:var(--color-blanco);transition:var(--transition-fast);border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.platform-pill.active{background-color:var(--color-impulso-suave);border-color:var(--color-impulso);color:var(--color-tinta)}.login-container{background-color:var(--color-noche);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-card{background:var(--color-blanco);z-index:10;border-radius:12px;flex-direction:column;gap:24px;width:420px;padding:40px;display:flex;box-shadow:0 4px 20px #0000004d}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-error{color:var(--color-alerta);text-align:left;background-color:#fce8e6;border:1px solid #f5c2c1;border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.4}.library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.post-card{border:1px solid var(--color-bruma);background:var(--color-blanco);transition:var(--transition-fast);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.post-card:hover{box-shadow:0 4px 12px #0000000d}.post-card-header{border-bottom:1px solid var(--color-perla);justify-content:space-between;align-items:center;padding:12px;display:flex}.post-card-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.post-card-footer{border-top:1px solid var(--color-perla);background:var(--color-perla);justify-content:space-between;align-items:center;padding:12px;display:flex}.calendar-grid{border:1px solid var(--color-bruma);background-color:var(--color-blanco);border-radius:8px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-header-day{background:var(--color-perla);text-align:center;border-bottom:1px solid var(--color-bruma);border-right:1px solid var(--color-bruma);padding:12px;font-weight:600}.calendar-header-day:last-child{border-right:none}.calendar-cell{border-bottom:1px solid var(--color-bruma);border-right:1px solid var(--color-bruma);min-height:100px;padding:8px;position:relative}.calendar-cell:last-child{border-right:none}.calendar-cell-num{color:var(--color-piedra);margin-bottom:4px;font-size:12px;font-weight:600}.calendar-cell-events{flex-direction:column;gap:4px;display:flex}.calendar-event{background:var(--color-impulso-suave);color:var(--color-tinta);border-left:2px solid var(--color-impulso);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:4px 6px;font-size:11px;overflow:hidden}.switch-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.switch-input{display:none}.switch-slider{background-color:#cbd5e1;border-radius:12px;width:44px;height:24px;transition:background-color .2s;position:relative}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.switch-input:checked+.switch-slider{background-color:var(--color-impulso)}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.warning-card{color:#78350f;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:8px;align-items:flex-start;gap:12px;margin-top:10px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex;box-shadow:0 1px 2px #00000005}.warning-card-title{margin-bottom:2px;font-weight:700}.warning-card-body{opacity:.95;font-size:12px}.header-create-btn{color:var(--color-blanco)!important;cursor:pointer!important;background-color:#ffffff26!important;border:1.5px solid #fffc!important;border-radius:20px!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 2px 4px #0000000d!important}.header-create-btn:hover{background-color:#ffffff40!important;border-color:#fff!important;transform:translateY(-1px)!important}.dropdown-option-card{color:#fff!important;cursor:pointer!important;background-color:#5c6ac4!important;border:1.5px solid #5c6ac4!important;border-radius:10px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:125px!important;padding:16px 8px!important;font-size:13px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.dropdown-option-card:hover{background-color:#4c58b3!important;border-color:#4c58b3!important;transform:translateY(-2px)!important;box-shadow:0 10px 15px -3px #5c6ac44d,0 4px 6px -2px #5c6ac41a!important}.dropdown-option-card:active{transform:translateY(0)!important}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-enter{animation:.22s cubic-bezier(.34,1.56,.64,1) both toast-slide-in}@keyframes view-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-body{animation:.22s both view-enter}@keyframes spin{to{transform:rotate(360deg)}}