html,body,#root,#root>div{background-color:#0b242a!important}.navbar{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.navbar.scrolled{box-shadow:0 4px 20px #0000001a;background-color:#f6f7f8fa}.dark .navbar.scrolled{background-color:#131d1ffa;box-shadow:0 4px 20px #0000004d}.navbar.nav-hidden{transform:translateY(-100%)}.sidebar-bg{background-color:#fff!important}.sidebar-bg>div{background-color:#fff!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.material-symbols-outlined{font-feature-settings:"liga"}.notranslate{translate:no}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-chat-button{animation:pulse 2s infinite}.ai-chat-button:hover{animation:none}.ai-chat-window{animation:slideUp .3s ease-out}:root{--concrete-50: #f8f9fa;--concrete-100: #e9ecef;--concrete-200: #dee2e6;--concrete-300: #ced4da;--concrete-400: #adb5bd;--concrete-500: #6c757d;--concrete-600: #495057;--concrete-700: #343a40;--concrete-800: #212529;--concrete-900: #121416;--steel-50: #f0f7ff;--steel-100: #e0efff;--steel-200: #bae0ff;--steel-300: #7cc2ff;--steel-400: #36a0ff;--steel-500: #0d8bf2;--steel-600: #006ed6;--steel-700: #0057ac;--steel-800: #004785;--steel-900: #00315e;--wood-50: #fdf8f3;--wood-100: #f5e9dd;--wood-200: #ecd4bc;--wood-300: #dfb992;--wood-400: #d09a6a;--wood-500: #c17d47;--wood-600: #a8663a;--wood-700: #8a5130;--wood-800: #6f4027;--wood-900: #5a3320;--accent-primary: var(--steel-600);--accent-secondary: var(--wood-500);--accent-danger: #dc3545;--accent-success: #28a745;--accent-warning: #ffc107;--texture-concrete: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23343a40' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .1);--shadow-industrial: 0 8px 32px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 0 1px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-industrial: 4px 12px 12px 4px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--gradient-steel: linear-gradient(135deg, var(--steel-500) 0%, var(--steel-700) 100%);--gradient-concrete: linear-gradient(135deg, var(--concrete-100) 0%, var(--concrete-300) 100%);--gradient-wood: linear-gradient(135deg, var(--wood-400) 0%, var(--wood-600) 100%);--gradient-industrial: linear-gradient(135deg, var(--concrete-800) 0%, var(--steel-800) 100%)}.industrial-bg{background-color:var(--concrete-50);background-image:var(--texture-concrete);background-attachment:fixed}.industrial-card{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-industrial);border-radius:var(--radius-lg);transition:all var(--transition-base)}.industrial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:#0000001f}.industrial-badge{background:var(--gradient-steel);color:#fff;font-weight:600;letter-spacing:.025em;text-transform:uppercase;font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1)}.industrial-progress{height:8px;background:var(--concrete-200);border-radius:4px;overflow:hidden;position:relative}.industrial-progress:after{content:"";position:absolute;top:0;left:0;height:100%;background:var(--gradient-steel);border-radius:4px;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slide-up .6s var(--transition-base) both}.animate-fade-in{animation:fade-in .8s var(--transition-base) both}.animate-scale-in{animation:scale-in .5s var(--transition-base) both}@media(max-width:768px){.industrial-card{border-radius:var(--radius-md);margin:0 -1rem;border-left:none;border-right:none}.industrial-grid{grid-template-columns:1fr!important;gap:1.5rem!important}}.border-industrial{border:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.2)}.text-industrial{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-feature-settings:"ss01","ss02","cv01","cv02";letter-spacing:-.01em}.text-industrial-display{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--concrete-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--steel-500);border-radius:4px;border:2px solid var(--concrete-100)}::-webkit-scrollbar-thumb:hover{background:var(--steel-600)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0d8bf266}50%{box-shadow:0 0 0 8px #0d8bf200}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes border-glow{0%,to{border-color:var(--steel-300)}50%{border-color:var(--steel-500)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--concrete-100) 0%,var(--steel-100) 25%,var(--concrete-100) 50%,var(--steel-100) 75%,var(--concrete-100) 100%);background-size:200% auto;animation:shimmer 3s linear infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-border-glow{animation:border-glow 3s ease-in-out infinite}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #0d8bf24d}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.focus-industrial:focus{outline:2px solid var(--steel-500);outline-offset:2px;box-shadow:0 0 0 4px #0d8bf21a}.skeleton{background:linear-gradient(90deg,var(--concrete-100) 25%,var(--concrete-200) 50%,var(--concrete-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.text-gradient-steel{background:linear-gradient(135deg,var(--steel-500) 0%,var(--steel-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-wood{background:linear-gradient(135deg,var(--wood-400) 0%,var(--wood-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient-steel{border:2px solid transparent;background:linear-gradient(var(--concrete-50),var(--concrete-50)) padding-box,linear-gradient(135deg,var(--steel-500),var(--steel-700)) border-box}.border-gradient-wood{border:2px solid transparent;background:linear-gradient(var(--concrete-50),var(--concrete-50)) padding-box,linear-gradient(135deg,var(--wood-400),var(--wood-600)) border-box}.backdrop-industrial{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#ffffffd9;border:1px solid rgba(255,255,255,.2)}.stagger-child>*{opacity:0;animation:slide-up .6s var(--transition-base) forwards}.stagger-child>*:nth-child(1){animation-delay:.1s}.stagger-child>*:nth-child(2){animation-delay:.2s}.stagger-child>*:nth-child(3){animation-delay:.3s}.stagger-child>*:nth-child(4){animation-delay:.4s}.stagger-child>*:nth-child(5){animation-delay:.5s}.stagger-child>*:nth-child(6){animation-delay:.6s}.industrial-tooltip{position:relative}.industrial-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--concrete-800);color:#fff;font-size:.75rem;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:50}.industrial-tooltip:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-color-scheme:dark){.industrial-card{background:#1e1e1eeb;border-color:#ffffff1a}.backdrop-industrial{background:#1e1e1ed9}}:root{--ox-primary: #0B242A;--ox-primary-hover: #0f353d;--ox-background-light: #f6f7f8;--ox-background-dark: #131d1f;--ox-accent: #0d8bf2;--ox-accent-hover: #0a7ad9;--ox-success: #28a745;--ox-warning: #ffc107;--ox-danger: #dc3545;--ox-concrete-50: #f8f9fa;--ox-concrete-100: #e9ecef;--ox-concrete-200: #dee2e6;--ox-concrete-300: #ced4da;--ox-concrete-400: #adb5bd;--ox-concrete-500: #6c757d;--ox-concrete-600: #495057;--ox-concrete-700: #343a40;--ox-concrete-800: #212529;--ox-concrete-900: #121416;--ox-steel-50: #f0f7ff;--ox-steel-100: #e0efff;--ox-steel-200: #bae0ff;--ox-steel-300: #7cc2ff;--ox-steel-400: #36a0ff;--ox-steel-500: #0d8bf2;--ox-steel-600: #006ed6;--ox-steel-700: #0057ac;--ox-steel-800: #004785;--ox-steel-900: #00315e;--ox-wood-50: #fdf8f3;--ox-wood-100: #f5e9dd;--ox-wood-200: #ecd4bc;--ox-wood-300: #dfb992;--ox-wood-400: #d09a6a;--ox-wood-500: #c17d47;--ox-wood-600: #a8663a;--ox-wood-700: #8a5130;--ox-wood-800: #6f4027;--ox-wood-900: #5a3320;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-card: 0 8px 30px rgba(0, 0, 0, .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--gradient-primary: linear-gradient(135deg, var(--ox-primary) 0%, var(--ox-primary-hover) 100%);--gradient-accent: linear-gradient(135deg, var(--ox-accent) 0%, var(--ox-steel-700) 100%);--gradient-wood: linear-gradient(135deg, var(--ox-wood-400) 0%, var(--ox-wood-600) 100%);--gradient-concrete: linear-gradient(135deg, var(--ox-concrete-100) 0%, var(--ox-concrete-300) 100%)}.ox-bg-primary{background-color:var(--ox-primary);color:#fff}.ox-bg-light{background-color:var(--ox-background-light)}.ox-bg-white{background-color:#fff}.ox-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid rgba(0,0,0,.04);transition:all var(--transition-base)}.ox-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ox-card-sm{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ox-card-lg{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.ox-font-display{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.1}.ox-font-body{font-family:Noto Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}.ox-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.ox-badge-primary{background:var(--gradient-primary);color:#fff}.ox-badge-accent{background:var(--gradient-accent);color:#fff}.ox-badge-wood{background:var(--gradient-wood);color:#fff}.ox-progress{height:8px;background-color:var(--ox-concrete-200);border-radius:4px;overflow:hidden}.ox-progress-fill{height:100%;background:var(--gradient-accent);border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.ox-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0}.ox-avatar-sm{width:32px;height:32px;font-size:.875rem}.ox-avatar-lg{width:48px;height:48px;font-size:1.125rem}.ox-timeline-entry{position:relative;display:flex;gap:12px;padding-bottom:24px}.ox-timeline-avatar{position:relative;z-index:2}.ox-timeline-content{flex:1;min-width:0}.ox-timeline-connector{position:absolute;left:20px;top:40px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--ox-concrete-200),var(--ox-concrete-200) 60%,transparent)}.ox-timeline-media{width:100%;border-radius:var(--radius-md);overflow:hidden;margin-top:12px}.ox-timeline-media img{width:100%;height:auto;display:block}.ox-timeline-actions{display:flex;gap:16px;padding-top:12px;border-top:1px solid var(--ox-concrete-100);margin-top:12px}.ox-timeline-action{display:flex;align-items:center;gap:6px;color:var(--ox-concrete-600);font-size:.875rem;font-weight:500;transition:color var(--transition-fast);cursor:pointer}.ox-timeline-action:hover{color:var(--ox-accent)}@keyframes ox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ox-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ox-stagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.ox-animate-fade-in{animation:ox-fade-in .6s var(--transition-base) both}.ox-animate-slide-up{animation:ox-slide-up .6s var(--transition-base) both}.ox-stagger>*{opacity:0;animation:ox-stagger .5s var(--transition-base) forwards}.ox-stagger>*:nth-child(1){animation-delay:.1s}.ox-stagger>*:nth-child(2){animation-delay:.2s}.ox-stagger>*:nth-child(3){animation-delay:.3s}.ox-stagger>*:nth-child(4){animation-delay:.4s}.ox-stagger>*:nth-child(5){animation-delay:.5s}.animate-fade-in{animation:fade-in .4s ease-out both}.animate-slide-up{animation:slide-up .4s ease-out both}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ox-text-primary{color:var(--ox-primary)}.ox-text-accent{color:var(--ox-accent)}.ox-text-concrete-600{color:var(--ox-concrete-600)}.ox-text-concrete-700{color:var(--ox-concrete-700)}.ox-border-light{border:1px solid var(--ox-concrete-200)}.ox-border-accent{border:1px solid var(--ox-accent)}@media(max-width:768px){.ox-timeline-entry{gap:10px}.ox-avatar{width:36px;height:36px}.ox-card{border-radius:var(--radius-md);margin-left:-1rem;margin-right:-1rem;border-left:none;border-right:none;border-radius:0}.ox-card:hover{transform:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ox-concrete-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--ox-concrete-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ox-concrete-500)}.ox-focus-ring:focus{outline:2px solid var(--ox-accent);outline-offset:2px}.ox-skeleton{background:linear-gradient(90deg,var(--ox-concrete-100) 25%,var(--ox-concrete-200) 50%,var(--ox-concrete-100) 75%);background-size:200% 100%;animation:ox-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes ox-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}