@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500;700&display=swap";
:root{--brand-primary:#7b68ee;--brand-primary-light:#9b7fff;--brand-primary-dark:#6050cc;--brand-primary-hover:#5a44cc;--brand-accent:#ff6fd8;--brand-accent-light:#ff9ee8;--bg-base:#f5f6fa;--bg-surface:#fff;--bg-elevated:#f0f0f8;--bg-card:#fff;--bg-card-hover:#f8f8ff;--bg-input:#f5f6fa;--bg-overlay:#0006;--bg-surface-rgb:255,255,255;--text-primary:#1a1a2e;--text-secondary:#52527a;--text-muted:#717199;--text-inverse:#fff;--border-subtle:#00000012;--border-default:#0000001f;--border-focus:var(--brand-primary);--color-success:#00c875;--color-success-bg:#00c8751f;--color-warning:#f5c400;--color-warning-bg:#f5c4001f;--color-error:#ff5c5c;--color-error-bg:#ff5c5c1f;--color-info:#4a9eff;--color-info-bg:#4a9eff1f;--cu-purple:#7b68ee;--cu-purple-light:#eeebff;--cu-pink:#ff6fd8;--cu-pink-light:#fff0fb;--cu-cyan:#00b4d8;--cu-green:#00c875;--cu-green-light:#e6faf4;--cu-orange:#ff8c42;--cu-orange-light:#fff4ec;--cu-yellow:#f5c400;--cu-yellow-light:#fffae6;--cu-red:#ff5c5c;--cu-red-light:#fff0f0;--cu-blue:#4a9eff;--brand-gradient:linear-gradient(135deg,#7b68ee,#ff6fd8);--brand-gradient-btn:linear-gradient(135deg,#7b68ee 0%,#9b7fff 50%,#ff6fd8 100%);--hard-control-red:#ff5c5c;--hard-control-lock:#ff5c5c;--hard-control-green:#00c875;--severity-critica:#ff5c5c;--severity-alta:#ff8c42;--severity-media:#4a9eff;--severity-baja:#9090b0;--category-reliability:#4a9eff;--category-durability:#00c875;--category-electrical:#f5c400;--category-mechanical:#ff5c5c;--category-support:#7b68ee;--category-crossdept:#00b4d8;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 4px #0000000d,0 0 0 1px #00000008;--shadow-md:0 8px 24px #0000000f,0 2px 6px #00000008;--shadow-lg:0 16px 48px #00000014,0 4px 12px #0000000a;--shadow-glow:0 8px 28px #7b68ee24,0 0 0 1.5px #7b68ee40;--shadow-card:0 2px 8px #0000000a;--shadow-hover:0 12px 32px #00000014,0 4px 8px #0000000a;--ease-antigravity:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-fast:.15s var(--ease-antigravity);--transition-normal:.25s var(--ease-antigravity);--transition-slow:.4s var(--ease-antigravity);--sidebar-width:216px;--sidebar-collapsed:72px;--header-height:52px;--content-max-width:1440px;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}[data-theme=dark]{--brand-primary:#9b8fff;--brand-primary-light:#b5a8ff;--brand-primary-dark:#7b68ee;--brand-primary-hover:#b5a8ff;--brand-accent:#e888ff;--bg-base:#191b23;--bg-surface:#1e2028;--bg-elevated:#262830;--bg-card:#1e2028;--bg-card-hover:#2a2c36;--bg-input:#262830;--bg-overlay:#0009;--bg-surface-rgb:30,32,40;--text-primary:#f0f2f5;--text-secondary:#a8b0c0;--text-muted:#7b8598;--text-inverse:#191b23;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 4px 16px #7b68ee40;--glass-saturate:200%;--glass-brightness:1.1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:clamp(.875rem,.85rem + .15vw,1rem)}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);letter-spacing:-.006em;min-height:100vh;font-size:14px;line-height:1.5}a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-primary-light)}.skip-link{z-index:10000;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-md);padding:12px 24px;font-size:.875rem;font-weight:700;text-decoration:none;transition:top .2s;position:fixed;top:-100%;left:16px}.skip-link:focus{color:var(--text-inverse);top:16px}.icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon svg{width:100%;height:100%}.icon--xs{width:14px;height:14px}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.stat-icon-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.stat-icon-box svg{width:16px;height:16px}::selection{background:var(--brand-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-brand{color:var(--brand-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;border:none;padding:.625rem 1.125rem;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-gradient-btn);color:var(--text-inverse);box-shadow:0 4px 14px #7b68ee4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7b68ee66}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--brand-primary)}.btn-danger{background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ef44444d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full,20px);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 18px;font-size:.8125rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s;display:inline-flex}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-gradient{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary,#7c5cfc)100%);color:#fff;border-radius:var(--radius-full,20px);cursor:pointer;border:none;padding:8px 18px;font-size:.8125rem;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s;box-shadow:0 2px 8px #7c5cfc4d}.btn-gradient:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #7c5cfc66}.btn-outline{color:var(--brand-primary);border:1px solid var(--brand-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--cu-purple-light)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);outline:none;padding:.625rem .875rem;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #7b68ee26}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23808080' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.25rem}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--color-error);font-size:.75rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),color var(--transition-normal),transform var(--transition-normal)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem;font-weight:600}.industrial-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),color var(--transition-normal),transform var(--transition-normal);position:relative;overflow:hidden}.industrial-card:before{content:"";background:var(--brand-primary);opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.industrial-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.industrial-card:hover:before{opacity:1}.badge{border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:#946800}[data-theme=dark] .badge-warning{color:#ffd54f}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-brand{background:var(--cu-purple-light);color:var(--brand-primary)}.badge-neutral{color:#6b7280;background:#80808026}[data-theme=dark] .badge-neutral{color:#d1d5db}.scroll-wrapper{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.scroll-wrapper:after{content:"";background:linear-gradient(to left,var(--bg-surface)0%,transparent 100%);pointer-events:none;width:40px;height:100%;display:block;position:absolute;top:0;right:0}@media (min-width:1024px){.scroll-wrapper:after{display:none}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.active{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.status-dot.error{background:var(--color-error);box-shadow:0 0 6px var(--color-error)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.8125rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:.625rem .875rem;font-size:.6875rem;font-weight:600}.table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.625rem .875rem}.table tbody tr:hover{background:var(--bg-card-hover)}.table tbody tr:last-child td{border-bottom:none}.progress-bar{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:var(--brand-primary);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.success{background:var(--color-success)}.progress-bar-fill.warning{background:var(--color-warning)}.progress-bar-fill.error{background:var(--color-error)}.progress-bar-fill.info{background:var(--color-info)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #7b68ee33}50%{box-shadow:0 0 16px #7b68ee66}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.form-input-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 12px;font-size:.8125rem;transition:border-color .15s}.form-input-modal:focus{border-color:var(--brand-primary)}.form-select-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:10px 12px;font-size:.8125rem}.form-textarea-modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;outline:none;min-height:80px;padding:10px 12px;font-family:inherit;font-size:.8125rem;transition:border-color .15s}.form-textarea-modal:focus{border-color:var(--brand-primary)}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-in{animation:.3s ease-out slideIn}.skeleton{background:linear-gradient(90deg,var(--bg-elevated)25%,var(--bg-card-hover)50%,var(--bg-elevated)75%);border-radius:var(--radius-md);will-change:background-position;background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.stagger-children>*{opacity:0;animation:.4s ease-out forwards fadeIn}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.w-full{width:100%}.text-center{text-align:center}.btn:focus-visible,.sidebar-link:focus-visible,.header-icon-btn:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.table tbody tr{transition:background .15s}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-auto{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}button,a,select,[role=button],summary,.sidebar-link,.kanban-card,.stat-card,.stat-card-v2,.okr-card,.strategy-card,.tab-item,.filter-chip,.modal-mode-tab,.clickable{cursor:pointer}@media (max-width:1024px){:root{--header-height:56px}.grid-auto{grid-template-columns:1fr}.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(5,minmax(200px,1fr));overflow-x:auto}.kanban-column{scroll-snap-align:start}.ve-grid{grid-template-columns:1fr!important}}@media (max-width:767px){.sidebar-collapse-btn,.header-icon-btn,.header-search-btn{min-width:44px;min-height:44px}.sidebar-category{font-size:.75rem}.sidebar-link-label{font-size:.8125rem}.page-header{flex-wrap:wrap;gap:8px}.page-header-actions,.page-header>div:last-child{flex-wrap:wrap;gap:8px;width:100%;display:flex}.page-header .btn{flex:auto;justify-content:center;min-width:0}.page-header .btn-primary{flex-basis:100%}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-card,.stat-card-v2{padding:10px}.stat-value{font-size:1.25rem}.stats-row{gap:8px;grid-template-columns:repeat(2,1fr)!important}.weekly-grid{grid-template-columns:1fr!important}.weekly-action-item{flex-direction:column;gap:8px}.weekly-action-item .progress-bar{width:100%}.weekly-action-item .btn-edit,.weekly-action-item .btn{width:100%;min-height:44px}.btn-sm{min-height:44px;padding:.5rem .75rem}.kanban-col-tab{min-height:44px;padding:8px 12px;font-size:.75rem}.ve-card-link{text-align:center;border-top:1px solid #ffffff1a;width:100%;margin-top:12px;padding:12px;font-size:.8125rem;display:block!important}.week-navigator{justify-content:center;width:100%}.filter-tabs,.filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-pills::-webkit-scrollbar{display:none}.zoom-controls button{min-width:44px;min-height:44px}.kanban-header{flex-wrap:wrap;gap:8px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@supports not (background:color-mix(in srgb, red 50%, transparent)){.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px #7b68ee26}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{background:var(--bg-elevated)!important;animation:none!important}.stagger-children>*{opacity:1!important;animation:none!important}.route-progress-bar{display:none!important}}