*,:before,:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif}#root{min-height:100vh}:root{--bg-primary:#eef2f7;--bg-card:#fff;--bg-secondary:#f8fafc;--bg-highlight:#10b9811a;--text-title:#0f172a;--text-heading:#0f766e;--text-body:#475569;--text-label:#64748b;--text-accent:#0d9488;--brand:#0d9488;--brand-strong:#0f766e;--brand-grad:linear-gradient(135deg, #0d9488 0%, #059669 100%);--border:#e2e8f0;--border-light:#eef2f7;--border-green:#99f6e4;--ring-accent:#0d948833;--sidebar-bg:#fff;--sidebar-width:240px;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 6px 12px -4px #0f172a14, 0 16px 32px -10px #0f172a1f;--shadow-lg:0 12px 22px -8px #0f172a24, 0 30px 60px -14px #0f172a38;--shadow-brand:0 10px 28px -6px #10b98173;--cat-contables:#10b981;--cat-sistemas:#6366f1;--cat-informes:#8b5cf6;--cat-tributarios:#f59e0b;--cat-administrativas:#f97316;--cat-otras:#94a3b8}[data-theme=dark]{--bg-primary:#0f172a;--bg-card:#1e293b;--bg-secondary:#18233a;--bg-highlight:#34d39924;--text-title:#fff;--text-heading:#5eead4;--text-body:#e2e8f0;--text-label:#94a3b8;--text-accent:#34d399;--brand:#10b981;--brand-strong:#059669;--brand-grad:linear-gradient(135deg, #0d9488 0%, #047857 100%);--border:#334155;--border-light:#273449;--border-green:#115e59;--ring-accent:#34d3993d;--sidebar-bg:#131c2e;--shadow-sm:0 1px 3px #0006;--shadow-md:0 6px 12px -4px #0006, 0 16px 32px -10px #0009;--shadow-lg:0 12px 22px -8px #00000080, 0 30px 60px -14px #000000b3;--shadow-brand:0 10px 30px -6px #10b9818c;--cat-contables:#34d399;--cat-sistemas:#818cf8;--cat-informes:#c084fc;--cat-tributarios:#fbbf24;--cat-administrativas:#fb923c;--cat-otras:#cbd5e1}body{background:var(--bg-primary);color:var(--text-body);transition:background .25s,color .25s}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-title);font-family:inherit}select option{background:var(--bg-card);color:var(--text-title)}input[type=range]{accent-color:#10b981}:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px;border-radius:8px}.ui-btn{will-change:transform;transition:transform .3s cubic-bezier(.34,1.3,.5,1),box-shadow .3s,filter .3s,background .3s,border-color .3s,color .3s}.ui-btn:hover:not(:disabled){filter:brightness(1.06)saturate(1.08);box-shadow:var(--shadow-lg);transform:translateY(-2px)scale(1.04)}.ui-btn:active:not(:disabled){box-shadow:var(--shadow-sm);filter:brightness(.97);transform:translateY(0)scale(.97)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn-primary{background:var(--brand-grad)!important;color:#fff!important;border:none!important}.ui-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-brand)}.card-elevated{transition:transform .3s cubic-bezier(.34,1.2,.64,1),box-shadow .3s,border-color .3s}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.premium-table{border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px;overflow:hidden}.premium-table table{border-collapse:collapse;width:100%}.premium-table tbody tr{transition:background .2s}.premium-table tbody tr:hover{background:var(--bg-highlight)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;flex-direction:column;transition:transform .3s,background .25s,border-color .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible}.sidebar-nav{flex:1;padding:10px;overflow-y:auto}.sidebar-user{border-top:1px solid var(--border);padding:10px;position:relative}.main-area{margin-left:var(--sidebar-width);background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;transition:margin-left .3s,background .25s;display:flex}.page-header{background:color-mix(in srgb, var(--bg-card) 80%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:76px;padding:0 36px;transition:background .25s,border-color .25s;display:flex;position:sticky;top:0}.page-content{flex:1;padding:32px 36px}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.kanban-mobile-filter{display:none}.mobile-topbar{background:var(--sidebar-bg);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;transition:background .25s;display:none;position:sticky;top:0}@media (width<=768px){.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 32px #0000002e}.sidebar-overlay{display:block}.main-area{margin-left:0}.mobile-topbar{display:flex}.page-header{display:none}.page-content{padding:16px}.team-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.team-row>.team-actions{flex-wrap:wrap;width:100%;justify-content:flex-start!important}.team-row>.team-actions>button{flex:none}.kanban-grid{grid-template-columns:1fr!important}.kanban-column{width:100%}.kanban-mobile-filter{display:flex!important}.kanban-column[data-mobile-hidden=true],.kanban-column-header{display:none!important}.calendar-layout{grid-template-columns:1fr!important}.calendar-cell{min-height:64px!important;padding:4px!important}.eval-summary-row{flex-direction:column!important;gap:20px!important}.quiz-admin-grid{grid-template-columns:1fr!important}}@media (width<=1024px) and (width>=769px){.calendar-layout{grid-template-columns:1fr!important}}@media (width<=1279px){.exec-matrix-grid{grid-template-columns:1fr!important}}.login-card{max-width:420px}.login-profiles{gap:8px;max-height:360px;padding-right:4px;display:grid;overflow-y:auto}.login-profile-avatar{flex-shrink:0}@media (width>=768px){.login-card{max-width:720px}.login-profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none;padding-right:0;overflow-y:visible}.login-profile-button{gap:14px!important;padding:14px 16px!important}.login-profile-name{font-size:15px!important}.login-profile-role{font-size:12px!important}.login-profile-avatar{transform-origin:50%;transform:scale(1.15)}}@media (width>=1024px){.login-card{max-width:880px}.login-profiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-primary) 25%, var(--border) 50%, var(--bg-primary) 75%);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes pillPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.status-pill{opacity:.55;transition:background .3s,color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s,box-shadow .3s;transform:scale(1)}.status-pill:hover{opacity:.85}.status-pill.active{opacity:1;animation:.35s cubic-bezier(.34,1.56,.64,1) pillPop;box-shadow:0 4px 10px -2px #0000002e}.okr-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--okr-accent,#16a34a) 0%, var(--okr-accent,#16a34a) var(--okr-pct,0%), var(--border) var(--okr-pct,0%), var(--border) 100%);border-radius:999px;outline:none;width:100%;height:8px;transition:filter .25s,box-shadow .25s}.okr-slider:disabled{cursor:default;opacity:.75}.okr-slider:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 0 0 4px color-mix(in srgb, var(--okr-accent,#16a34a) 14%, transparent)}.okr-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--okr-accent,#16a34a);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0000002e}.okr-slider::-moz-range-thumb{border:3px solid var(--okr-accent,#16a34a);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0000002e}.okr-slider:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.15)}.okr-slider:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.15)}.okr-slider:active:not(:disabled)::-webkit-slider-thumb{transform:scale(1.25)}.okr-slider:active:not(:disabled)::-moz-range-thumb{transform:scale(1.25)}.matrix-dot{z-index:1;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),z-index}.matrix-dot:hover{z-index:50;transform:scale(1.25)}.matrix-dot:hover .matrix-dot-chip{background:var(--bg-highlight);color:var(--text-title);border-color:currentColor;transform:scale(1.08)}.matrix-dot-chip{transition:background .25s,transform .25s,border-color .25s}.tab-scroll{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tab-scroll::-webkit-scrollbar{display:none}.exec-eval-table tbody tr td{transition:background-color .12s}.exec-eval-table tbody tr:nth-child(2n) td{background:var(--bg-secondary)}.exec-eval-table tbody tr:hover td{background:#0d94881a}@keyframes entryExpandIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.entry-expand{animation:.2s entryExpandIn}.time-input{border:1px solid var(--border);color:var(--text-title);background:0 0;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.time-input:hover:not(:disabled){border-color:color-mix(in srgb, var(--text-accent) 55%, var(--border))}.time-input:focus,.time-input:focus-visible{border-color:var(--text-accent);box-shadow:0 0 0 3px var(--ring-accent);outline:none}.time-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input[type=number]{appearance:textfield}.note-field{background:#ffffffc7;border:1px solid #0000;border-radius:12px;transition:background-color .18s,border-color .18s,box-shadow .18s}.note-field::placeholder{color:#0000006b}.note-field:focus,.note-field:focus-visible{background:#fff;border-color:#0000002e;outline:none;box-shadow:0 0 0 3px #0000000f}
