.app-header{background:linear-gradient(90deg,#00bcff 0% 70%,#89d329);color:#fff;padding:0;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:1305}.app-header.robot-flight-active{z-index:12010}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.header-left{display:flex;align-items:center;gap:1rem}.bayer-logo{height:32px;width:auto;filter:brightness(0) invert(1)}.header-title{margin:0;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;color:#fff}.header-icon{font-size:1.8rem}.agenticx-robot-badge{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;transform:translate(var(--robot-offset-x, 0px));transition:transform .12s linear;will-change:transform;cursor:pointer}.agenticx-robot-badge.is-hidden-during-flight{opacity:0;pointer-events:none}.agenticx-robot-flight{position:fixed;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;z-index:12000;pointer-events:none;animation:agenticxRobotViewportFlight 4.1s linear forwards;will-change:transform}.agenticx-thruster,.agenticx-thruster-glow{position:absolute;pointer-events:none;transform-origin:50% 0%;z-index:1}.agenticx-thruster{width:9px;height:22px;bottom:-14px;border-radius:50% 50% 70% 70%;background:radial-gradient(circle at 50% 12%,#fffffffa,#d2f5fff2,#5fd2ffe6 40%,#2887ffc7 64%,#0f37aa38);filter:blur(.25px) drop-shadow(0 0 7px rgba(56,189,248,.9));animation:agenticxBlueFlameCore .12s ease-in-out infinite alternate}.agenticx-thruster-glow{width:20px;height:34px;bottom:-22px;border-radius:55% 55% 75% 75%;background:radial-gradient(circle at 50% 18%,#67e8f98c,#2563eb5c 42%,#0206170a);filter:blur(4px);opacity:.82;animation:agenticxBlueFlameGlow .18s ease-in-out infinite alternate}.agenticx-thruster-left,.agenticx-thruster-glow-left{left:9px}.agenticx-robot-flight .agenticx-robot-image{animation:none;z-index:2}.agenticx-robot-image{width:36px;height:36px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));animation:agenticxRobotFloat 2.8s ease-in-out infinite}.agenticx-robot-ring{position:absolute;border-radius:50%;pointer-events:none}.agenticx-robot-ring-outer{width:44px;height:44px;border:1px solid rgba(255,255,255,.32);animation:agenticxRobotPulse 1.9s ease-out infinite}.agenticx-robot-ring-inner{width:32px;height:32px;border:1px dashed rgba(255,255,255,.4);animation:agenticxRobotSpin 6s linear infinite}.agenticx-robot-typewriter{max-width:420px;min-height:36px;display:inline-flex;align-items:center;gap:.15rem;padding:.45rem .7rem;border-radius:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:.84rem;line-height:1.35;font-weight:600;box-shadow:0 4px 14px #0000001f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.agenticx-robot-typewriter-cursor{opacity:.95;animation:agenticxTypewriterCursorBlink 1s steps(1) infinite}@keyframes agenticxRobotFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}@keyframes agenticxRobotPulse{0%{transform:scale(.82);opacity:.3}70%{transform:scale(1.08);opacity:.5}to{transform:scale(1.18);opacity:0}}@keyframes agenticxRobotSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes agenticxTypewriterCursorBlink{0%,45%{opacity:1}46%,to{opacity:.2}}@keyframes agenticxRobotViewportFlight{0%{transform:translate(0) scale(1) rotate(0)}30%{transform:translate(26vw,-5vh) scale(1.12) rotate(4deg)}56%{transform:translate(45vw,32vh) scale(2.3) rotate(1deg)}78%{transform:translate(12vw,14vh) scale(1.45) rotate(-3deg)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes agenticxBlueFlameCore{0%{transform:scaleY(.88) scaleX(.94) translateY(0);opacity:.88}to{transform:scaleY(1.16) scaleX(1.04) translateY(3px);opacity:1}}@keyframes agenticxBlueFlameGlow{0%{transform:scale(.9) translateY(0);opacity:.58}to{transform:scale(1.08) translateY(4px);opacity:.9}}.itf-academy-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#89d3292e;border:2px solid rgba(137,211,41,.5);border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.itf-academy-button:hover{background:#89d32959;border-color:#89d329bf;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.itf-academy-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.roadmap-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.roadmap-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.roadmap-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.header-right{display:flex;align-items:center;gap:1rem;position:relative}.support-guide-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;font-family:inherit}.support-guide-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.support-guide-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.docs-link-button{padding:.5rem 1rem;font-size:.84rem;letter-spacing:.01em}.user-profile{position:relative}.user-profile-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit}.user-profile-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;background:#fff}.user-avatar-initials{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#00bcff;background:#fff}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left}.user-name{font-weight:600;font-size:.95rem;white-space:nowrap}.user-email{font-size:.75rem;opacity:.9;white-space:nowrap}.dropdown-arrow{font-size:.7rem;opacity:.8;transition:transform .3s ease}.user-profile-button:hover .dropdown-arrow{transform:translateY(2px)}.user-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:280px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000026;z-index:1001;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:1.25rem;background:linear-gradient(135deg,#00bcff,#89d329);color:#fff}.user-menu-info{display:flex;flex-direction:column;gap:.25rem}.user-menu-info strong{font-size:1rem;font-weight:600}.user-menu-info span{font-size:.85rem;opacity:.95}.user-menu-divider{height:1px;background:#e5e7eb}.user-menu-item{width:100%;padding:.875rem 1.25rem;background:#fff;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-family:inherit;font-size:.95rem;color:#374151;transition:all .2s ease}.user-menu-item:hover{background:#f3f4f6}.logout-button{color:#dc2626;font-weight:500}.logout-button:hover{background:#fef2f2}.logout-icon{font-size:1.2rem}.login-button{padding:.75rem 1.5rem;background:#fff;color:#00bcff;border:none;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background:#f8f9fa}.guide-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1.5rem}.guide-modal{background:#fff;border-radius:12px;padding:2rem;max-width:520px;width:100%;box-shadow:0 12px 32px #0003;border:2px solid var(--gray-200);text-align:center}.guide-modal h3{margin:0 0 .75rem;font-size:1.4rem;color:#111827;font-weight:700}.guide-modal p{margin:0 0 1.5rem;color:#374151;line-height:1.6}.guide-progress{width:100%;height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.guide-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width .3s ease}.guide-modal-ok{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center}@media(max-width:768px){.header-content{padding:.75rem 1rem}.header-title{font-size:1.2rem}.header-icon{font-size:1.5rem}.agenticx-robot-badge{width:38px;height:38px}.agenticx-robot-image{width:31px;height:31px}.agenticx-robot-ring-outer{width:38px;height:38px}.agenticx-robot-ring-inner{width:28px;height:28px}.agenticx-robot-typewriter,.user-info,.dropdown-arrow{display:none}.user-profile-button{padding:.5rem;border-radius:50%}.user-menu{min-width:250px}}.user-menu-overlay{position:fixed;inset:0;z-index:999;background:transparent}.workflow-modal-overlay{position:fixed;inset:0;background:#0b142299;display:flex;align-items:center;justify-content:center;z-index:1200;padding:2rem}.workflow-modal{background:#fff;border-radius:16px;width:min(1200px,95vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000040}.workflow-modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(15,23,42,.08);display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.workflow-modal-header h3{margin:0 0 .35rem;font-size:1.5rem;color:#0f172a}.workflow-modal-header p{margin:0;color:#64748b}.workflow-modal-close{border:none;background:#f1f5f9;color:#0f172a;border-radius:999px;width:36px;height:36px;cursor:pointer;font-size:1rem}.workflow-canvas{background:#dbe8fb;padding:2rem;overflow:auto;display:flex;flex-direction:column;gap:3.75rem}.workflow-lane{display:flex;align-items:flex-start;gap:1.5rem;position:relative;flex-wrap:wrap}.workflow-lane-flow-wrap{position:relative;flex:1;min-width:340px;padding-top:56px;padding-bottom:230px}.workflow-lane-header{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:150px}.workflow-lane-header--offset{margin-top:-18px}.workflow-lane-title{background:#f6c2c4;padding:.4rem 1.2rem;border-radius:999px;box-shadow:inset 0 0 0 1px #00000014;min-width:150px;text-align:center}.workflow-lane-title input{border:none;background:transparent;font-weight:600;text-align:center;width:100%;color:#111827}.workflow-lane-notes{margin-top:.35rem;min-width:150px;max-width:220px}.workflow-lane-notes textarea{width:100%;min-height:54px;padding:.4rem .6rem;border-radius:10px;border:1px solid rgba(15,23,42,.2);background:#ffffffd9;font-size:.85rem;color:#111827;resize:vertical}.workflow-lane-notes-text{width:100%;min-height:54px;padding:.4rem .6rem;border-radius:10px;border:1px solid rgba(15,23,42,.2);background:#ffffffd9;font-size:.85rem;color:#111827;white-space:pre-wrap}.workflow-lane--restricted .workflow-lane-notes textarea{color:#9ca3af}.workflow-lane-flow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,max-content);align-items:center;column-gap:1.75rem;row-gap:1rem;flex:1;padding-right:2rem}.workflow-free-arrows-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.workflow-free-arrow-path{fill:none;stroke:#334155;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round}.workflow-free-arrow-path--dashed{stroke-dasharray:6 4}.workflow-free-arrow-label{fill:#334155;font-size:.78rem;font-weight:600}.workflow-node-stack{display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:340px;position:relative}.workflow-node{position:relative;background:#fff;border:2px solid #1f2937;border-radius:6px;padding:.4rem .6rem;min-width:340px;width:100%;max-width:440px;min-height:76px;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0f172a14}.workflow-node-textarea{border:none;background:transparent;width:100%;font-weight:600;text-align:center;color:#111827;font-size:.9rem;line-height:1.25;resize:none;overflow-y:auto}.workflow-node span{display:block;width:100%;font-weight:600;text-align:center;color:#111827;font-size:.95rem;line-height:1.3;white-space:normal;word-break:break-word}.workflow-node-textarea::placeholder,.workflow-connector-textarea::placeholder{color:#9ca3af;font-weight:500}.workflow-node-remove{border:none;background:#fee2e2;color:#b91c1c;border-radius:999px;width:24px;height:24px;cursor:pointer;font-size:.8rem;line-height:1}.workflow-node-add-below{border:none;background:#e2e8f0;color:#334155;border-radius:999px;width:24px;height:24px;cursor:pointer;font-size:.82rem;line-height:1}.workflow-node-add-below:disabled{opacity:.6;cursor:not-allowed}.workflow-node-remove:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.workflow-vertical-line{width:2px;height:60px;background:#111827;border-radius:999px}.workflow-sub-node-floating{position:absolute;top:calc(100% + 44px);left:0;width:100%;display:flex;justify-content:center}.workflow-sub-node{position:relative;background:#fff;border:2px solid #334155;border-radius:6px;padding:.35rem .55rem;min-width:340px;width:100%;max-width:440px;min-height:68px;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 10px #0f172a0f}.workflow-connector-rail{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:340px;padding-top:44px}.workflow-connector-textarea,.workflow-connector-label{width:100%;border:none;background:transparent;text-align:center;font-size:.9rem;color:#111827;line-height:1.25;resize:none;overflow-y:auto}.workflow-direction-toggle{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:999px;min-width:42px;height:28px;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.workflow-direction-toggle:disabled{opacity:.6;cursor:not-allowed}.workflow-arrow{display:flex;align-items:center;width:100%}.workflow-arrow-line{flex:1;height:2px;background:#111827}.workflow-arrow-head{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.workflow-arrow-head--right{border-left:10px solid #111827}.workflow-arrow-head--left{border-right:10px solid #111827}.workflow-arrow--forward .workflow-arrow-head--left,.workflow-arrow--back .workflow-arrow-head--right{visibility:hidden}.workflow-arrow--both .workflow-arrow-head--left,.workflow-arrow--both .workflow-arrow-head--right{visibility:visible}.workflow-add-step{border:1px dashed #334155;background:#fffc;color:#334155;padding:.45rem .9rem;border-radius:999px;cursor:pointer;font-size:.85rem;margin-top:1rem;align-self:flex-start}.workflow-add-step--inline{margin-top:0;align-self:center;justify-self:start}.workflow-inline-end-spacer{width:56px;min-height:1px}.workflow-free-arrows-panel{width:100%;margin-top:.75rem;border:1px solid rgba(15,23,42,.15);background:#ffffffbf;border-radius:10px;padding:.95rem 1rem;min-height:120px}.workflow-canvas--detail .workflow-lane-flow{align-items:flex-start}.workflow-free-arrows-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.workflow-free-arrows-empty{color:#64748b;font-size:.85rem}.workflow-free-arrow-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin-top:.5rem}.workflow-free-arrow-row>*{min-width:120px;flex:1 1 120px}.workflow-free-arrow-index{font-size:.8rem;color:#334155;font-weight:700;min-width:auto;flex:0 0 auto}.workflow-free-arrow-row label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:#334155;font-weight:600}.workflow-free-arrow-row select,.workflow-free-arrow-row input{border:1px solid #cbd5e1;border-radius:8px;min-height:30px;padding:.25rem .45rem;font-size:.82rem;background:#fff}.workflow-free-arrow-label-input{min-width:220px;flex:2 1 220px}.workflow-free-arrow-row .workflow-node-remove{min-width:auto;flex:0 0 auto}.workflow-add-step:disabled{opacity:.6;cursor:not-allowed}.workflow-lane--restricted{opacity:.75}.workflow-lane--restricted input{color:#9ca3af;cursor:not-allowed}.workflow-lane--restricted .workflow-node,.workflow-lane--restricted .workflow-sub-node,.workflow-lane--restricted .workflow-arrow-line,.workflow-lane--restricted .workflow-arrow-head,.workflow-lane--restricted .workflow-vertical-line{border-color:#9ca3af;background:#ffffffb3}.workflow-lane--restricted .workflow-arrow-line{background:#9ca3af}.workflow-lane--restricted .workflow-arrow-head{border-left-color:#9ca3af}.workflow-lane-restriction{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:.7rem 1.25rem;background:#334155bf;color:#fff;font-weight:700;font-size:.95rem;text-align:center;border-radius:999px;pointer-events:none;box-shadow:0 6px 18px #0f172a40}.workflow-modal-footer{padding:1.25rem 2rem;border-top:1px solid rgba(15,23,42,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.workflow-reset{border:none;background:#e2e8f0;color:#0f172a;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;font-weight:600}.workflow-actions{display:flex;gap:.75rem}.workflow-cancel{border:1px solid #cbd5f5;background:#fff;color:#334155;padding:.6rem 1.4rem;border-radius:10px;cursor:pointer;font-weight:600}.workflow-save{border:none;background:linear-gradient(135deg,#00a3a1,#00b8d9);color:#fff;padding:.6rem 1.4rem;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 6px 16px #00a3a14d}@media(max-width:900px){.workflow-lane{flex-direction:column;align-items:flex-start}.workflow-lane-flow{grid-auto-flow:column;overflow-x:auto;padding-bottom:1rem}.workflow-free-arrow-row{grid-template-columns:1fr 1fr}}.use-case-import{max-width:1400px;margin:0 auto;padding:2rem}.import-header{text-align:center;margin-bottom:3rem}.import-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.import-description{font-size:1.1rem;color:#7f8c8d;max-width:800px;margin:0 auto;line-height:1.6}.import-container{display:flex;flex-direction:column;gap:2rem}.import-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;color:#2c3e50;margin:0}.character-count{font-size:.9rem;color:#95a5a6;font-weight:500}.character-count.size-ok{color:#27ae60;font-weight:600}.character-count.size-caution{color:#f39c12;font-weight:600}.character-count.size-warning{color:#e67e22;font-weight:700;animation:blink 2s ease-in-out infinite}.character-count.size-danger{color:#e74c3c;font-weight:700;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.context-textarea{width:100%;min-height:400px;padding:1.5rem;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;font-family:SF Mono,Monaco,Consolas,monospace;line-height:1.6;resize:vertical;transition:border-color .3s ease}.context-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.context-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.context-textarea::placeholder{color:#bdc3c7}.import-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-clear,.btn-import{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-clear{background-color:#ecf0f1;color:#7f8c8d}.btn-clear:hover:not(:disabled){background-color:#d5dbdb;transform:translateY(-2px)}.btn-import{background:linear-gradient(135deg,#00bcff,#7fd9ff);color:#fff;box-shadow:0 4px 12px #00bcff52}.btn-import:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00bcff66}.btn-clear:disabled,.btn-import:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-info{background:#e8f4f8;border:1px solid #3498db;border-radius:8px;padding:1.5rem;margin-top:1.5rem;text-align:center;animation:pulse 2s ease-in-out infinite}.processing-info p{margin:.5rem 0;color:#2c3e50}.processing-info p:first-child{font-size:1.1rem}@keyframes pulse{0%,to{background-color:#e8f4f8}50%{background-color:#d4ebf5}}.processing-info{margin-top:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#e8f7ff,#cfeeff);border:1px solid #00BCFF;border-radius:8px;color:#0f3554;text-align:center;animation:pulse 2s ease-in-out infinite}.processing-info p{margin:.5rem 0;font-size:1rem;color:#0f3554}.processing-info p:first-child{font-size:1.1rem;margin-bottom:.5rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.result-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.result-section.success{border-left:4px solid #27ae60}.result-section.error{border-left:4px solid #e74c3c}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.result-icon{font-size:2rem}.result-header h3{margin:0;font-size:1.5rem;color:#2c3e50}.result-content{padding-left:3rem}.result-content p{font-size:1.1rem;color:#7f8c8d;margin-bottom:1rem}.result-id{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin:1rem 0;font-family:SF Mono,Monaco,Consolas,monospace}.result-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.btn-view,.btn-new{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-view{background-color:#3498db;color:#fff}.btn-view:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-new{background-color:#27ae60;color:#fff}.btn-new:hover{background-color:#229954;transform:translateY(-2px)}.tips-section{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;padding:2rem;border:2px solid #667eea30}.tips-section h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.3rem}.tips-section ul{list-style:none;padding:0;margin:0}.tips-section li{padding:.75rem 0;color:#5a6c7d;line-height:1.6;display:flex;gap:1rem}.tips-section li:before{content:"→";color:#667eea;font-weight:700;flex-shrink:0}.tips-section strong{color:#667eea}.example-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.example-section h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.3rem}.example-content{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;border:2px dashed #d5dbdb}.example-content pre{margin:0;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.6;color:#5a6c7d;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.use-case-import{padding:1rem}.import-header h1{font-size:2rem}.import-section{padding:1.5rem}.context-textarea{min-height:300px}.import-actions{flex-direction:column}.btn-clear,.btn-import{width:100%;justify-content:center}.result-content{padding-left:0}}.collapsible-section{padding:0;overflow:hidden}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:1.5rem 2rem;font-size:1.25rem;font-weight:600;color:#2c3e50;transition:background-color .2s ease}.collapsible-header:hover{background-color:#f8f9fa}.collapsible-body{padding:0 2rem 2rem}.excel-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1.5rem;border:2px dashed #3498db;border-radius:10px;background-color:#f4f9fd;color:#2c3e50;font-weight:500;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.excel-upload-box:hover{background-color:#e8f2fb;border-color:#2980b9}.legacy-container{max-width:1400px;margin:0 auto}.legacy-title{color:#fff;text-align:center;margin-bottom:10px;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#00a3a1,#006fb9);padding:2rem;border-radius:15px}.legacy-subtitle{color:#ffffffe6;text-align:center;margin-bottom:2rem;font-size:1.1em;font-weight:400}.filter-section{background:#fff;border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 10px 30px #0003}.filter-title{font-size:1.3em;color:#00a3a1;margin-bottom:20px;font-weight:600}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:15px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:600;color:#555;margin-bottom:8px;font-size:.9em}.filter-group select{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;background:#fff;cursor:pointer;transition:all .3s ease}.filter-group select:hover{border-color:#00a3a1}.filter-group select:focus{outline:none;border-color:#00a3a1;box-shadow:0 0 0 3px #00a3a11a}.filter-actions{display:flex;gap:15px;margin-top:20px}.btn{padding:12px 30px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-primary{background:linear-gradient(135deg,#00a3a1,#006fb9);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.btn-secondary{background:#f0f0f0;color:#555}.btn-secondary:hover{background:#e0e0e0}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;padding:25px;text-align:center;box-shadow:0 10px 30px #0003;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.stat-number{font-size:3em;font-weight:700;background:linear-gradient(135deg,#00a3a1,#006fb9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#666;font-size:1em;margin-top:10px;font-weight:500}.use-cases-container{display:grid;gap:25px}.use-case-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0003;transition:all .3s ease;border-left:5px solid #00A3A1}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.use-case-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.use-case-title{font-size:1.4em;color:#333;font-weight:600;flex:1}.category-badge{padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.category-agentic{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.category-rpa{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.category-analytics{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.category-unclear{background:linear-gradient(135deg,#a8a8a8,#d3d3d3);color:#fff}.use-case-content{display:grid;gap:20px}.info-section{background:#f8f9fa;padding:15px;border-radius:10px}.info-label{font-weight:600;color:#00a3a1;margin-bottom:5px;font-size:.9em}.info-value{color:#555;line-height:1.6}.scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.score-item{background:linear-gradient(135deg,#00a3a1,#006fb9);color:#fff;padding:15px;border-radius:10px;text-align:center}.score-label{font-size:.85em;opacity:.9;margin-bottom:8px}.score-value{font-size:2em;font-weight:700}.justification{background:#fff3cd;border-left:4px solid #ffc107;padding:15px;border-radius:8px;margin-top:15px;color:#856404;font-style:italic}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.metadata-item{display:flex;align-items:center;gap:10px}.metadata-label{font-weight:600;color:#666;font-size:.9em}.metadata-value{color:#333;font-weight:500}.empty-state{background:#fff;border-radius:15px;padding:50px;text-align:center;box-shadow:0 10px 30px #0003}.empty-state h3{color:#00a3a1;font-size:1.5em;margin-bottom:15px}.empty-state p{color:#666;line-height:1.6}@media(max-width:768px){.legacy-title{font-size:1.8em}.filter-grid{grid-template-columns:1fr}.stats-section{grid-template-columns:repeat(2,1fr)}.use-case-header{flex-direction:column}}.status-flow-page{display:flex;flex-direction:column;gap:1.5rem}.status-flow-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.status-flow-title{font-size:1.75rem;font-weight:600;color:var(--gray-800)}.status-flow-subtitle{margin-top:.5rem;color:var(--gray-600);font-size:.98rem}.status-flow-header-right{display:flex;align-items:stretch;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.status-flow-danger-button{border:none;border-radius:12px;padding:.75rem 1rem;min-height:84px;background:linear-gradient(135deg,#dc2626,#b91c1c 60%,#7f1d1d);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #7f1d1d40;transition:transform .2s ease,box-shadow .2s ease}.status-flow-danger-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #7f1d1d4d}.status-flow-summary{background:var(--gray-100);border-radius:12px;padding:1rem 1.5rem;min-width:220px;text-align:right;border:1px solid var(--gray-200)}.summary-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-600)}.summary-value{font-size:1rem;font-weight:600;margin-top:.35rem}.summary-count{margin-top:.35rem;font-size:.9rem;color:var(--bayer-blue);font-weight:600}.status-flow-card{padding:2rem 1.5rem}.flow-scroll{overflow-x:auto}.flow-inner{display:flex;flex-direction:column;gap:1rem;width:max-content;padding-bottom:.5rem}.flow-grid{display:flex;flex-direction:column;gap:.75rem}.flow-row-connector{width:100%;height:92px;margin:-.2rem 0 -.1rem}.flow-row-connector-svg{width:100%;height:100%;display:block}.flow-row-connector-path{fill:none;stroke:#006fb9;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.flow-squads{display:flex;align-items:flex-start;gap:1.5rem}.flow-squad{position:relative;padding-top:.25rem}.flow-squad--left{flex:4.5}.flow-squad--right{flex:2.5}.flow-squad-label{font-size:.85rem;font-weight:600;color:var(--bayer-blue);margin-bottom:.35rem;text-align:center}.flow-squad-bracket{height:14px;border-top:2px solid var(--gray-300);border-left:2px solid var(--gray-300);border-right:2px solid var(--gray-300);border-radius:8px 8px 0 0}.flow-track{display:flex;align-items:stretch;gap:1rem;min-height:280px}.flow-step{display:flex;align-items:center;gap:.75rem}.flow-card{width:200px;min-width:200px;min-height:190px;height:190px;border:2px solid transparent;border-radius:16px;padding:1rem;background:var(--white);text-align:left;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 10px #00000014;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.flow-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f;border-color:var(--bayer-blue-light)}.flow-card.active{border-color:var(--bayer-blue);box-shadow:0 6px 18px #006fb940;background:linear-gradient(135deg,#00aeef1f,#00a3a11f)}.flow-step-label{font-size:.8rem;font-weight:600;color:var(--bayer-blue);text-transform:uppercase;letter-spacing:.04em}.flow-step-title{font-size:1rem;font-weight:600;margin-top:.4rem;color:var(--gray-800);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flow-step-count{margin-top:.35rem;font-size:.9rem;color:var(--gray-600);font-weight:500}.flow-step-subtext{margin-top:.5rem;font-size:.74rem;color:var(--gray-600);line-height:1.3;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flow-card--obsolete .flow-step-subtext{font-size:.7rem;line-clamp:4;-webkit-line-clamp:4}.flow-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--gray-100);color:var(--bayer-blue);font-size:1.25rem;flex-shrink:0;border:1px solid var(--gray-200)}.status-flow-list{padding-top:1rem}.status-flow-list-subtitle{margin-top:.35rem;color:var(--gray-600);font-size:.95rem}.status-flow-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.status-flow-filter{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.status-flow-filter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-600)}.status-flow-filter-select{width:100%;display:inline-flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-radius:10px;border:1px solid var(--gray-200);background:var(--white);font-size:.85rem;color:var(--gray-700);cursor:pointer}.status-flow-dropdown{position:relative}.status-flow-caret{margin-left:.5rem;font-size:.75rem;color:var(--gray-600)}.status-flow-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 12px 24px #0000001f;z-index:10;padding:.35rem;display:flex;flex-direction:column;gap:.25rem}.status-flow-dropdown-item{border:none;background:transparent;padding:.45rem .6rem;border-radius:10px;font-size:.85rem;color:var(--gray-700);display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.status-flow-dropdown-item:hover{background:var(--gray-100)}.status-flow-dropdown-item.has-results{background:#e6f7ed}.status-flow-dropdown-item.active{border:1px solid var(--bayer-blue)}.status-flow-dropdown-count{font-size:.75rem;font-weight:600;color:var(--bayer-blue)}.status-flow-sort{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700);padding:.4rem .8rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.status-flow-sort:hover{border-color:var(--bayer-blue);color:var(--bayer-blue)}.status-flow-badge{background:var(--bayer-gradient);color:var(--white);padding:.35rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600}.status-flow-items{display:flex;flex-direction:column;gap:1rem}.status-flow-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;background:var(--gray-100);border:1px solid var(--gray-200)}.status-flow-item--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.status-flow-item--clickable:hover{border-color:var(--bayer-blue-light);box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.status-flow-item-title{font-size:1rem;font-weight:600;color:var(--gray-800)}.status-flow-item-meta{margin-top:.35rem;font-size:.85rem;color:var(--gray-600);display:flex;flex-wrap:wrap;gap:.75rem}.status-flow-item-status{padding:.35rem .75rem;border-radius:999px;background:var(--white);border:1px solid var(--gray-200);font-size:.85rem;color:var(--gray-800);font-weight:600}.status-flow-item-prototype{padding:.3rem .75rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid transparent}.status-flow-item-prototype.is-ready{background:#10b9811f;color:#047857;border-color:#10b98159}.status-flow-item-prototype.is-not-ready{background:var(--white);color:var(--gray-600);border-color:#94a3b880}.status-flow-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:160px}.status-flow-item-date{font-size:.85rem;color:var(--gray-600)}.status-flow-empty{padding:2rem;text-align:center;color:var(--gray-600)}.status-flow-error{color:var(--error)}.status-flow-modal-overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.status-flow-modal{width:100%;max-width:560px;background:#fff;border-radius:14px;border:1px solid var(--gray-200);box-shadow:0 20px 40px #0f172a40}.status-flow-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;gap:1rem}.status-flow-modal-header h3{margin:0;font-size:1.05rem;color:var(--gray-800)}.status-flow-modal-close{border:none;background:transparent;color:var(--gray-600);font-size:1.4rem;cursor:pointer;line-height:1}.status-flow-modal-body{padding:1rem 1.25rem;color:var(--gray-700)}.status-flow-modal-body p{margin:0}.status-flow-progress-wrap{margin-bottom:.9rem;background:#f8fafc;border:1px solid var(--gray-200);border-radius:10px;padding:.65rem .75rem}.status-flow-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--gray-700);margin-bottom:.45rem}.status-flow-progress-track{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.status-flow-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ea580c);border-radius:999px;transition:width .3s ease}.status-flow-modal-stats{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.status-flow-modal-stat-card{border:1px solid var(--gray-200);border-radius:10px;padding:.75rem;background:var(--gray-100)}.status-flow-modal-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600)}.status-flow-modal-stat-value{margin-top:.35rem;font-size:1.35rem;font-weight:700;color:var(--gray-800)}.status-flow-modal-caption{margin-top:.9rem!important;font-size:.88rem;color:var(--gray-600)}.status-flow-modal-result{margin-top:.9rem;background:#e6f7ed;border:1px solid #bbf7d0;color:#166534;border-radius:10px;padding:.65rem .75rem;font-size:.9rem}.status-flow-modal-error{margin-top:.9rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:.65rem .75rem;font-size:.9rem}.status-flow-modal-actions{padding:0 1.25rem 1.15rem;display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.status-flow-modal-cancel,.status-flow-modal-test,.status-flow-modal-confirm{border:none;border-radius:10px;padding:.55rem .95rem;font-size:.88rem;font-weight:600;cursor:pointer}.status-flow-modal-cancel{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.status-flow-modal-confirm{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.status-flow-modal-test{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.status-flow-modal-cancel:disabled,.status-flow-modal-test:disabled,.status-flow-modal-confirm:disabled,.status-flow-modal-close:disabled{opacity:.65;cursor:not-allowed}@media(max-width:900px){.status-flow-header{flex-direction:column;align-items:flex-start}.status-flow-header-right{width:100%;justify-content:flex-start}.status-flow-danger-button{min-height:auto}.status-flow-summary{width:100%;text-align:left}.status-flow-item{flex-direction:column;align-items:flex-start}.status-flow-item-right{align-items:flex-start}.status-flow-modal-stats{grid-template-columns:1fr}.flow-row-connector{height:76px}}:root{--bayer-green: #10384F;--bayer-green-light: #00A3A1;--bayer-blue: #006FB9;--bayer-blue-light: #00AEEF;--bayer-gradient: linear-gradient(135deg, #00A3A1 0%, #006FB9 100%);--bayer-gradient-light: linear-gradient(135deg, #00AEEF 0%, #00A3A1 100%);--white: #FFFFFF;--gray-100: #F5F7FA;--gray-200: #E4E9F0;--gray-300: #CBD5E0;--gray-600: #4A5568;--gray-800: #1A202C;--primary: #00A3A1;--secondary: #006FB9;--success: #48BB78;--success-light: #E6F7ED;--warning: #F6AD55;--error: #F56565;--info: #4299E1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gray-100);color:var(--gray-800)}.app-container{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:1000;background:var(--bayer-gradient);color:var(--white);padding:1.5rem 2rem;box-shadow:0 4px 6px #0000001a}.header h1{font-size:1.75rem;font-weight:600;margin-bottom:.25rem}.header p{font-size:.95rem;opacity:.9}.nav{position:sticky;top:88px;z-index:999;background:var(--white);border-bottom:2px solid var(--gray-200);padding:0 2rem;display:flex;gap:.5rem;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.nav-item{padding:1rem 1.5rem;border:none;background:none;color:var(--gray-600);font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s;white-space:nowrap}.nav-item:hover{color:var(--bayer-blue);background:var(--gray-100)}.nav-item.active{color:var(--bayer-blue);border-bottom-color:var(--bayer-blue)}.catalog-toggle-hint{display:inline-flex;align-items:center;gap:.35rem;margin-left:.6rem;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;color:var(--gray-700);background:linear-gradient(135deg,#94a3b833,#e2e8f08c);border:1px solid rgba(148,163,184,.45);box-shadow:0 4px 10px #0f172a1f;transition:transform .2s ease,box-shadow .2s ease}.nav-item.active .catalog-toggle-hint{color:#fff;background:#64748bb3;border-color:#64748bd9}.catalog-toggle-icon{display:inline-flex;animation:catalogToggleSpin 2.2s linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.nav-item:hover .catalog-toggle-hint{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a2e}@keyframes catalogToggleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ucSimilarityLoading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.prioritization-with-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:1.5rem;align-items:start}.prioritization-flow{position:sticky;top:140px;align-self:start}@media(max-width:1200px){.prioritization-with-flow{grid-template-columns:1fr}.prioritization-flow{position:static}}.card{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.catalog-filters{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border-radius:12px;background:var(--gray-100);border:1px solid var(--gray-200)}.catalog-filter-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.catalog-filters .form-select,.catalog-filters input[type=text]{background:var(--white);border-radius:8px;border:1px solid var(--gray-300);box-shadow:inset 0 1px 2px #0000000a}.catalog-filters button{width:auto;align-self:flex-start}@media(max-width:900px){.catalog-filter-row{flex-direction:column;align-items:flex-start}.catalog-filters .form-select,.catalog-filters input[type=text]{width:100%;min-width:0}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-200)}.card-title{font-size:1.5rem;font-weight:600;color:var(--gray-800)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-800);font-size:.95rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:8px;font-size:.95rem;transition:all .3s;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--bayer-blue);box-shadow:0 0 0 3px #006fb91a}.form-textarea{min-height:100px;resize:vertical}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--bayer-gradient);color:var(--white);box-shadow:0 2px 4px #006fb94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #006fb966}.btn-secondary{background:var(--white);color:var(--bayer-blue);border:2px solid var(--bayer-blue)}.btn-secondary:hover{background:var(--bayer-blue);color:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;border-left:4px solid var(--bayer-blue)}.stat-card.gradient{background:var(--bayer-gradient);color:var(--white);border-left:none}.stat-card.gradient .stat-label{color:var(--white);opacity:1}.stat-label{font-size:.85rem;font-weight:500;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2.5rem;font-weight:700;margin:.5rem 0}.stat-subtitle{font-size:.9rem;opacity:.9}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table thead{background:var(--gray-100)}.table th{padding:1rem;text-align:left;font-weight:600;color:var(--gray-800);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table td{padding:1rem;border-bottom:1px solid var(--gray-200)}.table tbody tr:hover{background:var(--gray-100)}.table tbody tr.clickable-row:hover{background:var(--gray-200);transform:scale(1.005);transition:all .2s ease}.badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-high{background:#fee;color:#c53030}.badge-medium{background:#fefcbf;color:#975a16}.badge-low{background:#c6f6d5;color:#22543d}.badge-pending{background:var(--gray-200);color:var(--gray-600)}.loading{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;flex-direction:column;gap:1.5rem;min-height:300px}.spinner{position:relative;width:70px;height:70px;display:inline-block}.spinner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:0 4px 20px #00000026}.spinner:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:5px solid transparent;border-top-color:#00a3a1;border-right-color:#006fb9;border-bottom-color:#00aeef;border-radius:50%;animation:spin 1.2s linear infinite;will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.main-content,.header{padding:1rem}.header h1{font-size:1.5rem}.nav{padding:0 1rem}.stats-grid{grid-template-columns:1fr}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}