@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Toastify__toast-container{position:fixed!important;z-index:999999!important}.Toastify__close-button,.Toastify__progress-bar,.Toastify__toast,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right,.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right,.Toastify__toast-theme--light{z-index:999999!important}.language-selector{flex-direction:column;gap:8px;position:relative}.language-selector__label{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.language-selector__wrapper{position:relative}.language-selector__trigger{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.language-selector__trigger:hover{background:var(--background-hover);border-color:var(--primary-color)}.language-selector__trigger:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.language-selector--compact{position:relative}.language-selector--compact .language-selector__trigger{align-items:center;background:#fff;border:1px solid #0000;border-radius:6px;display:flex;font-size:13px;gap:4px;justify-content:center;min-width:45px;padding:8px 10px}.language-selector--compact .language-selector__trigger:hover{background:#03038f;border-color:var(--border-color);color:#fff}.language-selector__current{align-items:center;display:flex;gap:8px}.language-selector__flag{font-size:18px;line-height:1}.language-selector--compact .language-selector__flag{font-size:20px}.language-selector__text{font-weight:500}.language-selector__name{color:#000;font-weight:400}.language-selector__arrow{font-size:12px;opacity:.6;transition:transform .2s ease}.language-selector__trigger[aria-expanded=true] .language-selector__arrow{transform:rotate(180deg)}.language-selector__dropdown{animation:dropdown-appear .2s ease;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.language-selector__dropdown--full{min-width:200px}.language-selector--compact .language-selector__dropdown{min-width:150px;right:auto}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-selector__option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.language-selector__option:focus,.language-selector__option:hover{background:var(--background-hover)}.language-selector__option:focus{outline:none}.language-selector__option--active{color:var(--primary-color);font-weight:500}.language-selector__option--active,.language-selector__option--active:hover{background:var(--primary-color-alpha)}.language-selector__check{color:var(--primary-color);font-weight:600;margin-left:auto}.language-selector__help{color:var(--text-secondary);font-size:12px;margin-top:4px}[data-theme=dark] .language-selector__dropdown{border-color:var(--border-color-dark);box-shadow:0 4px 12px #0000004d}@media (max-width:768px){.language-selector__dropdown{left:auto;min-width:140px;right:0}.language-selector__option{font-size:13px;padding:10px 14px}.language-selector--compact .language-selector__trigger{min-width:50px;padding:4px 8px}}@media (prefers-contrast:high){.language-selector__trigger{border-width:2px}.language-selector__option--active{background:var(--primary-color);color:#fff}}@media (prefers-reduced-motion:reduce){.language-selector__arrow,.language-selector__option,.language-selector__trigger{transition:none}.language-selector__dropdown{animation:none}}body.auth-body{background-color:#f8f9fa!important;display:block!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;justify-content:normal!important;margin:0!important;overflow-x:hidden!important;padding:0!important}body.auth-body *{box-sizing:border-box}.auth-app-split{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0;width:100vw}.auth-left-panel{align-items:center;background:#fff;display:flex;flex:0 0 45%;justify-content:center;overflow-y:auto;padding:40px}.auth-right-panel{min-height:100vh}.auth-container{max-width:500px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-logo{border:3px solid #f8fafc;border-radius:50%;height:60px;margin-bottom:15px;width:60px}.auth-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.auth-header p{color:#6b7280;font-size:16px;margin:0}.auth-language-selector-top{left:20px;position:absolute;top:20px;z-index:1000}.auth-language-selector-top .language-selector{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:8px 12px;transition:all .2s ease}.auth-language-selector-top .language-selector:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #00000026}.auth-language-selector{display:flex;justify-content:center;margin:20px 0}.auth-language-selector .language-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;transition:all .2s ease}.auth-language-selector .language-selector:hover{background:#f1f5f9;border-color:#cbd5e1}.auth-switcher{background:#f3f4f6;border-radius:8px;display:flex;margin-bottom:30px;padding:4px}.auth-switcher button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:all .2s}.auth-switcher button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#1f2937}.auth-form{margin-bottom:30px}.form-row{grid-gap:15px;gap:15px}.form-group label{margin-bottom:6px}.form-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.radio-group{gap:20px}.radio-group label{gap:6px;margin-bottom:0}.error-message{border-radius:6px;font-size:14px}.auth-submit{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s;width:100%}.auth-submit:hover:not(:disabled){box-shadow:0 8px 25px #4f46e54d;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.demo-section h3{color:#6b7280;font-size:16px;margin-bottom:15px;text-align:center}.demo-accounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.demo-account{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px 8px;transition:all .2s}.demo-account:hover{background:#f3f4f6;transform:translateY(-2px)}.demo-icon{font-size:20px;margin-bottom:6px}.demo-label{color:#6b7280;font-size:11px;font-weight:500;text-align:center}.auth-right-panel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1;overflow-y:auto}.demo-content{display:flex;flex-direction:column;height:100%;padding:40px}.demo-showcase-header{margin-bottom:30px;text-align:center}.demo-showcase-header h2{font-size:32px;font-weight:700;margin:0 0 10px}.demo-showcase-header p{font-size:18px;margin:0;opacity:.9}.demo-video-placeholder{align-items:center;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;display:flex;height:200px;justify-content:center;position:relative;transition:all .3s ease}.demo-video-placeholder:hover{background:#ffffff26;transform:scale(1.02)}.play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:20px;height:60px;justify-content:center;width:60px}.video-overlay{bottom:15px;left:15px;text-align:left}.video-overlay h4{font-size:16px;font-weight:600;margin:0 0 4px}.video-overlay p{font-size:12px;margin:0;opacity:.8}.features-compact{margin-bottom:25px}.features-compact h3{font-size:20px;font-weight:600;margin:0 0 20px}.features-list{gap:15px}.feature-item-compact{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:12px;padding:15px}.feature-icon-small{flex-shrink:0;font-size:20px;margin-top:2px}.feature-text h4{font-size:14px;font-weight:600;margin:0 0 4px}.feature-text p{font-size:12px;line-height:1.4;margin:0;opacity:.8}.use-cases-compact{margin-bottom:25px}.use-cases-compact h3{font-size:18px;font-weight:600;margin:0 0 15px}.use-cases-list{display:flex;flex-direction:column;gap:10px}.use-case-compact{align-items:center;background:#ffffff14;border-radius:6px;display:flex;gap:10px;padding:12px}.use-case-icon{flex-shrink:0;font-size:18px}.use-case-compact h4{font-size:13px;font-weight:600;margin:0 0 2px}.use-case-compact p{font-size:11px;margin:0;opacity:.8}.testimonial-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:25px;padding:20px}.testimonial-content{font-size:14px;font-style:italic;line-height:1.5;margin-bottom:15px}.testimonial-author{align-items:center;display:flex;gap:10px}.testimonial-author img{border-radius:50%;height:40px;width:40px}.testimonial-author strong{display:block;font-size:13px;font-weight:600}.testimonial-author span{font-size:11px;opacity:.8}.demo-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;justify-content:space-around;margin-top:auto;padding:20px}.stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-number{font-size:20px}.stat-label{font-size:11px}@media (max-width:1024px){.auth-app-split{flex-direction:column}.auth-left-panel{flex:none;padding:30px 20px}.auth-container{margin-top:10%!important}.auth-right-panel{flex:none;min-height:60vh}.demo-content{padding:30px 20px}}@media (max-width:768px){.auth-left-panel{padding:20px}.auth-container{margin-top:10%!important}.form-row{gap:15px;grid-template-columns:1fr}.radio-group{flex-direction:column;gap:10px}.demo-accounts{gap:10px;grid-template-columns:1fr}.demo-video-placeholder{height:150px}.features-list{gap:10px}.feature-item-compact{padding:12px}}@media (max-width:480px){.auth-header h1{font-size:24px}.demo-showcase-header h2{font-size:26px}.demo-stats{flex-direction:column;gap:15px}}.demo-video-compact{align-items:center;display:flex;justify-content:center;margin:24px 0 0;width:100%}.demo-video-compact video,.demo-video-login{border-radius:16px;box-shadow:0 8px 32px #4c51ff1a;margin-bottom:12px;max-width:420px;width:100%}.nodemented-onboarding-overlay{align-items:center;animation:fadeIn .4s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e7eaeebf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.nodemented-onboarding-modal{align-items:center;animation:slideIn .5s cubic-bezier(.68,-.55,.27,1.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff4d 60%,#667eea2e);border:1.5px solid #ffffff40;border-radius:2rem;box-shadow:0 16px 48px #4c51ff1f;display:flex;flex-direction:column;max-width:620px;min-height:420px;padding:2.5rem 2rem 2rem;position:relative;width:95vw}.nodemented-onboarding-modal.animate-in{animation:slideInBounce .7s cubic-bezier(.68,-.55,.27,1.55)}@keyframes slideInBounce{0%{opacity:0;transform:translateY(80px) scale(.95)}60%{opacity:1;transform:translateY(-10px) scale(1.03)}80%{transform:translateY(4px) scale(.98)}to{transform:translateY(0) scale(1)}}.onboarding-close-btn{background:none;border:none;border-radius:35px;color:#2c3e50;cursor:pointer;font-size:1.5rem;opacity:.7;position:absolute;right:1.2rem;top:1.2rem;transition:color .2s,opacity .2s;z-index:10}.onboarding-close-btn:hover{color:#764ba2;opacity:1}.onboarding-content{margin-bottom:1.5rem;width:100%}.onboarding-icon{margin-bottom:1.2rem}.onboarding-title{color:#2c3e50;font-size:1.6rem;margin-bottom:.7rem}.onboarding-description{color:#374151;font-size:1.1rem;margin-bottom:.5rem}.onboarding-features-list{list-style:none;margin:.5rem 0 0;padding:0}.onboarding-features-list li{align-items:center;color:#2c3e50;display:flex;font-size:1.05rem;gap:.7rem;margin-bottom:.5rem}.onboarding-demo{align-items:center;display:flex;flex-direction:column;gap:.7rem}.onboarding-demo-img{border-radius:1rem;box-shadow:0 4px 24px #4c51ff14;width:180px}.onboarding-progress{margin-bottom:1.2rem}.progress-dot{background:#dbeafe;border:none;height:.85rem;outline:none;transition:background .2s,width .2s;width:.85rem}.progress-dot.active{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1rem;width:2.2rem}.onboarding-actions{align-items:center;margin-bottom:.5rem;width:100%}.onboarding-btn{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:.7rem;box-shadow:0 2px 8px #4c51ff14;color:#fff;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:background .2s,transform .2s}.onboarding-btn.prev{background:#f3f4f6;color:#2c3e50}.onboarding-btn.next:hover,.onboarding-btn.start:hover{background:linear-gradient(90deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.04)}.onboarding-btn.prev:hover{background:#e0e7ff;color:#764ba2}.onboarding-btn.start.pulse{animation:pulseGlow 1.2s infinite;box-shadow:0 0 0 0 #764ba266}.onboarding-skip-btn{background:none;border:none;border-radius:35px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:1rem;opacity:.8;text-decoration:underline;transition:color .2s,opacity .2s}.onboarding-skip-btn:hover{color:#764ba2;opacity:1}.onboarding-icon-primary{color:#667eea}.onboarding-icon-accent{color:#764ba2}.onboarding-icon-success{color:#10b981}@media (max-width:600px){.nodemented-onboarding-modal{max-width:98vw;min-height:340px;padding:1.2rem .5rem}.onboarding-demo-img{max-width:220px;width:98vw}}.confidence-indicator{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:8px;gap:10px;margin-bottom:20px;padding:15px}.confidence-label{color:#495057;font-weight:600}.confidence-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.confidence-fill{height:100%;transition:width .3s ease}.confidence-fill.high{background:linear-gradient(90deg,#28a745,#20c997)}.confidence-fill.medium{background:linear-gradient(90deg,#ffc107,#fd7e14)}.confidence-fill.low{background:linear-gradient(90deg,#dc3545,#e83e8c)}.confidence-value{color:#495057}.contextual-actions{margin:20px 0}.action-card{border-left:4px solid;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:15px 0;padding:15px}.action-card.critical{background:#fff5f5;border-left-color:#dc3545}.action-card.high{background:#fff8f1;border-left-color:#fd7e14}.action-card.medium{background:#fffbf1;border-left-color:#ffc107}.action-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.action-title,.action-urgency{color:#495057;font-weight:600}.action-urgency{background:#e9ecef;border-radius:4px;font-size:.8em;padding:4px 8px}.action-description{color:#6c757d;margin:8px 0}.action-details{display:flex;font-size:.9em;gap:15px;margin:10px 0}.action-effort,.action-team{color:#6c757d}.action-criteria{background:#007bff1a;border-radius:4px;font-size:.9em;margin-top:10px;padding:8px}.graph-metrics{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px}.metrics-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.metric{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:8px 12px}.metric-label{color:#6c757d;font-size:.9em}.metric-value{color:#495057}.smart-tips{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #2196f3;border-radius:8px;margin:20px 0;padding:15px}.smart-tips h3{align-items:center;color:#1976d2;display:flex;gap:8px;margin-bottom:15px}.tip-item{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;font-size:.95em;line-height:1.4;margin:10px 0;padding:8px 12px}.risk-explanation{background:#dc35451a;border-radius:4px;font-size:.9em;margin:8px 0;padding:8px}.test-item{background:#f8f9fa;border-left:3px solid #6c757d;border-radius:6px;margin:10px 0;padding:12px}.test-description{color:#6c757d;font-size:.9em;margin:5px 0}.test-priority{border-radius:4px;display:inline-block;font-size:.8em;font-weight:600;margin-top:5px;padding:2px 6px}.test-priority.high{background:#dc3545;color:#fff}.test-priority.medium{background:#ffc107;color:#212529}.test-priority.low{background:#28a745;color:#fff}.impact-analytics{background:#f8f9fa;border-radius:8px;border-top:3px solid #6f42c1;margin-top:20px;padding:15px}.analytics-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:10px}.analytic-item{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:8px 12px}.analytic-item span{color:#6c757d;font-size:.9em}.analytic-item strong{color:#495057;font-weight:600}.action-card,.test-item,.tip-item{animation:slideIn .3s ease-out}@media (max-width:768px){.confidence-indicator{align-items:flex-start;flex-direction:column;gap:8px}.confidence-bar{width:100%}.action-header{align-items:flex-start}.action-details,.action-header{flex-direction:column;gap:5px}.analytics-grid,.metrics-grid{grid-template-columns:1fr}}.scenario-mini-card{background:#f8fafc;border:1px solid #e0e7ef;border-radius:10px;box-shadow:0 2px 8px #6366f10a;margin-bottom:.5rem;padding:.75rem 1rem}.scenario-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.scenario-title{font-size:1rem;font-weight:600}.scenario-type-badge{border-radius:8px;font-size:.8rem;font-weight:500;padding:.1rem .5rem}.scenario-type-badge,.type-fonctionnel{background:#dbeafe;color:#2563eb}.type-sécurité{background:#fee2e2;color:#b91c1c}.type-intégration{background:#fce7f3;color:#be185d}.scenario-pos-badge{border-radius:8px;font-size:.8rem;font-weight:500;margin-left:.5rem;padding:.1rem .5rem}.scenario-pos-badge.positive{background:#dcfce7;color:#166534}.scenario-pos-badge.negative{background:#fee2e2;color:#991b1b}.scenario-steps{list-style:none;margin:0;padding:0}.gherkin-text{color:#334155}.pending-scenarios-list{max-height:400px;overflow-y:auto}.raw-description{max-width:100%}.description-text{word-wrap:break-word;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;margin:0;padding:.5rem;white-space:pre-wrap}.scenario-mini-card{margin-bottom:.75rem}.scenario-mini-card:last-child{margin-bottom:0}.scenario-steps li{margin-bottom:.25rem;padding:.25rem 0}.gherkin-keyword{color:#6366f1}.gherkin-text{margin-left:.5rem}.pending-panel-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 24px #00000014;margin:1rem 0;padding:1.5rem}.pending-header-modern{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-left{display:flex;flex-direction:column;gap:1rem}.panel-title{color:#1e293b;font-size:1.5rem;font-weight:700;gap:.5rem}.title-icon{font-size:1.25rem}.quick-stats{gap:.75rem}.stats-badge{align-items:center;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;min-width:60px;padding:.5rem 1rem}.stats-badge-urgent{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.stats-badge-tests{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#1e40af}.stats-badge-nodes{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399;color:#065f46}.stats-badge-default{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.stats-count{font-size:1.25rem;font-weight:800;line-height:1}.stats-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.header-controls{gap:1rem}.header-controls,.search-box{align-items:center;display:flex}.search-box{background:#fff;border:2px solid #e2e8f0;border-radius:12px;min-width:250px;padding:.5rem 1rem;transition:all .2s ease}.search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-icon{color:#9ca3af;margin-right:.5rem}.search-input{border:none;color:#374151;font-size:.9rem;outline:none}.search-input::placeholder{color:#9ca3af}.view-selector{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden}.view-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1.1rem;padding:.75rem 1rem;transition:all .2s ease}.view-btn:hover{background:#f8fafc;color:#374151}.view-btn.active{background:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.quick-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-btn{align-items:center;border:2px solid #e2e8f0;border-radius:12px;color:#6b7280;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.filter-btn:hover{border-color:#cbd5e1;transform:translateY(-1px)}.filter-btn.active{background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f14d}.filter-urgent.active{background:#ef4444;border-color:#ef4444}.filter-tests.active{background:#3b82f6;border-color:#3b82f6}.filter-nodes.active{background:#10b981;border-color:#10b981}.filter-count{font-size:.8rem;opacity:.8}.pending-content{margin-bottom:1.5rem}.kanban-board{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1rem}.kanban-column{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 12px #0000000d;overflow:hidden}.kanban-column.urgent{border-color:#fecaca}.kanban-column.tests{border-color:#bfdbfe}.kanban-column.nodes{border-color:#a7f3d0}.column-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.column-header h4{color:#374151;font-size:1.1rem;font-weight:700;margin:0}.column-count{background:#6366f1;border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .75rem}.column-content{min-height:200px;overflow-y:auto;padding:1rem}.kanban-card{background:#fff;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.kanban-card:hover{border-color:#e2e8f0;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.card-header{margin-bottom:.75rem}.card-title{align-items:center;display:flex;flex:1 1;gap:.5rem}.card-icon{font-size:1.1rem}.card-name{color:#374151;font-size:.95rem;font-weight:600;line-height:1.3}.card-actions{display:flex;gap:.25rem}.action-btn{background:#fff;border:1px solid #e2e8f0;padding:.25rem .5rem}.action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.action-btn.preview{border-color:#d1d5db}.card-meta{align-items:center;color:#6b7280;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.75rem}.card-author{font-weight:600}.card-date{opacity:.8}.card-urgency{margin-top:.5rem}.urgency-badge{border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.card-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.75rem;padding:.75rem}.card-footer{margin-top:1rem}.card-actions-main{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn.validate{border-radius:8px;flex:1 1;font-weight:600;min-width:0;padding:.5rem .75rem}.action-btn.validate.test{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.action-btn.validate.node{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.action-btn.edit{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-color:#f59e0b;color:#92400e}.action-btn.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b}.scenarios-header{border-bottom:2px solid #e2e8f0;margin-bottom:.75rem;padding-bottom:.5rem}.scenarios-count{color:#6366f1;font-size:.9rem;font-weight:700}.scenarios-toggle-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:600;padding:.25rem .75rem;transition:all .2s ease}.scenarios-toggle-btn:hover{background:#e2e8f0;border-color:#94a3b8}.scenarios-container{transition:all .3s ease}.scenarios-container.collapsed{max-height:400px;overflow:hidden}.scenarios-container.expanded{max-height:80vh;overflow-y:auto;padding-right:.5rem}.scenarios-container.expanded::-webkit-scrollbar{width:6px}.scenarios-container.expanded::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.scenarios-container.expanded::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scenarios-container.expanded::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scenarios-more{margin-top:.75rem;text-align:center}.show-more-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #cbd5e1;border-radius:12px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.show-more-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.scenarios-container.expanded .scenario-mini-card{animation:fadeInUp .3s ease forwards}.scenarios-container.expanded .scenario-mini-card:nth-child(n+4){animation-delay:.1s}.scenarios-container .scenario-mini-card{border-left:3px solid #6366f1;margin-bottom:1rem;transition:all .2s ease}.scenarios-container .scenario-mini-card:hover{border-left-color:#4f46e5;box-shadow:0 4px 16px #6366f126;transform:translateX(2px)}.scenarios-container.collapsed:after{background:linear-gradient(#0000,#f8fafce6);bottom:0;content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0}.description-preview{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:6px;color:#6b7280;font-size:.85rem;line-height:1.4;padding:.5rem}.kanban-filtered-view{max-width:100%}.detailed-single-column{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden}.detailed-single-column.urgent{border-left:4px solid #ef4444}.detailed-single-column.tests{border-left:4px solid #3b82f6}.detailed-single-column.nodes{border-left:4px solid #10b981}.detailed-column-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.detailed-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.detailed-stats{align-items:center;display:flex;flex-direction:column;gap:.25rem}.detailed-count{color:#6366f1;font-size:2rem;font-weight:800;line-height:1}.detailed-label{color:#6b7280;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.detailed-empty-state{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-state-icon{margin-bottom:1rem;opacity:.5}.detailed-empty-state h4{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.detailed-empty-state p{font-size:1rem;margin:0}.detailed-items-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.detailed-kanban-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 12px #0000000d;padding:1.5rem;transition:all .3s ease}.detailed-kanban-card:hover{border-color:#e2e8f0;box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.detailed-kanban-card.urgent{border-left:4px solid #ef4444}.detailed-kanban-card.tests{border-left:4px solid #3b82f6}.detailed-kanban-card.nodes{border-left:4px solid #10b981}.detailed-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.detailed-card-actions{border-top:2px solid #f1f5f9;display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem}.detailed-actions-primary{flex:2 1}.detailed-actions-secondary{display:flex;flex:1 1;gap:.5rem}.detailed-action-btn{align-items:center;background:#fff;border:2px solid;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.detailed-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.detailed-action-btn:hover:before{left:100%}.detailed-action-btn.validate.test{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af;flex:1 1}.detailed-action-btn.validate.test:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 8px 25px #3b82f666;color:#fff;transform:translateY(-3px)}.detailed-action-btn.validate.test:active{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.detailed-action-btn.validate.node{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46;flex:1 1}.detailed-action-btn.validate.node:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 8px 25px #10b98166;color:#fff;transform:translateY(-3px)}.detailed-action-btn.validate.node:active{box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.detailed-action-btn.edit{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-color:#f59e0b;color:#92400e;flex:1 1}.detailed-action-btn.edit:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;box-shadow:0 8px 25px #f59e0b66;color:#fff;transform:translateY(-3px)}.detailed-action-btn.edit:active{box-shadow:0 4px 15px #f59e0b4d;transform:translateY(-1px)}.detailed-action-btn.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#991b1b;flex:1 1;position:relative}.detailed-action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 8px 25px #ef444466;color:#fff;transform:translateY(-3px)}.detailed-action-btn.delete:active{box-shadow:0 4px 15px #ef44444d;transform:translateY(-1px)}.detailed-action-btn.delete:hover:after{background:#1f2937;border-radius:4px;bottom:-35px;color:#fff;content:"Êtes-vous sûr ?";font-size:.75rem;left:50%;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.action-icon{font-size:1.2rem;height:24px;width:24px}.action-text{font-weight:600;letter-spacing:.025em}.detailed-action-btn.loading{pointer-events:none;position:relative}.detailed-action-btn.loading .action-icon{animation:spin 1s linear infinite}@media (max-width:1024px){.detailed-card-actions{flex-direction:column;gap:.75rem}.detailed-actions-primary,.detailed-actions-secondary{flex:1 1}.detailed-actions-secondary{flex-direction:row;justify-content:stretch}.detailed-action-btn{font-size:.9rem;padding:.875rem 1.25rem}}@media (max-width:768px){.detailed-card-actions{gap:.5rem}.detailed-actions-secondary{flex-direction:column}.detailed-action-btn{font-size:.85rem;padding:.75rem 1rem}.action-text{display:none}.action-icon{font-size:1.5rem}}.detailed-action-btn.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff;pointer-events:none}.detailed-action-btn.success .action-icon:before{content:"✅";position:absolute}.action-group{display:flex;flex-direction:column;gap:.5rem}.action-group-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.detailed-action-btn[title]{position:relative}.detailed-action-btn[title]:hover:before{background:#1f2937;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0003;color:#fff;content:attr(title);font-size:.8rem;left:50%;margin-bottom:.5rem;padding:.5rem .75rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.detailed-action-btn .notification-badge{background:#ef4444;border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;padding:.25rem .5rem;position:absolute;right:-8px;text-align:center;top:-8px}.urgency-legend{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:1.5rem}.urgency-legend h5{color:#374151;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.legend-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.legend-item{background:#fff;box-shadow:0 2px 4px #0000000d;gap:1rem;padding:.75rem}.legend-badge{border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase;white-space:nowrap}.legend-item span{color:#4b5563;font-size:.9rem}.legend-calculation{margin-top:1rem}.legend-calculation details{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1rem}.legend-calculation summary{color:#374151;cursor:pointer;font-weight:600;padding:.25rem 0}.legend-calculation summary:hover{color:#6366f1}.calculation-details{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.calculation-details p{color:#374151;margin-bottom:.5rem}.calculation-details ul{list-style:none;padding:0}.calculation-details li{color:#6b7280;font-size:.9rem;padding:.25rem 0}.calculation-details strong{color:#374151}.bulk-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;gap:1rem;margin-top:1.5rem;padding:1.5rem}.bulk-btn{align-items:center;background:#fff;border:2px solid;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.bulk-btn.validate-all{border-color:#10b981;color:#065f46}.bulk-btn.validate-all:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px #10b9814d;color:#fff;transform:translateY(-2px)}.bulk-btn.archive-all{border-color:#6b7280;color:#374151}.bulk-btn.archive-all:hover{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 6px 20px #6b72804d;color:#fff;transform:translateY(-2px)}.empty-column-message{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:.75rem;padding:2rem 1rem;text-align:center}.empty-icon{font-size:2.5rem;opacity:.6}.empty-column-message span:last-child{font-size:.9rem;font-weight:500}.pending-panel-modern.with-edit-panel{height:100vh;overflow:hidden}.main-content-container{display:flex;gap:1rem;height:calc(100vh - 200px);overflow:hidden}.content-column{flex:1 1;overflow-y:auto;padding-right:1rem;transition:all .3s ease}.pending-panel-modern.with-edit-panel .content-column{flex:0 0 55%}.edit-side-panel{animation:slideInFromRight .3s ease;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;flex:0 5 45%;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:70vh;min-width:400px;overflow:hidden}.edit-panel-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.edit-panel-title{align-items:flex-start;display:flex;gap:1rem}.panel-icon{font-size:1.5rem;margin-top:.25rem}.title-section h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.node-id{color:#6b7280;font-size:.8rem;font-weight:500}.panel-actions{align-items:center;gap:1rem}.unsaved-indicator{align-items:center;color:#f59e0b;display:flex;font-size:.8rem;font-weight:600;gap:.5rem}.unsaved-dot{animation:pulse 2s infinite;background:#f59e0b;border-radius:50%;height:6px;width:6px}.close-panel-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-panel-btn:hover{background:#e2e8f0;color:#374151;transform:scale(1.1)}.edit-panel-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex}.panel-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.panel-tab:hover{background:#f1f5f9;color:#374151}.panel-tab.active{background:#fff;border-bottom-color:#6366f1;color:#6366f1}.edit-panel-content{flex:1 1;max-height:calc(90vh - 160px);min-height:0;overflow-y:auto;padding:1.5rem}.tab-content{height:100%}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;display:block;font-size:.9rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{color:#374151;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-height:120px}.form-help{font-style:italic}.error-message{color:#ef4444;display:block;font-size:.8rem;margin-top:.5rem}.tags-input-container{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.5rem;transition:border-color .2s ease}.tags-input-container:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tags-list{gap:.5rem;margin-bottom:.5rem}.tag{background:linear-gradient(135deg,#6366f1,#4f46e5);font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .5rem}.tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:14px;justify-content:center;padding:0;transition:background-color .2s ease;width:14px}.tag-remove:hover{background:#fff3}.tag-input{border:none;flex:1 1;font-size:.85rem;min-width:120px;outline:none;padding:.5rem}.scenarios-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1rem}.scenarios-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.scenarios-header h4{color:#374151;font-size:1rem;font-weight:700;margin:0}.refresh-scenarios-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem .75rem;transition:all .2s ease}.refresh-scenarios-btn:hover{background:#4f46e5;transform:translateY(-1px)}.no-scenarios{color:#6b7280;padding:2rem 1rem;text-align:center}.no-scenarios-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.scenarios-list{display:flex;flex-direction:column;gap:.75rem}.scenario-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.scenario-item .scenario-mini-card{flex:1 1;margin:0}.remove-scenario-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#991b1b;cursor:pointer;flex-shrink:0;font-size:.8rem;padding:.25rem;transition:all .2s ease}.remove-scenario-btn:hover{background:#fecaca;transform:scale(1.05)}.metadata-summary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;padding:1rem}.metadata-summary h4{color:#374151;font-size:1rem;font-weight:700;margin:0 0 .75rem}.summary-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem}.summary-label{color:#6b7280;font-size:.85rem;font-weight:500}.summary-value{color:#374151;font-size:.9rem}.edit-panel-footer{align-items:center;background:#f8fafc;border-top:2px solid #f1f5f9;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;min-height:80px;padding:1rem 1.5rem}.btn-primary,.btn-secondary{align-items:center;border:2px solid;display:flex;gap:.5rem;padding:.75rem 1.25rem}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#4f46e5;flex:1 1}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f166}.btn-secondary{border-color:#e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.kanban-card.editing{animation:pulseEdit 2s infinite;border:3px solid #6366f1!important;box-shadow:0 0 0 3px #6366f133!important}@keyframes pulseEdit{0%,to{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}50%{border-color:#4f46e5;box-shadow:0 0 0 3px #6366f166}}.test-summary-section{background:#f0f9ff;border:2px solid #bae6fd;border-radius:12px;margin:1rem 0;padding:1.5rem}.test-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.test-summary-header h4{color:#0c4a6e;font-size:1.1rem;margin:0}.scenarios-count-badge{background:#0ea5e9;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.scenarios-preview{background:#fff;border:1px solid #bae6fd;border-radius:8px;margin-top:1rem;padding:1rem}.scenarios-titles-list{list-style:none;margin:.5rem 0 0;padding:0}.scenario-title-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.5rem;padding:.5rem 0}.scenario-title-item:last-child{border-bottom:none}.scenario-icon{font-size:.9rem}.scenario-name{color:#374151;flex:1 1;font-weight:500}.scenario-steps-count{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:.8rem;padding:.2rem .5rem}.more-scenarios{color:#6b7280;font-style:italic;padding:.5rem 0;text-align:center}.scenarios-actions{align-items:center;display:flex;gap:.5rem}.add-scenario-btn,.refresh-scenarios-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem .75rem;transition:all .2s ease}.add-scenario-btn:hover,.refresh-scenarios-btn:hover{background:#4f46e5;transform:translateY(-1px)}.add-scenario-btn{background:#10b981}.add-scenario-btn:hover{background:#059669}.scenarios-list-editable{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.editable-scenario-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;transition:all .3s ease}.editable-scenario-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a}.scenario-card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.scenario-info{flex:1 1;gap:1rem}.scenario-number{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;font-size:.9rem;min-width:40px;padding:.5rem .75rem}.scenario-title{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.scenario-title-input{border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;flex:1 1;font-size:1.1rem;font-weight:600;padding:.75rem}.scenario-title-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.scenario-actions{display:flex;gap:.5rem}.cancel-btn,.delete-btn,.edit-btn,.save-btn{align-items:center;background:none;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.save-btn{border-color:#10b981;color:#10b981}.save-btn:hover{background:#10b981;color:#fff;transform:scale(1.1)}.cancel-btn{border-color:#ef4444;color:#ef4444}.cancel-btn:hover{background:#ef4444;transform:scale(1.1)}.edit-btn{border-color:#6366f1;color:#6366f1}.edit-btn:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.delete-btn{border-color:#ef4444;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.scenario-steps-editor{margin-bottom:1.5rem}.scenario-steps-editor h5{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.steps-edit-mode{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem}.step-editor-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #00000005;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.step-type-selector{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;min-width:80px;padding:.5rem .75rem;width:10%}.step-text-input{border:2px solid #e2e8f0;color:#374151;font-size:.9rem;padding:.5rem .75rem}.step-text-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.step-actions{gap:.25rem}.move-step-btn,.remove-step-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;padding:.25rem;transition:all .2s ease;width:28px}.seeNode{height:28px!important;min-width:0!important;width:28px!important}.move-step-btn:hover{background:#e2e8f0;transform:scale(1.1)}.move-step-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.remove-step-btn:hover{background:#fee2e2;border-color:#fecaca;transform:scale(1.1)}.add-step-btn{background:#dbeafe;border:2px dashed #93c5fd;border-radius:8px;color:#2563eb;font-weight:600;padding:.75rem;width:100%}.add-step-btn:hover{background:#bfdbfe;border-color:#60a5fa;transform:translateY(-1px)}.steps-view-mode{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.gherkin-step-display{background:#fff;border-left:4px solid #0000;border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;transition:all .2s ease}.gherkin-step-display:hover{border-left-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.gherkin-keyword{font-size:.85rem;letter-spacing:.5px;margin-right:.75rem;text-transform:uppercase}.gherkin-keyword.given{color:#059669}.gherkin-keyword.when{color:#d97706}.gherkin-keyword.then{color:#dc2626}.gherkin-keyword.and{color:#6366f1}.gherkin-keyword.but{color:#7c2d12}.gherkin-text{font-size:.9rem;line-height:1.4}.scenario-metadata-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.scenario-metadata-editor h5{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.metadata-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.metadata-field{display:flex;flex-direction:column;gap:.25rem}.metadata-field label{color:#6b7280;font-size:.8rem;font-weight:600}.metadata-field select{border:2px solid #e2e8f0;border-radius:6px;color:#374151;font-size:.85rem;padding:.5rem}.metadata-field select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}@media (max-width:768px){.scenario-card-header{gap:1rem}.scenario-card-header,.scenario-info{align-items:stretch;flex-direction:column}.scenario-info{gap:.5rem}.step-editor-row{flex-direction:column;gap:.5rem}.step-actions{justify-content:center}.metadata-row{grid-template-columns:1fr}}.target-node-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.target-node-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.target-node-select:hover{border-color:#cbd5e1}.target-node-info{margin-top:.5rem;padding:.5rem 0}.target-node-badge{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:8px;color:#1e40af;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.target-node-badge strong{color:#1d4ed8;font-weight:600}.target-node-info{animation:fadeInUp .3s ease-out}.target-node-display{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.target-node-display .target-node-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;color:#0c4a6e}.target-node-display .target-node-badge strong{color:#075985}.detailed-action-btn.edit-manual{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.detailed-action-btn.edit-manual:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.detailed-action-btn.edit-manual .action-text{font-size:.85rem}.grid-item-actions button[title*="créateur de tests"],.list-item-actions button[title*="créateur de tests"]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.grid-item-actions button[title*="créateur de tests"]:hover,.list-item-actions button[title*="créateur de tests"]:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 8px #8b5cf64d;transform:translateY(-1px)}.node-details-grid{grid-gap:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:1rem;grid-template-columns:1fr;padding:1rem}.node-detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#64748b;font-size:.875rem}.detail-value{color:#1e293b;font-size:1rem;line-height:1.5}.detail-badge{align-items:center;background:#e2e8f0;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.status-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.form-row{grid-gap:1rem;gap:1rem;margin-bottom:1rem}@media (max-width:768px){.form-row,.node-details-grid{grid-template-columns:1fr}}.node-form-input,.node-form-select,.node-form-textarea{background:#fff!important;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b!important;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.node-form-input:focus,.node-form-select:focus,.node-form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;color:#1e293b!important;outline:none}.node-form-input.error,.node-form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;color:#1e293b!important}.node-form-input::placeholder,.node-form-textarea::placeholder{color:#9ca3af!important;opacity:1}.edit-panel-content .node-form-input,.edit-panel-content .node-form-select,.edit-panel-content .node-form-textarea{background:#fff!important;color:#1e293b!important}.form-label.required:after{color:#dc2626;content:" *";font-weight:700;margin-left:.25rem}.char-counter-container{border-top:1px solid #f3f4f6;justify-content:space-between;margin-top:.5rem;padding:.5rem 0}.char-count-info,.char-counter-container{align-items:center;display:flex;gap:.5rem}.char-count,.char-counter-edit{color:#6b7280;font-size:.8rem;font-weight:500}.char-counter-edit{transition:color .2s ease}.char-counter-edit.warning{color:#d97706;font-weight:600}.char-counter-edit.critical{color:#dc2626;font-weight:700}.char-count-bar{background-color:#e5e7eb;border-radius:2px;flex:0.5 1;height:4px;min-width:80px;overflow:hidden;transition:all .2s ease}.char-count-bar-fill{background-color:#10b981;border-radius:2px;height:100%;transition:background-color .2s,width .2s}.char-count-bar-fill.warning{background-color:#f59e0b}.char-count-bar-fill.critical{background-color:#ef4444}.form-help{background-color:#f9fafb;border-left:2px solid #60a5fa;border-radius:.25rem;font-size:.8rem;margin-top:.5rem;padding:.5rem}.qa-panel-isolated{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:900px;width:100%}.qa-header-isolated{margin-bottom:1.5rem}.qa-title-isolated{align-items:center;color:#0f172a;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1rem}.qa-icon-isolated{font-size:2.5rem}.qa-modes-isolated{background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;padding:.5rem}.qa-mode-btn-isolated,.qa-modes-isolated{display:flex;gap:.5rem;justify-content:center}.qa-mode-btn-isolated{align-items:center;background:#fff;border:2px solid #0000;border-radius:.75rem;color:#64748b;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.qa-mode-btn-isolated:hover:not(:disabled){background:#f1f5f9;color:#334155;transform:translateY(-2px)}.qa-mode-btn-isolated.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;box-shadow:0 4px 12px #3b82f64d;color:#fff}.qa-mode-btn-isolated:disabled{cursor:not-allowed;opacity:.5}.qa-mode-btn-isolated span:first-child{font-size:1.25rem}.qa-search-form-isolated{margin-bottom:2rem}.qa-input-group-isolated{align-items:stretch;display:flex;gap:.75rem}.qa-input-isolated{border:2px solid #e2e8f0;border-radius:.875rem;flex:1 1;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .2s}.qa-input-isolated:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.qa-input-isolated:disabled{background:#f1f5f9;cursor:not-allowed}.qa-search-btn-isolated{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.875rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 1.75rem;transition:all .2s;white-space:nowrap}.qa-search-btn-isolated:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.qa-search-btn-isolated:disabled{cursor:not-allowed;opacity:.6;transform:none}.qa-empty-state-isolated{color:#64748b;padding:3rem 1rem;text-align:center}.qa-empty-icon-isolated{animation:qa-float-isolated 3s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:1rem}@keyframes qa-float-isolated{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.qa-examples-isolated{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:500px;text-align:left}.qa-examples-title-isolated{color:#475569;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.qa-examples-isolated ul{list-style:none;margin:0;padding:0}.qa-examples-isolated li{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#334155;cursor:pointer;font-size:.9rem;margin-bottom:.5rem;padding:.875rem 1.25rem;transition:all .2s}.qa-examples-isolated li:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d;transform:translateX(6px)}.qa-results-isolated{display:flex;flex-direction:column;gap:1.5rem}.qa-results-header-isolated{display:flex;justify-content:flex-end;margin-bottom:.5rem}.qa-refresh-btn-isolated{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.625rem;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.qa-refresh-btn-isolated:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.qa-refresh-btn-isolated:disabled{cursor:not-allowed;opacity:.6;transform:none}.qa-refresh-icon-isolated{display:inline-block;font-size:1rem;transition:transform .3s}.qa-refresh-btn-isolated:hover:not(:disabled) .qa-refresh-icon-isolated{transform:rotate(180deg)}.qa-confidence-isolated{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:.875rem;display:flex;gap:.75rem;padding:1rem 1.25rem}.qa-confidence-badge-isolated{font-size:1.5rem}.qa-confidence-badge-isolated.high{filter:drop-shadow(0 0 8px rgba(34,197,94,.5))}.qa-confidence-badge-isolated.medium{filter:drop-shadow(0 0 8px rgba(234,179,8,.5))}.qa-confidence-badge-isolated.low{filter:drop-shadow(0 0 8px rgba(239,68,68,.5))}.qa-confidence-text-isolated{color:#0c4a6e;font-size:1rem;font-weight:700}.qa-confidence-explanation-isolated{color:#075985;font-size:.875rem;margin-left:auto}.qa-answer-isolated{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.qa-answer-title-isolated{align-items:center;color:#0f172a;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.qa-answer-content-isolated{color:#475569;font-size:1rem;line-height:1.7}.qa-title-icon-isolated{font-size:1.25rem}.qa-formatted-h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.125rem;font-weight:700;margin:1.25rem 0 .75rem;padding-bottom:.5rem}.qa-formatted-h5{color:#334155;font-size:1rem;font-weight:600;margin:1rem 0 .5rem}.qa-formatted-p{color:#475569;line-height:1.7;margin:.5rem 0}.qa-formatted-p strong{color:#1e293b;font-weight:700}.qa-formatted-li{color:#475569;line-height:1.6;list-style-type:disc;margin:.375rem 0 .375rem 1.5rem}.qa-formatted-numbered{color:#475569;font-weight:500;line-height:1.6;margin:.5rem 0}.qa-formatted-spacer{height:.75rem}.qa-quality-score-isolated{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;padding:1.5rem}.qa-quality-score-isolated h4{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.qa-score-gauge-isolated{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:1.25rem;height:2.5rem;overflow:hidden;position:relative}.qa-score-fill-isolated{background:linear-gradient(90deg,#ef4444,#f59e0b 50%,#22c55e);border-radius:1.25rem;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.qa-score-value-isolated{color:#0f172a;font-size:1.125rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 4px #fff;top:50%;transform:translate(-50%,-50%)}.qa-actions-isolated{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;padding:1.5rem}.qa-actions-title-isolated{align-items:center;color:#0f172a;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.qa-actions-grid-isolated{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.qa-action-btn-isolated{align-items:center;background:linear-gradient(135deg,#fefce8,#fef9c3);border:2px solid #fde047;border-radius:.875rem;color:#713f12;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.625rem;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .2s}.qa-action-btn-isolated:hover{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#facc15;box-shadow:0 8px 16px #00000026;transform:translateY(-3px)}.qa-action-icon-isolated{flex-shrink:0;font-size:1.5rem}.qa-action-label-isolated{flex:1 1;line-height:1.3}.qa-action-priority-isolated{font-size:.75rem;position:absolute;right:.5rem;top:.5rem}.qa-recommendations-isolated{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;padding:1.5rem}.qa-recommendations-isolated h4{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.qa-recommendations-isolated ul{list-style:none;margin:0;padding:0}.qa-rec-item-isolated{border-left:4px solid;border-radius:.625rem;font-size:.95rem;line-height:1.5;margin-bottom:.5rem;padding:.875rem 1rem}.qa-rec-item-isolated.priority-high{background:#fef2f2;border-color:#ef4444;color:#7f1d1d}.qa-rec-item-isolated.priority-medium{background:#fffbeb;border-color:#f59e0b;color:#78350f}.qa-rec-item-isolated.priority-low{background:#f0fdf4;border-color:#22c55e;color:#14532d}.qa-sources-isolated{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;padding:1.5rem}.qa-sources-title-isolated{align-items:center;color:#0f172a;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.qa-sources-grid-isolated{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.qa-source-card-isolated{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #7dd3fc;border-radius:.875rem;cursor:pointer;padding:1.125rem;transition:all .2s}.qa-source-card-isolated:hover{border-color:#38bdf8;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.qa-source-header-isolated{align-items:center;display:flex;justify-content:space-between;margin-bottom:.625rem}.qa-source-name-isolated{color:#0c4a6e;font-size:.95rem;font-weight:700}.qa-source-similarity-isolated{background:#bae6fd;border-radius:.5rem;color:#0369a1;font-size:.8rem;font-weight:700;padding:.25rem .625rem}.qa-source-type-isolated{color:#075985;font-size:.825rem;margin-bottom:.5rem}.qa-source-excerpt-isolated{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#0c4a6e;display:-webkit-box;font-size:.825rem;line-height:1.4;overflow:hidden}.qa-related-nodes-isolated{background:#fff;border:2px solid #e2e8f0;border-radius:.875rem;padding:1.5rem}.qa-related-nodes-isolated h4{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.qa-related-grid-isolated{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.qa-related-card-isolated{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.qa-related-card-isolated:hover{border-color:#cbd5e1;box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.qa-related-name-isolated{color:#1e293b;font-size:.9rem;font-weight:600}.qa-related-tests-isolated{font-size:.8rem;font-weight:500}.qa-related-tests-isolated.has-tests{color:#16a34a}.qa-related-tests-isolated.no-tests{color:#dc2626}.qa-loading-isolated{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem}.qa-spinner-isolated{animation:qa-spin-isolated .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:3rem;margin-bottom:1rem;width:3rem}@keyframes qa-spin-isolated{to{transform:rotate(1turn)}}.qa-loading-isolated p{font-size:1rem;font-weight:600}@media (max-width:768px){.qa-input-group-isolated,.qa-modes-isolated{flex-direction:column}.qa-actions-grid-isolated,.qa-related-grid-isolated,.qa-sources-grid-isolated{grid-template-columns:1fr}.qa-confidence-isolated{flex-direction:column;text-align:center}.qa-confidence-explanation-isolated{margin-left:0;margin-top:.5rem}}.qa-preview-modal-isolated{align-items:center;animation:qa-fade-in-isolated .2s ease-out;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.qa-preview-backdrop-isolated{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.qa-preview-content-isolated{animation:qa-scale-in-isolated .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;position:relative;width:90%}@keyframes qa-scale-in-isolated{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qa-preview-header-isolated{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.qa-preview-header-isolated h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.qa-preview-close-isolated{align-items:center;background:#f1f5f9;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;transition:all .2s;width:2rem}.qa-preview-close-isolated:hover{background:#e2e8f0;color:#1e293b}.qa-preview-body-isolated{flex:1 1;overflow-y:auto;padding:1.5rem}.qa-preview-field-isolated{margin-bottom:1.5rem}.qa-preview-field-isolated label{color:#475569;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.qa-preview-value-isolated{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.625rem;color:#1e293b;font-size:.95rem;padding:.875rem 1rem}.qa-preview-description-isolated{font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;max-height:150px;overflow-y:auto;white-space:pre-wrap}.qa-preview-steps-isolated{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.625rem;max-height:300px;overflow-y:auto;padding:1rem}.qa-preview-step-isolated{background:#fff;border-left:3px solid #3b82f6;border-radius:.375rem;color:#334155;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:.375rem;padding:.5rem .75rem}.qa-preview-separator-isolated{color:#94a3b8;font-style:normal}.qa-preview-step-isolated:empty{background:#0000;border:none;padding:.25rem}.qa-preview-footer-isolated{border-top:2px solid #e2e8f0;display:flex;gap:1rem;padding:1.5rem}.qa-preview-cancel-isolated,.qa-preview-confirm-isolated{border:none;border-radius:.75rem;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .2s}.qa-preview-cancel-isolated{background:#f1f5f9;color:#475569}.qa-preview-cancel-isolated:hover{background:#e2e8f0;transform:translateY(-2px)}.qa-preview-confirm-isolated{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.qa-preview-confirm-isolated:hover{box-shadow:0 8px 20px #22c55e66;transform:translateY(-2px)}@keyframes qa-fade-in-isolated{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qa-results-isolated>*{animation:qa-fade-in-isolated .3s ease-out forwards}.qa-results-isolated>:first-child{animation-delay:.05s}.qa-results-isolated>:nth-child(2){animation-delay:.1s}.qa-results-isolated>:nth-child(3){animation-delay:.15s}.qa-results-isolated>:nth-child(4){animation-delay:.2s}.qa-results-isolated>:nth-child(5){animation-delay:.25s}.smart-impact-analysis-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:20px;padding:24px;width:100%}.impact-analysis-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px}.analysis-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.analysis-info{flex:1 1}.analysis-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 4px}.analysis-subtitle{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.validation-hint{color:#ef4444;display:block;font-size:12px;font-weight:600;margin-top:4px}.confidence-indicator{flex-direction:column;gap:4px}.confidence-circle,.confidence-indicator{align-items:center;display:flex;position:relative}.confidence-circle{background:conic-gradient(from 0deg,#10b981 0,#10b981 85%,#e5e7eb 85%,#e5e7eb 100%);background:conic-gradient(from 0deg,#10b981 0,#10b981 var(--confidence,85%),#e5e7eb var(--confidence,85%),#e5e7eb 100%);border-radius:50%;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.confidence-circle:hover{transform:scale(1.05)}.confidence-circle:before{background:#fff;border-radius:50%;content:"";height:36px;position:absolute;width:36px}.confidence-value{color:#374151;font-size:12px;font-weight:700;position:relative;z-index:1}.confidence-label{color:#6b7280;font-size:11px;font-weight:500}.confidence-tooltip{animation:fadeInUp .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-top:8px;padding:16px;position:absolute;right:0;top:100%;width:280px;z-index:1000}.confidence-tooltip:before{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-right:none;content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.tooltip-header{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.tooltip-icon{font-size:16px}.tooltip-content p{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 12px}.tooltip-factors{margin-bottom:12px}.tooltip-factor{align-items:center;color:#374151;display:flex;font-size:12px;gap:8px;margin-bottom:6px}.factor-icon{color:#10b981;font-size:12px;font-weight:700}.tooltip-scale{border-top:1px solid #f3f4f6;padding-top:12px}.scale-item{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:8px;margin-bottom:4px}.scale-dot{border-radius:50%;height:8px;width:8px}.scale-dot.high{background:#10b981}.scale-dot.medium{background:#f59e0b}.scale-dot.low{background:#ef4444}.main-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:20px 0}.main-option-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:12px;min-height:80px;padding:20px;transition:all .3s ease}.main-option-btn.ai-analysis{border-color:#3b82f6}.main-option-btn.ai-analysis:hover:not(:disabled){background:#f0f9ff;border-color:#1d4ed8;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.main-option-btn.simple-update{border-color:#f59e0b}.main-option-btn.simple-update:hover:not(:disabled){background:#fffbeb;border-color:#d97706;box-shadow:0 8px 25px #f59e0b26;transform:translateY(-2px)}.main-option-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.option-icon{flex-shrink:0;font-size:24px}.option-content{flex:1 1;text-align:left}.option-title{color:#374151;font-size:16px;font-weight:700;line-height:1.2;margin-bottom:4px}.option-description{color:#6b7280;font-size:13px;line-height:1.3}.option-arrow{color:#9ca3af;flex-shrink:0;font-size:18px;font-weight:700}.main-option-btn.ai-analysis .option-title{color:#1e40af}.main-option-btn.simple-update .option-title{color:#d97706}.loading-content{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.loading-spinner{border:2px solid #e2e8f0;height:20px;width:20px}.loading-text{color:#374151;font-size:14px;font-weight:600}.secondary-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:12px;justify-content:space-between;margin-top:16px;padding:12px 16px}.help-btn,.secondary-actions{align-items:center;display:flex}.help-btn{background:#fff;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.help-btn:hover{background:#f0f9ff;border-color:#1d4ed8;transform:translateY(-1px)}.cancel-btn,.help-icon{font-size:12px}.cancel-btn{align-items:center;background:#d87e09!important;border:1px solid #d1d5db;border-radius:6px;color:#fff!important;display:flex;font-weight:700!important;gap:6px;padding:8px 12px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cancel-icon{font-size:12px}.integrated-guide{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:20px}.guide-content-tabs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.guide-tab{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.guide-section-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 12px}.guide-icon{font-size:18px}.guide-features{gap:8px}.feature-item{font-size:13px;line-height:1.4}.feature-icon{flex-shrink:0}.guide-recommendations{border-top:1px solid #e2e8f0;padding-top:20px}.recommendations-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.rec-icon{font-size:16px}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rec-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px}.rec-card.ai-rec{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.rec-card.simple-rec{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.rec-card h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.rec-card ul{list-style-type:disc;margin:0;padding-left:16px}.rec-card li{color:#6b7280;font-size:12px;line-height:1.4;margin-bottom:4px}.rec-card.ai-rec h5{color:#1e40af}.rec-card.simple-rec h5{color:#d97706}.confirmation-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:500px;overflow:hidden;width:100%}.confirmation-header{align-items:center;background:linear-gradient(135deg,#fef3c7,#fed7aa);border-bottom:1px solid #f59e0b;display:flex;gap:12px;padding:24px 24px 16px}.warning-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.confirmation-title{color:#92400e;font-size:20px;font-weight:700;margin:0}.confirmation-content{padding:24px}.confirmation-message{color:#374151;font-size:16px;line-height:1.5;margin:0 0 20px}.impact-details{margin-bottom:20px}.impact-details h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.impact-details ul{list-style:none;margin:0;padding-left:0}.impact-details li{align-items:center;background:#f9fafb;border-left:3px solid #f59e0b;border-radius:6px;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-bottom:6px;padding:6px 12px}.recommendation-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:14px;line-height:1.4;padding:16px}.confirmation-actions{background:#f9fafb;display:flex;gap:8px;padding:16px 24px 24px}.confirm-btn-ai,.confirm-btn-cancel,.confirm-btn-proceed{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 14px;transition:all .2s ease}.confirm-btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.confirm-btn-cancel:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.confirm-btn-ai{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.confirm-btn-ai:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.confirm-btn-proceed{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.confirm-btn-proceed:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}@media (max-width:768px){.smart-impact-analysis-container{gap:16px;padding:16px}.impact-analysis-header{gap:12px;padding:16px}.analysis-icon{font-size:20px;height:40px;width:40px}.analysis-title{font-size:18px}.main-actions-grid{gap:12px;grid-template-columns:1fr}.main-option-btn{min-height:70px;padding:16px}.option-icon{font-size:20px}.option-title{font-size:15px}.option-description{font-size:12px}.secondary-actions{flex-direction:column;gap:8px;padding:12px}.cancel-btn,.help-btn{justify-content:center;width:100%}.guide-content-tabs{gap:16px;grid-template-columns:1fr}.recommendations-grid{gap:12px;grid-template-columns:1fr}.integrated-guide{padding:16px}.confirmation-modal{margin:10px;max-width:calc(100vw - 20px)}.confirmation-header{padding:20px 20px 16px}.confirmation-content{padding:20px}.confirmation-actions{flex-direction:column;gap:8px}}.workflow-guide-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.workflow-guide-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.guide-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:24px 28px}.header-content{gap:16px}.guide-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.header-text{display:flex;flex-direction:column}.guide-title{font-size:24px;font-weight:700;line-height:1.2;margin:0}.guide-subtitle{font-size:14px;margin:4px 0 0;opacity:.9}.close-btn{border-radius:8px;font-size:20px;height:40px;transition:all .2s ease;width:40px}.close-btn:hover{transform:scale(1.05)}.guide-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:16px 20px;position:relative;transition:all .2s ease}.tab-btn.active{background:#fff;color:#3b82f6}.tab-btn.active:after{background:#3b82f6;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-btn:hover:not(.active){background:#f3f4f6;color:#374151}.guide-content{max-height:calc(90vh - 160px);overflow-y:auto;padding:28px}.tab-panel{display:none}.tab-panel.active{display:block}.workflow-section{margin-bottom:32px}.section-header{gap:12px}.section-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:10px;color:#3b82f6;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.section-description{color:#6b7280;font-size:15px;margin-bottom:24px}.workflow-steps{gap:20px}.workflow-step{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:12px;gap:16px;padding:20px}.step-number{background:#3b82f6;font-size:14px;height:32px;width:32px}.step-title{color:#374151;font-size:16px;margin:0 0 8px}.step-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.comparison-grid{grid-gap:24px;gap:24px}.comparison-card{border:2px solid #0000;border-radius:12px;padding:24px}.comparison-card.impact-analysis{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.comparison-card.simple-update{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.card-header{align-items:center;gap:12px;margin-bottom:16px}.card-icon{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.comparison-card.impact-analysis .card-icon{background:#3b82f6}.comparison-card.simple-update .card-icon{background:#f59e0b}.card-title{font-size:16px;margin:0}.comparison-card.impact-analysis .card-title{color:#1e40af}.comparison-card.simple-update .card-title{color:#d97706}.card-features{list-style:none;margin:0;padding:0}.feature-item{font-size:14px;gap:8px;padding:8px 0}.feature-icon{font-size:12px}.best-practices-grid{grid-gap:20px;gap:20px;margin-top:24px}.practice-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.practice-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.practice-icon{font-size:18px}.practice-icon.do{color:#10b981}.practice-icon.dont{color:#ef4444}.practice-icon.tip{color:#3b82f6}.practice-title{font-size:14px;font-weight:600;margin:0}.practice-title.do{color:#047857}.practice-title.dont{color:#dc2626}.practice-title.tip{color:#1d4ed8}.practice-text{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.warning-box{align-items:start;background:#fef3c7;display:flex;gap:12px;margin:20px 0;padding:16px}.warning-icon{color:#d97706;flex-shrink:0;font-size:18px;margin-top:2px}.warning-content{flex:1 1}.warning-title{color:#92400e;font-size:14px;font-weight:600;margin:0 0 4px}.warning-text{color:#d97706;font-size:13px;line-height:1.4;margin:0}.info-box{align-items:start;background:#eff6ff;border:1px solid #3b82f6;display:flex;gap:12px}.info-icon{color:#3b82f6;font-size:18px;margin-top:2px}.info-content{flex:1 1}.info-title{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 4px}.info-text{color:#3b82f6;font-size:13px;margin:0}@media (max-width:768px){.workflow-guide-modal{margin:10px;max-height:calc(100vh - 20px)}.guide-header{padding:20px}.guide-title{font-size:20px}.guide-content{padding:20px}.best-practices-grid,.comparison-grid{gap:16px;grid-template-columns:1fr}.tab-btn{font-size:13px;padding:12px 16px}}:root{--secondary-gradient:linear-gradient(90deg,#3b82f6,#0ea5e9);--success-gradient:linear-gradient(135deg,#10b981,#34d399);--warning-gradient:linear-gradient(90deg,#f59e0b,#fbbf24);--border-radius:12px;--card-shadow:0 10px 25px #0000001a;--card-shadow-hover:0 20px 40px #00000026;--transition-smooth:all 0.3s ease}pre{background-color:#000;font-weight:700}.preview-container{border-radius:20px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--card-shadow);margin:2rem auto;overflow:hidden;position:relative;transition:all .3s ease;transition:var(--transition-smooth);width:98%}.preview-container:hover{box-shadow:0 20px 40px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.txtNodePreview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #00000008;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s ease;transition:var(--transition-smooth)}.txtNodePreview .flex span:last-child{color:#1e293b;font-weight:700;letter-spacing:.01em}@keyframes fadeInWithBounce{0%{opacity:0;transform:translateY(20px)}70%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeInWithBounce .6s cubic-bezier(.175,.885,.32,1.275) forwards}.response-header{overflow:hidden;padding:1.5rem;position:relative}.response-header .bg-white.bg-opacity-20{overflow:hidden;position:relative;transition:all .3s ease;transition:var(--transition-smooth);z-index:1}.response-header .bg-white.bg-opacity-20:after{background:radial-gradient(circle at center,#fff9 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.response-header:hover .bg-white.bg-opacity-20:after{opacity:1}.bg-white.bg-opacity-20.px-4.py-1.rounded-full{animation:float 6s ease-in-out infinite;overflow:hidden;position:relative}.bg-white.p-6{background:#fff;border:none;padding:2rem}.bg-gradient-to-br,.preview-card{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:relative;transform-style:preserve-3d;transition:all .3s ease;transition:var(--transition-smooth)}.bg-gradient-to-br:hover,.preview-card:hover{box-shadow:0 8px 12px -1px #00000014,0 4px 8px -1px #0000000d;transform:translateY(-3px) rotateX(2deg) rotateY(-2deg);z-index:2}.bg-gradient-to-br:before{display:none}.text-blue-700,.text-indigo-700,.text-purple-700,.text-teal-700{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;width:100%}.text-blue-700:after,.text-indigo-700:after,.text-purple-700:after,.text-teal-700:after{display:none}.bg-gray-800{background:#1e293b;border:1px solid #334155;border-radius:8px;font-family:Menlo,Monaco,Consolas,monospace;padding:1rem}.bg-gray-800:before{display:none}.text-green-400{color:#4ade80;text-shadow:none}.response-actions{flex-wrap:wrap;justify-content:center}.response-actions button{border-radius:12px;font-weight:600;overflow:hidden;transition:all .3s ease;transition:var(--transition-smooth)}.mt-4.text-center span{animation:none;background:#e0f2fe;border:1px solid #bae6fd;border-radius:15px;color:#0369a1;font-weight:700}.mt-4.text-center span:hover{background:#bae6fd;transform:translateY(-1px)}.json-sections-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:2rem}@media (min-width:768px){.json-sections-container{grid-template-columns:1fr 1fr}}.bg-white.p-3.rounded.border-l-4.border-blue-300{background:#f8fafc;border-radius:8px;color:#374151;line-height:1.7;padding:1rem}.response-actions button:first-child{background:linear-gradient(90deg,#10b981,#34d399)}.response-actions button:nth-child(2){background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b33}.response-actions button:nth-child(3),.response-actions button:nth-child(4){background:#f1f5f9;color:#475569}.response-actions button:after,.response-actions button:before{display:none}.animate-fadeIn{animation:fadeIn .3s ease-in-out forwards}@media (max-width:768px){.preview-container{margin:1.5rem 1rem;width:auto}.response-header{padding:1.25rem 1rem}.bg-white.p-6{padding:1.5rem 1rem}}.manual-test-creator{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;box-shadow:0 8px 32px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1900px;overflow:hidden}.manual-test-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px}.manual-test-header .header-left{flex:1 1}.manual-test-header .creator-title{align-items:center;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.manual-test-header .title-icon{font-size:28px}.manual-test-header .creator-subtitle{font-size:14px;font-weight:400;margin:0;opacity:.9}.manual-test-header .header-actions{display:flex;gap:12px}.manual-test-header .preview-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.manual-test-header .preview-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.manual-test-body{min-height:500px;padding:32px}.templates-section{margin-bottom:32px}.section-title{font-size:18px;gap:8px;margin:0 0 16px}.selected-node-indicator{background:#6b46c11a;border-radius:12px;color:#6b46c1;font-size:14px;font-weight:500;margin-left:16px;padding:4px 8px}.section-icon{font-size:20px}.templates-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.template-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;gap:12px;min-width:200px;padding:16px;text-align:left;transition:all .2s ease}.template-btn:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.template-btn .template-icon{font-size:24px}.template-btn .template-name{color:#2d3748;font-weight:500}.basic-info-section,.steps-section{margin-bottom:32px}.form-grid{grid-gap:20px;gap:20px;margin-bottom:20px}.metadata-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.form-group{gap:6px}.form-label{color:#2d3748;font-size:14px;font-weight:500;gap:8px}.error-text{color:#e53e3e;font-size:12px;font-weight:400}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e2e8f0;font-size:14px;padding:12px;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#e53e3e}.form-textarea{min-height:80px}.existing-steps{margin-bottom:20px}.step-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .2s ease}.step-item:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.step-content{align-items:center;display:flex;gap:12px}.step-type{background:#667eea;border-radius:6px;color:#fff;font-size:12px;font-weight:600;min-width:60px;padding:4px 8px;text-align:center}.step-type.given{background:#48bb78}.step-type.when{background:#ed8936}.step-type.then{background:#667eea}.step-type.and{background:#38b2ac}.step-type.but{background:#e53e3e}.step-text{color:#2d3748;font-size:14px}.step-actions{gap:4px}.step-action-btn{background:#004370;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.step-action-btn:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.step-action-btn:disabled{cursor:not-allowed;opacity:.5}.step-action-btn.delete:hover{background:#fed7d7;border-color:#feb2b2;color:#c53030}.step-action-btn.edit:hover{background:#e6fffa;border-color:#81e6d9;color:#234e52}.add-step-form{background:#fff;border:2px dashed #cbd5e0;border-radius:8px;padding:20px}.step-form-title{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.step-input-group{align-items:center;display:flex;gap:12px}.step-type-select{background:#fff;max-width:20%;padding:8px}.step-text-input,.step-type-select{border:1px solid #e2e8f0;border-radius:6px}.step-text-input{flex:1 1;padding:8px 12px}.add-step-btn{background:#48bb78;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;width:20%}.add-step-btn:hover:not(:disabled){background:#38a169;transform:translateY(-1px)}.add-step-btn:disabled{background:#a0aec0;cursor:not-allowed}.cancel-edit-btn{background:#f56565;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;padding:8px 16px;transition:all .2s ease}.cancel-edit-btn:hover{background:#e53e3e}.test-preview{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:32px}.preview-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.preview-title{color:#1a202c;font-size:24px;margin:0 0 12px}.preview-badges{display:flex;flex-wrap:wrap;gap:8px}.category-badge,.priority-badge,.type-badge{border-radius:16px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.category-badge.functional{background:#e6fffa;color:#234e52}.category-badge.security{background:#fef5e7;color:#744210}.category-badge.integration{background:#ebf8ff;color:#2a69ac}.category-badge.performance{background:#f0fff4;color:#22543d}.category-badge.exploratory{background:#faf5ff;color:#553c9a}.priority-badge.low{background:#f0fff4;color:#22543d}.priority-badge.medium{background:#fffbeb;color:#975a16}.priority-badge.high{background:#fed7d7;color:#c53030}.priority-badge.critical{background:#fed7d7;color:#742a2a}.type-badge.positive{background:#f0fff4;color:#22543d}.type-badge.negative{background:#fed7d7;color:#c53030}.preview-description,.preview-steps,.preview-target{margin-bottom:24px}.preview-description h4,.preview-steps h4,.preview-target h4{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 8px}.preview-description p,.preview-target p{color:#4a5568;line-height:1.6;margin:0}.steps-list{background:#f7fafc;border-radius:8px;padding:16px}.preview-step{align-items:center;display:flex;gap:12px;margin-bottom:8px}.preview-step:last-child{margin-bottom:0}.preview-step-type{background:#667eea;border-radius:6px;color:#fff;font-size:12px;font-weight:600;min-width:60px;padding:4px 8px;text-align:center}.preview-step-type.given{background:#48bb78}.preview-step-type.when{background:#ed8936}.preview-step-type.then{background:#667eea}.preview-step-type.and{background:#38b2ac}.preview-step-type.but{background:#e53e3e}.preview-step-text{color:#2d3748;font-size:14px}.no-steps{color:#a0aec0;font-style:italic;margin:0}.manual-test-footer{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 32px}.footer-left{flex:1 1}.validation-status .validation-errors{color:#e53e3e;font-size:14px;font-weight:500}.footer-actions{gap:12px!important}.cancel-btn,.pending-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 20px;transition:all .2s ease;width:auto}.cancel-btn{background:#edf2f7;border:1px solid #e2e8f0;color:#4a5568}.cancel-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.pending-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pending-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.pending-btn:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.save-btn:disabled{background:#a0aec0}@media (max-width:768px){.manual-test-creator{border-radius:0;margin:0}.manual-test-header{flex-direction:column;gap:16px;text-align:center}.manual-test-body{padding:20px}.form-grid,.metadata-grid,.templates-grid{grid-template-columns:1fr}.step-input-group{flex-direction:column;gap:8px}.step-text-input,.step-type-select{width:100%}.manual-test-footer{flex-direction:column;gap:16px;text-align:center}.footer-actions{justify-content:center;width:100%}}.manual-test-creator .form-input,.manual-test-creator .form-select,.manual-test-creator .form-textarea{color:#2d3748!important}.manual-test-creator .form-input::placeholder,.manual-test-creator .form-textarea::placeholder{color:#a0aec0!important}.manual-test-creator input[type=text],.manual-test-creator select,.manual-test-creator textarea{color:#2d3748!important}.manual-test-creator input[type=text]::placeholder{color:#a0aec0!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.analysis-banner-wrapper{animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1)}.analysis-banner-container{background:linear-gradient(135deg,#fff,#f8fafc);background-clip:padding-box;border:1px solid #6366f133;border-radius:12px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:2px;position:relative;transition:all .3s cubic-bezier(.23,1,.32,1)}@media (prefers-color-scheme:dark){.analysis-banner-container{background:linear-gradient(135deg,#0f172a,#1e293b)}}.analysis-banner-container:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.analysis-banner-wrapper:hover .analysis-banner-container{border-color:#6366f166;box-shadow:0 15px 40px #0000001f}.analysis-banner-wrapper:hover .analysis-banner-container:before{left:100%}.analysis-banner-content{align-items:center;background:#fff;border-radius:10px;display:flex;gap:1.5rem;justify-content:space-between;padding:1rem 1.5rem}@media (prefers-color-scheme:dark){.analysis-banner-content{background:#0f172a}}.analysis-banner-left{gap:1rem}.analysis-banner-left,.analysis-icon-small{align-items:center;display:flex;flex-shrink:0}.analysis-icon-small{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;height:2rem;justify-content:center;min-width:2rem;width:2rem}.analysis-icon-small svg{height:1rem;width:1rem}.analysis-title-compact{color:#feffff!important;font-size:.95rem;font-weight:600;line-height:1.2;margin:0;white-space:nowrap}@media (prefers-color-scheme:dark){.analysis-title-compact{color:#e2e8f0}}.analysis-info-compact{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin-left:1rem}.analyzed-node-name{background:#667eea26;border:1px solid #667eea4d;border-radius:5px;color:#667eea;font-size:.8rem;font-weight:500;max-width:180px;overflow:hidden;padding:.3rem .65rem;text-overflow:ellipsis;white-space:nowrap}@media (prefers-color-scheme:dark){.analyzed-node-name{background:#667eea40;border-color:#667eea66;color:#a5b4fc}}.analysis-stats-compact{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.stat-badge-compact{align-items:center;border:1.5px solid;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.stat-badge-compact:hover{transform:translateY(-2px)}.stat-badge-blue-compact{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#1e40af}@media (prefers-color-scheme:dark){.stat-badge-blue-compact{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}}.stat-badge-orange-compact{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#f97316;box-shadow:0 4px 12px #f9731633;color:#92400e}@media (prefers-color-scheme:dark){.stat-badge-orange-compact{background:#f9731626;border-color:#f97316;color:#fed7aa}}.stat-badge-green-compact{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;box-shadow:0 4px 12px #22c55e33;color:#15803d}@media (prefers-color-scheme:dark){.stat-badge-green-compact{background:#22c55e26;border-color:#22c55e;color:#86efac}}.stat-compact{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.25rem;white-space:nowrap}@media (prefers-color-scheme:dark){.stat-compact{color:#cbd5e1}}.analysis-banner-actions-compact{display:flex;flex-shrink:0;gap:.75rem}.analysis-btn-primary-compact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.analysis-btn-primary-compact:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.analysis-btn-primary-compact:active{transform:translateY(0)}@media (prefers-color-scheme:dark){.analysis-btn-primary-compact{background:linear-gradient(135deg,#667eea,#764ba2)}}@media (max-width:768px){.analysis-banner-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.analysis-banner-left{width:100%}.analysis-stats-compact{flex-direction:column;gap:.5rem}.analysis-banner-actions-compact{width:100%}.analysis-btn-primary-compact{justify-content:center;width:100%}.stat-compact{font-size:.75rem}.analysis-title-compact{font-size:.9rem}}.searchNodeInput{border:2px solid #0656beb9!important;border-radius:.375rem!important;font-size:.9375rem!important;margin-bottom:1rem!important;margin-top:1rem!important;padding:.5rem!important;transition:all .2s ease!important;width:95%!important}.searchNodeInput:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.nodes-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:1rem 0}.node-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #0000;box-shadow:0 4px 16px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1)}.node-card:before{animation:gradientShift 8s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe);background-size:400% 400%;border-radius:16px 16px 0 0}.node-card:hover{border-color:#667eea4d;box-shadow:0 12px 32px #00000026;transform:translateY(-4px) scale(1.02)}.node-card:hover:before{animation-duration:2s}.node-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.node-title-wrap{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.node-type-badge{border-radius:25px;box-shadow:0 2px 8px #00000026;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.8px;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;padding:.4rem 1rem;position:relative}.node-type-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.node-type-badge:hover:before{left:100%}.type-badge-feature{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.type-badge-api{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb66;color:#fff}.type-badge-database{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe66;color:#fff}.type-badge-module{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 12px #43e97b66;color:#fff}.type-badge-default{background:linear-gradient(135deg,#a8edea,#fed6e3);box-shadow:0 4px 12px #a8edea66;color:#4a5568}.node-title{color:#2d3748;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.impact-badge{border-radius:20px;box-shadow:0 2px 6px #0000001a;font-size:.75rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:.3rem .8rem;position:relative;text-transform:uppercase}.impact-critical{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;color:#c53030}.impact-warning{background:linear-gradient(135deg,#feebc8,#fbd38d);border:1px solid #f6ad55;color:#d69e2e}.impact-caution{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:1px solid #68d391;color:#319795}.impact-info{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border:1px solid #63b3ed;color:#3182ce}.node-description{margin:0 0 1rem}.node-tech-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.status-tag,.tech-tag{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;color:#4a5568;display:inline-flex;font-size:.8rem;font-weight:500;gap:.3rem;overflow:hidden;padding:.4rem .8rem;position:relative;transition:all .3s ease}.status-tag:hover,.tech-tag:hover{background:linear-gradient(135deg,#667eea26,#764ba226);box-shadow:0 4px 12px #667eea33;transform:translateY(-1px)}.tech-icon{font-size:.8rem}.node-details-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.node-metadata{display:flex;flex-wrap:wrap;gap:.75rem}.no-tests-badge,.relations-badge,.tests-badge{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;overflow:hidden;padding:.5rem .8rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tests-badge{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:2px solid #9ae6b4;box-shadow:0 2px 8px #9ae6b44d;color:#22543d}.tests-badge:hover{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);box-shadow:0 6px 16px #9ae6b466;transform:translateY(-2px) scale(1.05)}.no-tests-badge{background:linear-gradient(135deg,#fffaf0,#fbd38d);border:2px solid #f6ad55;box-shadow:0 2px 8px #f6ad554d;color:#c05621}.no-tests-badge:hover{background:linear-gradient(135deg,#fbd38d,#f6ad55);box-shadow:0 6px 16px #f6ad5566;transform:translateY(-2px) scale(1.05)}.relations-badge{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #cbd5e0;box-shadow:0 2px 8px #cbd5e04d;color:#2d3748}.relations-badge:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);box-shadow:0 6px 16px #cbd5e066;transform:translateY(-2px) scale(1.05)}.relations-icon,.tests-icon{font-size:.9rem}.relations-count,.tests-count{font-weight:600}.relations-label,.tests-label{font-size:.75rem}.view-details-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-details-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-details-btn:hover{box-shadow:0 8px 20px #667eea80;transform:translateY(-3px) scale(1.05)}.view-details-btn:hover:before{left:100%}.details-icon{font-size:.8rem;transition:transform .2s ease}.view-details-btn:hover .details-icon{transform:translateX(2px)}.node-card-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.btn-delete-node,.btn-edit-node,.btn-select-node{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;color:#4a5568;cursor:pointer;display:inline-flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;overflow:hidden;padding:.7rem 1.2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-edit-node{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d;color:#fff}.btn-edit-node:hover{box-shadow:0 8px 20px #4facfe80;transform:translateY(-3px) scale(1.05)}.btn-select-node{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a;color:#4a5568}.btn-select-node:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#a0aec0;box-shadow:0 6px 16px #00000026;transform:translateY(-2px) scale(1.02)}.btn-selected{background:linear-gradient(135deg,#48bb78,#38a169)!important;border-color:#48bb78!important;box-shadow:0 4px 12px #48bb7866!important;color:#fff!important}.btn-delete-node{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-color:#fed7d7;box-shadow:0 2px 8px #e53e3e33;color:#e53e3e}.btn-delete-node:hover{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#feb2b2;box-shadow:0 6px 16px #e53e3e4d;transform:translateY(-2px) scale(1.02)}.btn-delete-node:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:.9rem}@media (max-width:768px){.nodes-grid{gap:1rem;grid-template-columns:1fr}.node-card{padding:1rem}.node-card-actions{flex-direction:column;gap:.5rem}.btn-delete-node,.btn-edit-node,.btn-select-node{flex:none}.node-details-row{align-items:flex-start;flex-direction:column;gap:.75rem}}.node-card{animation:slideInUp .4s ease-out}.btn-delete-node:focus,.btn-edit-node:focus,.btn-select-node:focus,.view-details-btn:focus{outline:2px solid #667eea;outline-offset:2px}.relations-badge:focus,.tests-badge:focus{outline:2px solid #667eea;outline-offset:1px}.searchNodeInput{border:2px solid #0148ca80;margin-bottom:1rem}.dmbt-guide-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf633;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.dmbt-guide-btn:hover{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.dmbt-guide-btn:active{transform:translateY(0)}.dmbt-guide-btn .dmbt-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1rem}.export-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.export-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.export-button:active{transform:translateY(0)}@media (max-width:900px){.review-interface{flex-direction:column!important;gap:24px!important}.comments-panel,.review-panel{flex:1 1;max-width:none}.review-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.comment-form textarea{min-height:80px}}@media (max-width:600px){.review-stats{grid-template-columns:1fr}.review-actions{flex-direction:column;gap:8px}.review-actions button{width:100%}}@media (max-width:1150px){.review-interface{gap:16px!important;padding:0 2vw!important}.panel-header h4{font-size:1rem!important}.comments-panel,.review-panel{box-shadow:none!important;padding:10px 0!important}}.section-generate-tests-title,.section-import-code-title,.section-quick-create-title,.section-title-analyse,.section-title-create-node,.section-title-create-relation,.section-title-node-detail,.section-title-nodes-list,.section-title-pending-nodes,.section-title-relations-list,.section-title-vector-search{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(120deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.8rem;font-weight:800;gap:.5em;letter-spacing:-.5px;line-height:1.2;margin-bottom:.5em;transition:all .3s ease}.section-desc-analyse,.section-desc-create-node,.section-desc-create-relation,.section-desc-node-detail,.section-desc-nodes-list,.section-desc-pending-nodes,.section-desc-relations-list,.section-desc-vector-search,.section-generate-tests-desc,.section-import-code-desc,.section-quick-create-desc{color:#64748b;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:.8em}.section-generate-tests-icon-emoji,.section-icon-create-node-emoji,.section-icon-nodes-list-emoji,.section-icon-pending-nodes-emoji,.section-icon-vector-search-emoji,.section-import-code-icon-emoji,.section-quick-create-icon-emoji{animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem;margin-right:.3em;vertical-align:middle}.section-generate-tests-header,.section-header-analyse,.section-header-create-node,.section-header-create-relation,.section-header-node-detail,.section-header-nodes-list,.section-header-pending-nodes,.section-header-relations-list,.section-header-vector-search,.section-import-code-header,.section-quick-create-header{align-items:center;background:none;border-bottom:2.5px solid #8b5cf621;box-shadow:none;display:flex;gap:1.2em;margin-bottom:2.2em;padding-bottom:1.2em;position:relative;transition:box-shadow .3s,border-color .3s,background .3s}.section-generate-tests-header:hover,.section-header-analyse:hover,.section-header-create-node:hover,.section-header-create-relation:hover,.section-header-node-detail:hover,.section-header-nodes-list:hover,.section-header-pending-nodes:hover,.section-header-relations-list:hover,.section-header-vector-search:hover,.section-import-code-header:hover,.section-quick-create-header:hover{background:linear-gradient(90deg,#8b5cf60a,#3b82f608);border-bottom:2.5px solid #8b5cf6;box-shadow:0 2px 12px #8b5cf612;transform:translateY(-2px)}.section-analyse,.section-create-node,.section-create-relation,.section-import-code,.section-node-detail,.section-nodes-list,.section-pending-nodes,.section-quick-create,.section-relations-list,.section-vector-search{background:linear-gradient(135deg,#fff,#fefbff);border:2px solid #94a3b814;border-radius:24px;box-shadow:0 20px 60px #0000000f,0 8px 25px #0000000a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-analyse:hover,.section-create-node:hover,.section-create-relation:hover,.section-import-code:hover,.section-node-detail:hover,.section-nodes-list:hover,.section-pending-nodes:hover,.section-quick-create:hover,.section-relations-list:hover,.section-vector-search:hover{border-color:#3b82f633;box-shadow:0 30px 80px #0000001f,0 12px 35px #00000014;transform:translateY(-4px)}.section-analyse:before,.section-create-node:before,.section-create-relation:before,.section-import-code:before,.section-node-detail:before,.section-nodes-list:before,.section-pending-nodes:before,.section-quick-create:before,.section-relations-list:before,.section-vector-search:before{background:radial-gradient(circle,#3b82f608 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.main-section-bg{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #00000014,0 8px 25px #0000000a;font-family:Inter,SF Pro Display,system-ui,sans-serif;margin:24px 0;padding:32px}.modern-text-creator-container{background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;padding:2rem;position:relative}.text-creator-header{margin-bottom:2rem}.creator-summary-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;flex-wrap:wrap;gap:1rem}.creator-icon{color:#fff;font-size:2.5rem;min-height:4rem;min-width:4rem}.creator-icon,.creator-info h3.creator-title{background:linear-gradient(135deg,#667eea,#764ba2)}.creator-info h3.creator-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.creator-description{color:#4a5568;line-height:1.5}.format-status{align-items:flex-end;flex-direction:column;gap:.5rem}.format-indicator{background:#667eea1a;border:1px solid #667eea33;border-radius:12px}.format-dot{background:#667eea}.format-text{color:#667eea;font-size:.875rem}.text-creator-body{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.format-controls-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid #0000000d;padding:2rem 2rem 1rem}.format-tabs{background:#ffffff80;border-radius:16px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.format-tab{background:#0000;border:none;border-radius:12px;color:#4a5568;flex:1 1;font-weight:600;justify-content:center;padding:.75rem 1rem}.format-tab.active{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.format-tab:hover:not(.active){background:#667eea1a;transform:translateY(-1px)}.tab-icon{font-size:1.25rem}.tab-label{font-size:.875rem}.search-hints{margin-top:1rem}.hint-section{flex-wrap:wrap;gap:.5rem}.suggestion-chip{background:#667eea1a;border:1px solid #667eea33;border-radius:12px;color:#667eea;display:inline-flex;font-size:.875rem}.suggestion-chip.excluded{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.exclusion-group{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0}.exclusion-title{color:#6b7280;font-size:.8rem;font-weight:600;margin-right:.5rem}.hint-icon{font-size:1rem}.text-input-section{padding:2rem}.input-header{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.input-icon{color:#667eea;font-size:1.25rem}.input-label{color:#2d3748;font-size:1rem}.formats-badges{gap:.5rem;margin-left:auto}.char-counter{background:#667eea1a;border-radius:8px;color:#667eea;font-size:.875rem;margin-left:auto}.input-container{background:#fffc;border:2px solid #667eea33}.input-container:hover{border-color:#667eea66;box-shadow:0 4px 12px #667eea1a}.input-content{padding:1.5rem}.file-input{background:#667eea0d;border:2px dashed #667eea4d;border-radius:12px;color:#4a5568;font-size:1rem;padding:1rem;transition:all .3s ease}.file-input:hover{background:#667eea1a;border-color:#667eea80}.progress-section{margin:1.5rem 0}.progress-bar{background:#667eea1a;height:8px}.progress-bar,.progress-fill{border-radius:4px}.progress-text{color:#4a5568;font-size:.875rem;margin:0}.input-footer{margin-top:1.5rem}.input-tips{color:#6b7280;font-size:.875rem;font-style:italic}.analyze-btn{border-radius:12px;box-shadow:0 4px 12px #667eea4d;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.analyze-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.analyze-btn:disabled{box-shadow:none;opacity:.6}.btn-icon{font-size:1.25rem}.mentioned-nodes-section{background:#667eea05;border-top:1px solid #0000000d}.section-title{cursor:pointer;font-size:1.25rem;-webkit-user-select:none;user-select:none}.section-title span:first-child{font-size:1.5rem}.explanation-content{background:#fffc;border:1px solid #667eea33;border-radius:12px;margin-top:1rem;padding:1.5rem}.node-preview-section{background:#667eea05;border-top:1px solid #0000000d;padding:2rem}.preview-header{align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.preview-main-info h3.preview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.preview-description{color:#4a5568;font-size:1rem;margin:0}.preview-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.info-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{background:#fffc;border:1px solid #667eea33;transition:all .3s ease}.info-card:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.info-header{gap:.5rem;justify-content:center;margin-bottom:.75rem}.info-icon{font-size:1.25rem}.info-header span:last-child{color:#4a5568;font-size:.875rem;font-weight:600}.info-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.table-container{background:#fffc;border:1px solid #667eea33;border-radius:16px;overflow:hidden}.preview-table{border-collapse:collapse;width:100%}.preview-table th{background:#667eea1a;border-bottom:1px solid #667eea33;color:#2d3748;font-weight:600;padding:1rem;text-align:left}.preview-table td{border-bottom:1px solid #667eea1a;color:#4a5568;padding:.75rem 1rem}.preview-table tbody tr:hover{background:#667eea0d}.node-name{font-family:Courier New,monospace}.node-type-badge{background:#667eea33;border-radius:8px;color:#667eea}.node-description{font-size:.875rem;line-height:1.4}.table-footer{background:#667eea0d;color:#6b7280;font-size:.875rem;padding:1rem;text-align:center}.relationships-section{margin-top:2rem}.relationships-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.relationships-label{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.relationships-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.relationships-grid{grid-gap:.75rem;gap:.75rem}.relationship-card{background:#fffc;border:1px solid #667eea33;border-radius:12px;padding:1rem}.relationship-card:hover{box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.relationship-card.more-relations{background:#667eea0d;color:#6b7280;font-style:italic;text-align:center}.relationship-flow{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.source-node,.target-node{background:#667eea1a;color:#2d3748;font-family:Courier New,monospace}.relationship-type,.source-node,.target-node{border-radius:8px;font-weight:600;padding:.25rem .75rem}.relationship-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.875rem}.relationship-arrow{color:#667eea;font-weight:700}.metadata-section{background:#fff9;border:1px solid #667eea33;border-radius:16px;margin-top:2rem;padding:1.5rem}.metadata-label{align-items:center;color:#2d3748;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem}.metadata-content{grid-gap:1rem;display:grid;gap:1rem}.form-group{grid-gap:.5rem;display:grid}.metadata-select{background:#ffffffe6;border:2px solid #667eea33;border-radius:12px;color:#2d3748;font-size:.875rem;padding:.75rem;transition:all .3s ease}.metadata-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-help{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin:0}.preview-actions{display:flex;flex-wrap:wrap;margin-top:2rem}.action-btn{padding:.75rem 1.5rem}.action-btn.primary:hover{box-shadow:0 6px 20px #667eea66}.action-btn.secondary{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.action-btn.secondary:hover{background:#ef444433;transform:translateY(-1px)}.action-btn span:first-child{font-size:1.125rem}@media (max-width:768px){.modern-text-creator-container{padding:1rem}.creator-summary-card{flex-direction:column;padding:1.5rem;text-align:center}.creator-info h3.creator-title{font-size:1.25rem}.format-tabs{flex-direction:column}.format-tab{justify-content:center}.input-header{align-items:flex-start;flex-direction:column;gap:.5rem}.formats-badges{margin-left:0}.input-footer{align-items:stretch;flex-direction:column}.preview-header{flex-direction:column;text-align:center}.info-grid{grid-template-columns:1fr}.relationship-flow{gap:.5rem;text-align:center}.preview-actions,.relationship-flow{flex-direction:column}.action-btn{justify-content:center}}@media (max-width:480px){.mentioned-nodes-section,.node-preview-section,.text-input-section{padding:1rem}.creator-icon{font-size:2rem;min-height:3rem;min-width:3rem}.creator-info h3.creator-title{font-size:1.125rem}.creator-description{font-size:.875rem}.preview-table{font-size:.75rem}.preview-table td,.preview-table th{padding:.5rem}}.files-counter-banner{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea4d;border-radius:12px;box-shadow:0 2px 8px #667eea1a;display:flex;gap:1.5rem;justify-content:space-between;margin:1rem 0 1.5rem;padding:1rem 1.5rem}.counter-badge{color:#333;font-size:16px;font-weight:600;gap:10px}.counter-badge,.counter-icon{align-items:center;display:flex}.counter-icon{font-size:24px}.counter-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.counter-details{display:flex;gap:1rem}.detail-item{font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:120px;padding:6px 12px;transition:all .2s ease}.detail-item.accepted{background:#4caf501a;border:1px solid #4caf504d;color:#2e7d32}.detail-item.accepted:hover{background:#4caf5026;border-color:#4caf5080}.detail-item.rejected{background:#ff98001a;border:1px solid #ff98004d;color:#e65100}.detail-item.rejected:hover{background:#ff980026;border-color:#ff980080}.detail-icon{align-items:center;display:flex;font-size:18px;justify-content:center}@media (max-width:768px){.files-counter-banner{flex-direction:column;gap:1rem}.counter-details{justify-content:space-evenly;width:100%}}.files-summary-section{grid-gap:1rem;animation:slideIn .3s ease-out;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}@media (max-width:768px){.files-summary-section{grid-template-columns:1fr}}.accepted-files-panel,.rejected-files-panel{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.accepted-files-panel:hover,.rejected-files-panel:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.panel-header{font-size:14px;font-weight:600;gap:10px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.accepted-files-panel .panel-header{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-bottom:2px solid #4caf50;color:#1b5e20}.rejected-files-panel .panel-header{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-bottom:2px solid #ff9800;color:#e65100}.header-icon{align-items:center;display:flex;font-size:18px}.header-title{flex:1 1}.files-list{display:flex;flex-direction:column;max-height:350px;overflow-y:auto}.files-list::-webkit-scrollbar{width:6px}.files-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.files-list::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.files-list::-webkit-scrollbar-thumb:hover{background:#888}.file-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;font-size:13px;gap:10px;padding:10px 16px;transition:all .2s ease}.file-item:hover{background:#00000005}.file-item:last-child{border-bottom:none}.file-item.accepted{background:#fff}.file-item.rejected{background:#fafafa}.file-item.more{background:linear-gradient(180deg,#0000,#00000005);color:#999;font-style:italic;justify-content:center;padding:12px 16px}.file-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px}.file-name{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{background:#667eea1a;color:#999}.file-reason,.file-size{border-radius:4px;flex-shrink:0;font-size:12px;padding:2px 8px}.file-reason{background:#d32f2f1a;color:#d32f2f}.more-text{color:#666;font-size:12px}.analysis-options-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.options-group{margin-bottom:1.5rem}.options-group:last-child{margin-bottom:0}.option-label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.radio-group{gap:.75rem}.radio-option{align-items:flex-start;background:#ffffffb3;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.radio-option:hover{background:#667eea0d;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.radio-option.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 4px 16px #667eea33}.radio-option input[type=radio]{accent-color:#667eea;margin:0;transform:scale(1.2)}.radio-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.radio-text strong{color:#333;font-size:.95rem;line-height:1.3}.radio-text small{color:#666;font-size:.85rem;line-height:1.4}.checkbox-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-option{align-items:center;background:#fff9;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease}.checkbox-option:hover{background:#667eea0d;border-color:#667eea}.checkbox-option.checked{background:#667eea1a;border-color:#667eea;color:#667eea}.checkbox-option input[type=checkbox]{accent-color:#667eea;margin:0;transform:scale(1.1)}.checkbox-text{font-size:.9rem;font-weight:500;line-height:1.3}@media (max-width:768px){.checkbox-grid{grid-template-columns:1fr}.radio-option{padding:.75rem}.radio-text strong{font-size:.9rem}.radio-text small{font-size:.8rem}}.checkbox-grid{animation:slideIn .3s ease-out}.analysis-metadata-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea33;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.metadata-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.metadata-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem}.metadata-title{color:#333;flex:1 1;font-size:1.1rem;font-weight:600}.analysis-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.analysis-badge.advanced{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.architectural-summary{display:flex;flex-direction:column;gap:1rem}.insight-item{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.insight-label{color:#555;font-size:.9rem;font-weight:600;min-width:150px}.insight-value{color:#333;flex:1 1;font-weight:500}.complexity-low{background:#4caf501a;color:#4caf50}.complexity-low,.complexity-medium{border-radius:12px;font-size:.85rem;padding:.2rem .6rem}.complexity-medium{background:#ff98001a;color:#ff9800}.complexity-high{background:#f443361a;color:#f44336}.complexity-high,.security-basic{border-radius:12px;font-size:.85rem;padding:.2rem .6rem}.security-basic{background:#ff98001a;color:#ff9800}.security-intermediate{background:#2196f31a;color:#2196f3}.security-advanced,.security-intermediate{border-radius:12px;font-size:.85rem;padding:.2rem .6rem}.security-advanced{background:#4caf501a;color:#4caf50}.tech-stack-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.tech-tag{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:16px;color:#667eea;font-size:.8rem;font-weight:500;padding:.3rem .7rem;transition:all .2s ease}.tech-tag:hover{background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 2px 8px #667eea33;transform:translateY(-1px)}@media (max-width:768px){.insight-item{align-items:flex-start;flex-direction:column;gap:.5rem}.insight-label{min-width:auto;width:100%}.metadata-header{align-items:flex-start;flex-direction:column;gap:.5rem}.tech-stack-tags{width:100%}}.workflow-indicator{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#374151;margin:8px 0;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.workflow-indicator:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.workflow-badge{font-size:.85rem;font-weight:600;white-space:nowrap}.workflow-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.workflow-icon{color:#fff;font-size:1.5rem;min-height:40px;min-width:40px}.workflow-info{flex:1 1}.workflow-name{color:#111827;font-size:1.2rem;font-weight:600;margin:0}.workflow-description{color:#6b7280;font-size:.9rem;margin:0}.workflow-details{align-items:center;display:flex;justify-content:space-between}.workflow-step{align-items:center;color:#374151;flex-direction:column;font-size:.9rem}.step-label{color:#6b7280;font-weight:600}.step-number{color:#111827}.workflow-visualization{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:16px 0;padding:20px}.workflow-visualization h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 20px}.workflow-group{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:16px}.workflow-title{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.workflow-steps{display:flex;flex-direction:column;gap:12px}.workflow-step-item{align-items:flex-start;border-radius:8px;display:flex;gap:16px;padding:12px;transition:all .2s ease}.workflow-step-item:hover{background:#f7fafc;transform:translateX(4px)}.step-connector{align-items:center;display:flex;flex-direction:column;min-height:60px}.connector-line{background:linear-gradient(180deg,#667eea,#764ba2);height:20px;opacity:.6;width:2px}.step-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px;z-index:1}.step-content{flex:1 1;padding-top:4px}.node-name{font-size:1rem;margin-bottom:4px}.node-type{color:#718096;letter-spacing:.5px;margin-bottom:6px}.workflow-step-description{color:#4a5568;font-size:.9rem;font-style:italic;line-height:1.4}@media (max-width:768px){.workflow-visualization{margin:12px 0;padding:12px}.workflow-step-item{align-items:flex-start;flex-direction:column;gap:8px}.step-connector{flex-direction:row;justify-content:flex-start;margin-bottom:8px;min-height:auto;width:100%}.connector-line{height:2px;width:20px}}.workflow-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.workflow-tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#374151;font-size:.75rem;font-weight:500;padding:4px 8px;transition:background .2s ease,color .2s ease}.workflow-tag:hover{background:#e5e7eb;color:#111827}.workflow-icon{border-radius:50%;font-size:1.2rem;min-height:36px;min-width:36px;padding:8px}.crm-overlay,.workflow-icon{align-items:center;display:flex;justify-content:center}.crm-overlay{animation:crmFadeIn .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes crmFadeIn{0%{opacity:0}to{opacity:1}}.crm-modal{animation:crmSlideIn .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;max-height:92vh;max-width:1400px;overflow:hidden;width:100%}@keyframes crmSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.crm-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #fff3;color:#fff;overflow:hidden;padding:32px 40px;position:relative}.crm-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:200px}.crm-type-badge{align-items:center;border-radius:24px;box-shadow:0 4px 12px #0003;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:16px;padding:8px 16px;position:relative;text-transform:uppercase;z-index:1}.crm-type-badge.exact{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.crm-type-badge.contextual{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.crm-type-badge.fuzzy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.crm-title{font-size:32px;font-weight:900;line-height:1.2;margin:0 0 12px;text-shadow:0 2px 8px #00000026}.crm-subtitle,.crm-title{position:relative;z-index:1}.crm-subtitle{font-size:15px;font-weight:400;margin:0;opacity:.95}.crm-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:40px}.crm-body::-webkit-scrollbar{width:10px}.crm-body::-webkit-scrollbar-track{background:#e2e8f0;border-radius:5px}.crm-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:5px}.crm-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5568d3,#654b8b)}.crm-tests-section{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:2px solid #3b82f6;border-radius:16px;box-shadow:0 4px 12px #3b82f626;margin-top:24px;padding:24px}.crm-tests-section .crm-merge-header{border-bottom:2px dashed #3b82f64d;margin-bottom:20px;padding-bottom:16px}.crm-tests-count{background:#3b82f6;border-radius:20px;box-shadow:0 2px 6px #3b82f64d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px}.crm-tests-info{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.crm-test-card{background:#fff;border:2px solid #93c5fd;border-radius:12px;box-shadow:0 2px 8px #3b82f61a;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.crm-test-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f633;transform:translateY(-2px)}.crm-test-label{color:#1e40af;font-size:13px;font-weight:600;opacity:.9}.crm-test-count{color:#3b82f6;font-size:20px;font-weight:900;text-shadow:0 1px 2px #3b82f633}.crm-test-arrow{color:#3b82f6;flex-shrink:0;font-size:24px;font-weight:900;opacity:.6}.crm-tests-note{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 6px #3b82f614;color:#1e40af;font-size:13px;line-height:1.6;padding:14px 18px}.crm-similarity-section{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:32px;padding:24px}.crm-similarity-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:1.2px;margin-bottom:12px;text-transform:uppercase}.crm-similarity-bar{background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:20px;box-shadow:inset 0 3px 6px #0000001a;height:40px;overflow:hidden;position:relative}.crm-similarity-fill{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:inset 0 2px 4px #ffffff4d;color:#fff;display:flex;font-size:18px;font-weight:800;height:100%;justify-content:flex-end;padding-right:20px;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.crm-similarity-fill:before{background:linear-gradient(180deg,#fff3,#0000);border-radius:20px 20px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.crm-explanation{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 6px #0000000a;color:#475569;font-size:15px;line-height:1.8;margin-top:16px;padding:16px 20px}.crm-comparison{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr auto 1fr}.crm-node-card{background:#fff;border:3px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.crm-node-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.crm-node-card.existing{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#667eea;overflow:hidden;position:relative}.crm-node-card.existing:before{background:radial-gradient(circle,#667eea1a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.crm-node-card.proposed{background:linear-gradient(135deg,#fff,#ecfdf5);border-color:#10b981;overflow:hidden;position:relative}.crm-node-card.proposed:before{background:radial-gradient(circle,#10b9811a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:100px}.crm-card-header{align-items:center;border-bottom:3px solid #e2e8f0;display:flex;gap:12px;margin-bottom:24px;padding-bottom:20px;position:relative;z-index:1}.crm-card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.crm-card-title{color:#1e293b;font-size:18px;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.crm-field{margin-bottom:20px;position:relative;z-index:1}.crm-field:last-child{margin-bottom:0}.crm-field-label{color:#64748b;display:block;font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.crm-field-value{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #0000000a;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.7;padding:14px 18px;transition:all .2s ease;word-break:break-word}.crm-field-value:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.crm-field-value.description{font-size:14px;line-height:1.8;max-height:220px;overflow-y:auto;white-space:pre-wrap}.crm-field-value.description::-webkit-scrollbar{width:8px}.crm-field-value.description::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.crm-field-value.description::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:4px}.crm-field-value.description::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.crm-arrow{align-items:center;animation:crmPulse 2.5s ease-in-out infinite;color:#667eea;display:flex;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3));font-size:42px;justify-content:center;margin-top:100px}@keyframes crmPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.crm-footer{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -6px 20px #0000000d;display:flex;gap:16px;justify-content:flex-end;padding:28px 40px}.crm-action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:10px;letter-spacing:.5px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.crm-action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.crm-action-btn:hover:before{height:300px;width:300px}.crm-action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.35;transform:none!important}.crm-action-btn span{position:relative;z-index:1}.crm-btn-enrich{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.crm-btn-enrich:hover:not(:disabled){box-shadow:0 8px 24px #667eea80;transform:translateY(-3px)}.crm-btn-enrich:active:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.crm-btn-create{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.crm-btn-create:hover:not(:disabled){box-shadow:0 8px 24px #10b98180;transform:translateY(-3px)}.crm-btn-create:active:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.crm-btn-cancel{background:#fff;border:3px solid #e2e8f0;box-shadow:0 2px 8px #00000014;color:#64748b}.crm-btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 6px 16px #0000001f;color:#475569;transform:translateY(-2px)}.crm-btn-cancel:active:not(:disabled){transform:translateY(0)}.crm-recommendation{align-items:flex-start;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;border-radius:14px;box-shadow:0 4px 12px #fbbf2433;color:#92400e;display:flex;font-size:15px;gap:14px;margin-bottom:28px;padding:20px 24px}.crm-recommendation-icon{filter:drop-shadow(0 2px 4px rgba(146,64,14,.2));flex-shrink:0;font-size:24px;margin-top:2px}.crm-recommendation-text{flex:1 1;line-height:1.7}.crm-recommendation strong{color:#78350f;font-weight:800;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1024px){.crm-modal{max-width:95%}.crm-comparison{gap:24px}}@media (max-width:768px){.crm-overlay{padding:16px}.crm-modal{border-radius:16px;max-height:96vh}.crm-header{padding:24px 28px}.crm-title{font-size:26px}.crm-subtitle{font-size:14px}.crm-body{padding:24px}.crm-comparison{gap:20px;grid-template-columns:1fr}.crm-arrow{font-size:32px;margin:20px 0;transform:rotate(90deg)}.crm-footer{flex-direction:column;padding:24px 28px}.crm-action-btn{justify-content:center;padding:16px 28px;width:100%}.crm-node-card{padding:20px}.crm-similarity-bar{height:36px}.crm-similarity-fill{font-size:16px}}@media (max-width:480px){.crm-header{padding:20px}.crm-title{font-size:22px}.crm-body{padding:20px}.crm-node-card{padding:16px}.crm-footer{padding:20px}}.crm-view-toggle{background:#f0f4f8;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:8px}.crm-toggle-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 20px;transition:all .2s ease}.crm-toggle-btn:hover{background:#6366f11a;color:#6366f1}.crm-toggle-btn.active{background:#fff;box-shadow:0 2px 8px #6366f126;color:#6366f1;font-weight:600}.crm-merge-view{display:flex;flex-direction:column;gap:24px}.crm-merge-instructions{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:15px;font-weight:500;padding:16px 24px}.crm-merge-field{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s ease}.crm-merge-field:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.crm-merge-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.crm-merge-header strong{color:#1e293b;font-size:16px}.crm-field-score{background:#fff;border-radius:8px;color:#64748b;font-size:13px;font-weight:500;padding:6px 12px}.crm-merge-options{display:flex;flex-direction:column;gap:12px}.crm-merge-option{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.crm-merge-option:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a;transform:translateX(4px)}.crm-merge-option.selected{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:#6366f1;box-shadow:0 4px 16px #6366f133}.crm-merge-option input[type=radio]{accent-color:#6366f1;cursor:pointer;height:20px;margin-top:4px;width:20px}.crm-option-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.crm-option-label{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:6px}.crm-option-value{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;line-height:1.6;padding:12px}.crm-option-value.description{max-height:120px;overflow-y:auto;white-space:pre-wrap}.crm-manual-edit{border:2px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.6;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.crm-manual-edit:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.crm-merge-preview{background:linear-gradient(135deg,#f0fdf4,#dbeafe);border:2px solid #10b981;border-radius:16px;margin-top:12px;padding:24px}.crm-preview-header{align-items:center;border-bottom:2px solid #10b9814d;color:#065f46;display:flex;font-size:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.crm-preview-hint{color:#059669;font-size:12px;font-weight:500;opacity:.8}.crm-preview-content{display:flex;flex-direction:column;gap:12px}.crm-preview-field{background:#fff;border-left:3px solid #10b981;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s ease}.crm-preview-field:hover{border-left-color:#059669;box-shadow:0 2px 8px #10b98126}.crm-preview-field strong{color:#065f46;font-size:13px;font-weight:600}.crm-preview-input,.crm-preview-textarea{background:#f0fdf4;border:2px solid #d1fae5;border-radius:6px;color:#1e293b;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.crm-preview-input:hover,.crm-preview-textarea:hover{background:#fff;border-color:#10b981}.crm-preview-input:focus,.crm-preview-textarea:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 3px #10b9811a;outline:none}.crm-preview-textarea{line-height:1.6;min-height:80px;resize:vertical}.crm-clickable-value{cursor:pointer;position:relative;transition:all .2s ease}.crm-clickable-value:hover{background:#6366f114!important;box-shadow:0 2px 8px #6366f133;color:#4f46e5!important;transform:scale(1.02)}.crm-clickable-value:after{content:"🔄";font-size:12px;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.crm-clickable-value:hover:after{opacity:.6}.crm-btn-merge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:2 1}.crm-btn-merge:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#fa709a,#fee140);--card-shadow:0 4px 20px #00000014;--card-shadow-hover:0 8px 30px #0000001f;--border-radius:16px;--border-radius-lg:24px;--text-primary:#1a202c;--text-secondary:#718096;--background-primary:#fff;--background-secondary:#f7fafc;--border-color:#e2e8f0;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.modern-text-creator-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.text-creator-header{margin-bottom:3rem}.creator-summary-card{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 30px #0000001f;box-shadow:var(--card-shadow-hover);color:#fff;overflow:hidden;padding:2rem;position:relative;transform:perspective(1000px) rotateX(2deg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.creator-summary-card:before{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.creator-summary-card:hover{box-shadow:0 12px 40px #667eea4d;transform:perspective(1000px) rotateX(0deg) translateY(-4px)}.creator-indicator{gap:1.5rem;position:relative;z-index:1}.creator-icon{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;border-radius:var(--border-radius);box-shadow:inset 0 1px 0 #ffffff4d;font-size:3rem;min-height:80px;min-width:80px;padding:1rem}.creator-info{flex:1 1}.creator-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.creator-description{font-size:1rem;font-weight:400;line-height:1.6;opacity:.95}.format-status{gap:1rem;position:relative;z-index:1}.tutorial-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.tutorial-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.tutorial-btn:active{transform:translateY(0)}.tutorial-icon{align-items:center;display:flex;font-size:1.2rem}.tutorial-text{white-space:nowrap}.format-indicator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border-radius:50px;box-shadow:0 4px 15px #0000001a;gap:.75rem;padding:.75rem 1.5rem}.format-dot{animation:pulse-glow 2s infinite;background:linear-gradient(45deg,#10b981,#34d399);box-shadow:0 0 10px #10b98180;height:12px;width:12px}.format-text{font-size:.9rem;font-weight:600}.text-creator-body{grid-gap:2rem;display:grid;gap:2rem}.format-controls-section{background:#fff;background:var(--background-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #00000014;box-shadow:var(--card-shadow);overflow:hidden;padding:2rem;position:relative}.format-controls-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.format-selector,.format-tabs{margin-bottom:2rem}.format-tabs{grid-gap:1.5rem;gap:1.5rem}.format-tab{background:#f7fafc;background:var(--background-secondary);border:2px solid #0000;border-radius:var(--border-radius);text-align:center}.format-tab,.format-tab:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.format-tab:before{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;width:100%}.format-tab:hover:before{left:100%}.format-tab:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#6366f1;box-shadow:0 8px 30px #0000001f;box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.format-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-2px)}.tab-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.tab-label{display:block;letter-spacing:-.025em;margin-bottom:.5rem}.tab-description{font-size:.85rem;line-height:1.4}.format-suggestions{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);padding-top:1.5rem}.suggestions-label{align-items:center;color:#718096;color:var(--text-secondary);display:flex;font-size:1rem;gap:.5rem}.suggestions-label:before{content:"💡";font-size:1.2rem}.suggestion-chips{gap:1rem}.suggestion-chip{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #0000;border-radius:25px;box-shadow:0 2px 8px #1e40af1a;color:#1e40af;font-weight:600;overflow:hidden;padding:.75rem 1.25rem;position:relative}.suggestion-chip,.suggestion-chip:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.suggestion-chip:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.suggestion-chip:hover:before{left:100%}.suggestion-chip:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 8px 20px #1e40af33;transform:translateY(-3px) scale(1.05)}.suggestion-chip:active{transform:translateY(-1px) scale(1.02)}.text-input-section{background:#fff;background:var(--background-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #00000014;box-shadow:var(--card-shadow);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.text-input-section:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.text-input-section:focus-within{box-shadow:0 8px 30px #0000001f;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.input-container{position:relative}.input-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);padding:1.5rem}.input-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem;margin-right:.5rem}.input-label{color:#1a202c;color:var(--text-primary);font-size:1.1rem;font-weight:700;letter-spacing:-.025em}.char-counter{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:inset 0 1px 3px #0000000d;color:#718096;color:var(--text-secondary);font-weight:600;padding:.5rem 1rem}.modern-text-input{background:#fff;background:var(--background-primary);border:none;color:#1a202c;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.8;min-height:200px;padding:2rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.modern-text-input:focus{background:linear-gradient(135deg,#fafbfc,#f8fafc);outline:none}.modern-text-input::placeholder{color:#a0aec0;font-style:italic;font-weight:400}.input-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.input-footer,.input-tips{align-items:center;display:flex}.input-tips{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #bae6fd;border-radius:12px;color:#718096;color:var(--text-secondary);flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;min-width:250px;padding:.75rem 1rem}.analyze-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;letter-spacing:-.025em;overflow:hidden;padding:1rem 2rem;position:relative}.analyze-btn,.analyze-btn:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.analyze-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.analyze-btn:hover:not(:disabled):before{left:100%}.analyze-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px) scale(1.05)}.analyze-btn:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.analyze-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-spinner{border:3px solid #ffffff4d;height:18px;width:18px}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.mentioned-nodes-section{background:#fff;background:var(--background-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #00000014;box-shadow:var(--card-shadow);overflow:hidden;padding:2rem;position:relative}.mentioned-nodes-section:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--warning-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-title{color:#1a202c;color:var(--text-primary);font-weight:800;gap:.75rem;letter-spacing:-.025em;margin:0 0 1.5rem}.section-title:before{content:"🔍";font-size:1.5rem}.mentioned-nodes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mentioned-node{align-items:center;border:2px solid #0000;border-radius:16px;border-radius:var(--border-radius);display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative}.mentioned-node,.mentioned-node:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mentioned-node:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.mentioned-node:hover:before{left:100%}.mentioned-node.existing{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.mentioned-node.new{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.mentioned-node:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.node-name{color:var(--text-primary)}.node-status{font-size:.8rem;font-weight:600;opacity:.8}.node-preview-section{animation:slideInUp .4s ease-out;background:#fff;background:var(--background-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 30px #0000001f;box-shadow:var(--card-shadow-hover);overflow:hidden;position:relative}.node-preview-section:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.node-tabs{background:#f7fafc;background:var(--background-secondary);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.node-tab-btn{background:#fff;background:var(--background-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;color:#718096;color:var(--text-secondary);cursor:pointer;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;white-space:nowrap}.node-tab-btn,.node-tab-btn:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.node-tab-btn:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.node-tab-btn:hover:before{left:100%}.node-tab-btn:hover{border-color:#6366f1;box-shadow:0 4px 20px #00000014;box-shadow:var(--card-shadow);transform:translateY(-2px)}.node-tab-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.preview-container{padding:0}.preview-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;overflow:hidden;padding:2rem;position:relative}.preview-header:before{background:linear-gradient(45deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.preview-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:25px;display:flex;gap:.75rem;padding:.75rem 1.5rem;position:relative;z-index:1}.preview-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.3rem}.preview-label{font-size:1rem;font-weight:700;letter-spacing:-.025em}.preview-type{position:relative;z-index:1}.type-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.preview-main-info{background:#fff;background:var(--background-primary);padding:2.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.info-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #0000;border-radius:16px;border-radius:var(--border-radius);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.info-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.info-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#6366f1;box-shadow:0 8px 30px #0000001f;box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.info-header{align-items:center;color:#718096;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.info-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.3rem}.info-label{letter-spacing:.05em}.info-value{font-size:1.2rem;font-weight:800;letter-spacing:-.025em;line-height:1.3}.info-input,.info-value{color:#1a202c;color:var(--text-primary)}.info-input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.info-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.info-input::placeholder{color:#a0aec0;font-weight:400}.description-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:16px;border-radius:var(--border-radius);overflow:hidden;padding:2rem;position:relative}.description-card:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.description-header{align-items:center;color:#1a202c;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.description-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.4rem}.description-content{color:#1a202c;color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.8}.acceptance-section,.all-relationships-summary,.endpoint-schema-section,.metadata-section,.relationships-section,.workflow-section{border:2px solid;border-radius:16px;border-radius:var(--border-radius);margin:2rem 2.5rem;overflow:hidden;padding:2rem;position:relative}.acceptance-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.acceptance-section:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.workflow-section{background:linear-gradient(135deg,#fef7ff,#fae8ff);border-color:#e9d5ff}.workflow-section:before{background:linear-gradient(135deg,#a855f7,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0}.metadata-section{background:linear-gradient(135deg,#fefce8,#fef3c7);border-color:#fde68a}.metadata-section:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--warning-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.endpoint-schema-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.endpoint-schema-section:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.relationships-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1}.relationships-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.all-relationships-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.all-relationships-summary:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--warning-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.acceptance-header,.metadata-header,.relationships-header,.schema-header{align-items:center;color:#1a202c;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.acceptance-icon,.metadata-icon,.relationships-icon,.schema-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.4rem}.preview-actions{grid-gap:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:2.5rem}.action-btn{border-radius:16px;border-radius:var(--border-radius);font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:-.025em;overflow:hidden;padding:1.25rem 1.75rem;position:relative;text-align:center}.action-btn,.action-btn:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.action-btn:hover:not(:disabled):before{left:100%}.action-btn.primary{background:var(--primary-gradient);box-shadow:0 4px 15px #667eea4d}.action-btn.primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px) scale(1.02)}.action-btn.primary-alt{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);box-shadow:0 4px 15px #4bacfe4d;color:#fff}.action-btn.primary-alt:hover:not(:disabled){box-shadow:0 8px 25px #4bacfe66;transform:translateY(-3px) scale(1.02)}.action-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d;color:#fff}.action-btn.secondary:hover:not(:disabled){box-shadow:0 8px 25px #f59e0b66;transform:translateY(-3px) scale(1.02)}.action-btn.secondary-alt{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);box-shadow:0 4px 15px #f093fb4d;color:#fff}.action-btn.secondary-alt:hover:not(:disabled){box-shadow:0 8px 25px #f093fb66;transform:translateY(-3px) scale(1.02)}.action-btn.tertiary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b72804d;color:#fff}.action-btn.tertiary:hover:not(:disabled){box-shadow:0 8px 25px #6b728066;transform:translateY(-3px) scale(1.02)}.action-btn:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.action-btn:disabled{opacity:.6}@media (max-width:768px){.modern-text-creator-container{padding:1rem}.creator-summary-card{flex-direction:column;gap:1rem;text-align:center}.creator-indicator{justify-content:center}.format-tabs,.info-grid{grid-template-columns:1fr}.suggestion-chips{justify-content:center}.preview-actions{grid-template-columns:1fr}.input-footer,.node-tabs{flex-direction:column}.input-footer{gap:1rem}.input-tips{min-width:auto}}@media (max-width:480px){.creator-title{font-size:1.5rem}.creator-icon{font-size:2rem;min-height:60px;min-width:60px}.section-title{font-size:1.1rem}.modern-text-input{font-size:.9rem;padding:1.5rem}}.test-coverage-container{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:inherit;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;caption-side:top;clear:none;color:#000;color:inherit;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.test-coverage-container *,.test-coverage-container :after,.test-coverage-container :before{box-sizing:border-box}.test-coverage-container button{box-shadow:none!important;font-family:inherit!important;margin:0!important}.test-coverage-container input,.test-coverage-container select{border-radius:6px!important;font-family:inherit!important;margin:0!important;width:auto!important}.test-coverage-container table{border-collapse:collapse!important;font-family:inherit!important;width:100%!important}.test-coverage-container table td,.test-coverage-container table th{text-align:inherit!important;vertical-align:middle!important}.test-coverage-container label{display:inherit!important;font-family:inherit!important;font-weight:inherit!important;margin:0!important}.test-coverage-container div{box-sizing:border-box!important}.test-coverage-container span{font-family:inherit!important}.coverage-header{margin-bottom:1.5rem}.coverage-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.title-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.75rem}.coverage-meta{margin-left:2.5rem}.meta-text{color:#6b7280;font-size:.9rem;font-weight:500}.coverage-stats-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.stats-main{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr;margin-bottom:1.5rem}.coverage-percentage{align-items:center;display:flex;flex-direction:column;text-align:center}.percentage-icon{font-size:2.5rem;margin-bottom:.5rem}.percentage-value{font-size:3rem;font-weight:800;line-height:1;margin-bottom:.25rem}.coverage-status{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.coverage-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-direction:column;padding:1rem;text-align:center}.detail-label{color:#6b7280;font-size:.8rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.detail-value{font-size:1.5rem;font-weight:700}.detail-value.tested{color:#10b981}.detail-value.untested{color:#ef4444}.detail-value.total{color:#3b82f6}.coverage-progress-container{margin-top:1rem}.progress-bar-wrapper{background:#e5e7eb;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden;width:100%}.progress-bar,.progress-bar-wrapper{border-radius:20px;position:relative}.progress-bar{background:linear-gradient(90deg,currentColor,currentColor);box-shadow:0 2px 4px #0003;height:100%;transition:width .8s ease-in-out}.progress-shine{animation:shine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.progress-labels{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 .25rem}.progress-label{color:#6b7280;font-size:.75rem;font-weight:500}.coverage-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.table-header{grid-gap:1.5rem;align-items:center;background:linear-gradient(135deg,#1e293b,#334155);gap:1.5rem;grid-template-columns:1fr auto auto;padding:1.5rem 2rem}.table-title{font-size:1.2rem;font-weight:600}.table-icon{font-size:1.25rem}.table-legend{display:flex;gap:1.5rem}.legend-item{color:#cbd5e1}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot.has-tests{background:#10b981}.legend-dot.no-tests{background:#ef4444}.table-wrapper{overflow-x:auto}.enhanced-coverage-table{border-collapse:collapse;font-size:.9rem;width:100%}.enhanced-coverage-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#374151;font-weight:600;padding:1rem 1.5rem;text-align:left}.th-content{align-items:center;display:flex;gap:.5rem}.th-icon{font-size:1rem;opacity:.7}.col-tests{max-width:200px;min-width:120px!important;text-align:center;width:160px!important}.col-tests,.tests-cell{vertical-align:middle!important}.tests-cell{display:table-cell!important;text-align:center!important}.enhanced-coverage-table td{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;vertical-align:middle}.enhanced-coverage-table tr:hover{background:#f8fafc}.has-tests-row{background:#10b98105}.no-tests-row{background:#ef444405}.has-tests-row:hover{background:#10b9810d}.no-tests-row:hover{background:#ef44440d}.node-cell{width:25%}.node-info{display:flex;flex-direction:column;gap:.25rem}.node-name{color:#1f2937}.node-index{color:#9ca3af;font-size:.75rem;font-weight:500}.description-cell{width:50%}.description-content{color:#4b5563;line-height:1.5}.tests-cell{text-align:center;width:25%}.test-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;margin:0 auto;padding:.5rem .75rem}.test-badge.has-tests{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.test-badge.no-tests{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.test-icon{font-size:1rem}.test-count{font-weight:700}.test-text{font-weight:500}.pagination-container{flex-wrap:wrap;padding:1.5rem 2rem}.pagination-btn{align-items:center;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;color:#374151!important;display:flex;font-family:inherit!important;font-size:.9rem!important;font-weight:500;gap:.5rem;margin:0!important;padding:.5rem 1rem!important;transition:all .2s ease!important}.pagination-btn:hover:not(:disabled){background:#f3f4f6!important;border-color:#9ca3af!important;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.next .btn-icon,.pagination-btn.prev .btn-icon{font-size:.8rem}.pagination-numbers{margin:0 .5rem}.pagination-number{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;color:#374151!important;font-family:inherit!important;font-size:.9rem!important;font-weight:500;height:40px;margin:0!important;min-width:40px;padding:0!important;transition:all .2s ease!important}.pagination-number:hover:not(:disabled):not(.active){background:#f3f4f6!important;border-color:#9ca3af!important}.pagination-number.active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;font-weight:600}.pagination-number.dots{background:#0000;border:none;color:#9ca3af;cursor:default}.pagination-number.dots:hover{background:#0000}.pagination-summary{color:#6b7280;font-size:.9rem;font-weight:500}.table-controls{flex-wrap:wrap;gap:1.5rem}.pagination-info,.table-controls{align-items:center;display:flex}.pagination-text{color:#cbd5e1;font-size:.85rem;font-weight:500}.filter-info{color:#f59e0b;font-weight:600}.filter-indicator{color:#3b82f6;font-weight:600}.filter-selector{align-items:center;display:flex;gap:.5rem}.filter-selector label{color:#cbd5e1;font-size:.85rem;font-weight:500;white-space:nowrap}.filter-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#374151!important;font-family:inherit!important;font-size:.85rem!important;margin:0!important;min-width:160px;padding:.375rem .75rem!important;transition:all .2s ease!important;width:auto!important}.filter-select:hover{border-color:#9ca3af!important}.filter-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.items-per-page-selector{align-items:center;display:flex;gap:.5rem}.items-per-page-selector label{color:#cbd5e1;font-size:.85rem;font-weight:500;white-space:nowrap}.items-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;color:#374151!important;cursor:pointer;font-family:inherit!important;font-size:.85rem!important;margin:0!important;padding:.375rem .75rem!important;transition:all .2s ease!important;width:auto!important}.items-select:hover{border-color:#9ca3af!important}.items-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}@media (max-width:768px){.coverage-stats-card{padding:1.5rem}.stats-main{gap:1.5rem;text-align:center}.coverage-details,.stats-main,.table-header{grid-template-columns:1fr}.table-header{gap:1rem;text-align:center}.table-controls{flex-direction:column;gap:1rem;order:1}.filter-selector,.items-per-page-selector,.table-controls,.table-legend{justify-content:center}.table-legend{order:2}.pagination-container{flex-direction:column;padding:1rem;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-numbers{margin:.5rem 0;order:2}.pagination-btn.prev{order:1}.pagination-btn.next{order:3}}@media (max-width:480px){.coverage-stats-card{padding:1rem}.percentage-value{font-size:2.5rem}.detail-item{padding:.75rem}.detail-value{font-size:1.25rem}.enhanced-coverage-table{font-size:.8rem}.enhanced-coverage-table td,.enhanced-coverage-table th{padding:.5rem .75rem}.pagination-btn .btn-text{display:none}.pagination-btn{justify-content:center;min-width:40px;padding:.5rem}.pagination-number{font-size:.8rem;height:35px;min-width:35px}.table-controls{flex-direction:column;gap:.5rem}.items-per-page-selector{flex-direction:column;gap:.25rem;text-align:center}.filter-select,.items-select{font-size:.8rem;min-width:auto}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.mbt-button{border-radius:3px;font-size:10px!important;line-height:1;margin-top:4px;opacity:.7;padding:4px 8px!important;transition:opacity .2s}.mbt-button:hover{opacity:1}.mbt-add-button{color:#035808}.mbt-delete-button{color:#dc2626}.mbt-centered-button{margin-top:8px}.mbt-button-group{display:flex;gap:8px;justify-content:center}.legendBloc{align-items:center;border-radius:15px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;font-weight:700;justify-content:space-between;margin:6px;padding:8px;width:100%}.inputNodes{width:80%}.gherkin-step{display:block;line-height:1.5;margin-bottom:12px;padding-left:3px}.gherkin-keyword{border-radius:4px;display:inline-block;margin-right:6px;padding:2px 4px}.gherkin-given{background-color:#dbeafe;color:#1e40af}.gherkin-when{background-color:#fef3c7;color:#92400e}.gherkin-then{background-color:#dcfce7;color:#047857}.gherkin-and{background-color:#e5e7eb;color:#4b5563}.gherkin-text{color:#111827}.global-tests-graph-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:24px 0;overflow:hidden}.graph-header{align-items:center;background:linear-gradient(135deg,#f6f6f8,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 28px;text-align:left;transition:all .3s ease;width:100%}.graph-header:hover{background:linear-gradient(135deg,#5a6fd8,#6b4190)}.graph-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.graph-title-area{align-items:center;display:flex;gap:16px}.graph-title-icon{font-size:28px;opacity:.9}.graph-title-text h3{font-size:24px;font-weight:700;margin:0;text-shadow:0 1px 2px #0000001a}.graph-subtitle{font-size:14px;font-weight:400;margin:4px 0 0;opacity:.85}.graph-status-area{align-items:center;display:flex;gap:12px}.expand-arrow{font-size:18px;margin-left:12px;transition:transform .3s ease}.status-badge-graph{border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.status-badge-graph.success{background:#fff3;border:1px solid #10b9814d;color:#10b981}.status-badge-graph.error{background:#fff3;border:1px solid #ef44444d;color:#ef4444}.loading-indicator{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.graph-accordion-content{background:#fff;max-height:0;overflow:hidden;transition:all .4s ease}.graph-accordion-content.expanded{max-height:none;overflow:visible}.graph-controls{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;gap:20px;justify-content:center;padding:20px 28px}.control-group{align-items:center;display:flex;gap:12px}.control-label{color:#374151;font-size:14px;font-weight:600;white-space:nowrap}.control-label.required{color:#dc2626}.control-select{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#374151;cursor:pointer;font-size:14px;min-width:160px;padding:10px 16px;transition:all .2s ease}.control-select:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.control-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.control-select.required-field{background:#fef2f2;border-color:#dc2626}.control-select.required-field:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{align-items:center;display:flex;font-size:12px;gap:4px;margin-left:8px}.error-message:before{content:"⚠️";font-size:14px}.graph-content{background:#fafbfc;min-height:200px;padding:28px}.empty-state{padding:60px 20px}.empty-state-icon{opacity:.3}.empty-state-title{color:#374151;font-weight:600;margin:0 0 12px}.empty-state-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0;max-width:400px}@media (max-width:768px){.graph-header{align-items:flex-start;flex-direction:column;padding:20px 24px}.graph-title-text h3{font-size:20px}.graph-subtitle{font-size:13px}.graph-status-area{align-self:flex-end;margin-top:-40px}.graph-controls{align-items:stretch;flex-direction:column;gap:16px;padding:16px 24px}.control-group{align-items:flex-start;flex-direction:column;gap:8px}.control-select{min-width:auto;width:100%}.graph-content{padding:20px}.empty-state{padding:40px 20px}.empty-state-icon{font-size:48px}.empty-state-title{font-size:18px}}@media (max-width:480px){.graph-title-area{align-items:flex-start;flex-direction:column;gap:12px}.graph-title-icon{font-size:24px}.graph-title-text h3{font-size:18px}}.review-interface.review-solo{display:block}.review-interface.review-solo .review-panel.full-width{margin:0 auto;max-width:100%;width:100%}.review-interface.review-team{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.nodemented-funnel{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100%!important;margin:0 auto;max-width:98%;min-height:100vh;padding:.5rem}.funnel-header{margin-bottom:3rem;text-align:center}.funnel-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.funnel-title p{color:#64748b;font-size:1.2rem;margin-bottom:2rem}.funnel-progress{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.progress-step{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-width:240px;padding:1.5rem;position:relative;transition:all .3s ease}.progress-step.completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b9814d;color:#fff;transform:translateY(-2px)}.progress-step.active{animation:gentle-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--step-color),color-mix(in srgb,var(--step-color) 80%,#000));box-shadow:0 12px 30px #0003;color:#fff;transform:translateY(-4px)}.progress-step.accessible{background:#ffffffe6;border-color:var(--step-color)}.progress-step.accessible:hover{background:#fff;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.progress-step.locked{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.6}.step-indicator{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;position:relative}.step-icon-wrapper{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;padding:4px;position:absolute;right:-8px;top:-8px}.status-icon.completed{color:#10b981}.status-icon.active{animation:pulse 2s infinite;color:#3b82f6}.status-icon.accessible{color:#f59e0b}.status-icon.locked{color:#94a3b8}.step-number{background:#e2e8f0;background:var(--step-color,#e2e8f0);font-size:1.2rem;height:48px;width:48px}.step-details{text-align:center}.step-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step-description{font-size:.9rem;line-height:1.3;opacity:.8}.step-connector{background:#e2e8f0;height:2px;position:relative;width:60px}.step-connector.completed .connector-line{background:#10b981;border-radius:2px;height:100%;width:100%}.step-connector .connector-line{background:#e2e8f0;height:100%;transition:width .5s ease;width:0}.funnel-content{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-top:2rem;padding:2rem}.funnel-step-content{animation:slideInFromTop .4s ease-out}.step-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;margin-bottom:2rem;padding-bottom:1rem}.step-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;margin-right:1rem}.step-info h3{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.step-info p{color:#64748b;font-size:1.1rem}.ingestion-methods{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.method-accordion{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:.5rem;overflow:hidden;transition:all .3s ease}.method-accordion:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61a}.method-accordion.expanded{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;margin-bottom:1rem}.method-header{align-items:center;background:#f8fafc;border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease}.method-header:hover{background:#f1f5f9}.method-accordion.expanded .method-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom-color:#e2e8f0}.method-header-left{align-items:center;display:flex;gap:.75rem}.method-icon{font-size:1.5rem;transition:transform .3s ease}.method-accordion.expanded .method-icon{transform:scale(1.1)}.method-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.method-subtitle{color:#64748b;font-size:.9rem;font-weight:400;margin:.25rem 0 0}.method-expand-icon{align-items:center;background:#fffc;border-radius:50%;color:#6b7280;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:transform .3s ease;width:32px}.method-accordion.expanded .method-expand-icon{background:#3b82f61a;color:#3b82f6;transform:rotate(180deg)}.method-content{border-top:1px solid #0000;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.method-accordion.expanded .method-content{border-top:1px solid #e2e8f0;max-height:2000px;opacity:1;overflow-x:hidden;overflow-y:auto}.method-accordion.expanded .method-content::-webkit-scrollbar{width:6px}.method-accordion.expanded .method-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.method-accordion.expanded .method-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.method-accordion.expanded .method-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.method-content-inner{background:#fff;min-height:-webkit-fit-content;min-height:fit-content;padding:1.5rem}.method-description{color:#4b5563;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.method-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.feature-item{border:1px solid #e2e8f0;gap:.5rem;padding:.75rem}.feature-icon{color:#10b981;font-size:1rem}.feature-text{color:#374151;font-size:.9rem;font-weight:500}.method-actions{gap:1rem}.method-actions,.method-btn{align-items:center;display:flex}.method-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.method-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d;color:#fff}.method-btn.primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.method-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.method-btn.secondary:hover{border-color:#3b82f6;color:#3b82f6}.method-status{align-items:center;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:20px;color:#0369a1;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.method-preview{background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:8px;margin-top:1rem;padding:1rem}.preview-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.preview-content{border:1px solid #d1d5db;border-radius:4px;color:#374151;font-family:Courier New,monospace;font-size:.85rem;padding:.75rem}.review-controls{margin-bottom:2rem}.review-mode-selector label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.mode-options{display:flex;gap:1rem;margin-bottom:1rem}.mode-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:.5rem;padding:.75rem 1.5rem}.mode-btn.active{background:#3b82f6}.mode-btn.active,.mode-btn:hover{border-color:#3b82f6}.collaboration-info{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #93c5fd;border-radius:12px;margin-top:1rem;padding:1rem}.collab-badge{align-items:center;color:#1e40af;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.collab-description{color:#1e40af;font-size:.9rem;margin:0}.review-interface{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.comments-panel,.review-panel{background:#f8fafc;border-radius:16px;padding:1.5rem}.panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:between;margin-bottom:1rem;padding-bottom:.5rem}.panel-header h4{color:#374151;font-weight:600}.pending-stats .stat-badge{background:#3b82f6;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.comments-feed{margin-bottom:1rem;max-height:300px;overflow-y:auto}.comment-item{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:.75rem;padding:1rem}.comment-author{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.author-avatar{font-size:1.2rem}.author-name{color:#374151;font-weight:600}.comment-content{color:#4b5563;margin-bottom:.5rem}.comment-meta{color:#9ca3af;font-size:.8rem}.add-comment{display:flex;flex-direction:column;gap:.5rem}.comment-input{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;padding:.75rem;resize:vertical}.send-comment-btn{align-self:flex-end;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .3s ease}.send-comment-btn:hover{background:#2563eb}.summary-cards,.validation-summary{margin-bottom:2rem}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;text-align:center;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.card-icon{font-size:2rem;margin-bottom:.5rem}.card-number{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.25rem}.card-label{color:#64748b;font-weight:500}.validation-options{margin-bottom:2rem}.option-group h4{color:#374151;font-weight:600;margin-bottom:1rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background .3s ease}.checkbox-item:hover{background:#f1f5f9}.checkbox-custom{background:#fff;border:2px solid #d1d5db;transition:all .3s ease}.checkbox-item input[type=checkbox]:checked+.checkbox-custom{background:#3b82f6;border-color:#3b82f6}.checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:.8rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-item input[type=checkbox]{display:none}.commit-preview{margin-bottom:2rem}.commit-preview h4{color:#374151;font-weight:600;margin-bottom:1rem}.commit-input{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;padding:.75rem;resize:vertical;width:100%}.export-summary{margin-bottom:2rem}.success-indicator{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:16px;display:flex;padding:1.5rem}.success-icon{font-size:3rem;margin-right:1rem}.success-message h4{color:#065f46;font-weight:700;margin-bottom:.5rem}.success-message p{color:#047857;margin:0}.export-options{margin-bottom:2rem}.export-options h4{color:#374151;font-weight:600;margin-bottom:1rem}.export-formats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.format-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease}.format-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.format-header{align-items:center;display:flex;margin-bottom:1rem}.format-icon{font-size:1.5rem;margin-right:.5rem}.format-header h5{color:#1e293b;font-weight:600}.format-card p{color:#64748b;margin-bottom:1rem}.surveillance-config{margin-bottom:2rem}.surveillance-config h4{color:#374151;font-weight:600;margin-bottom:1rem}.config-options{display:flex;flex-direction:column;gap:.75rem}.workflow-analytics{margin-bottom:2rem}.workflow-analytics h4{color:#374151;font-weight:600;margin-bottom:1rem}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem}.step-actions{align-items:center;border-top:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}.commit-btn,.complete-btn,.next-step-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.commit-btn:hover,.complete-btn:hover,.next-step-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.commit-btn:disabled,.next-step-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-step-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.back-step-btn:hover{border-color:#9ca3af;color:#374151}.export-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.export-btn:hover{border-color:#3b82f6;color:#3b82f6}.step-arrow{font-size:1.2rem}@media (max-width:768px){.nodemented-funnel{padding:1rem}.funnel-progress{flex-direction:column;gap:1rem}.progress-step{min-width:100%}.step-connector{height:30px;margin:0;width:2px}.export-formats,.review-interface,.summary-cards{grid-template-columns:1fr}.step-actions{flex-direction:column-reverse;text-align:center}.ingestion-methods{grid-template-columns:1fr}}.integration-modal-overlay{align-items:center;animation:integrationFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes integrationFadeIn{0%{opacity:0}to{opacity:1}}.integration-modal-content{animation:integrationSlideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.integration-modal-large{max-width:1900px}@keyframes integrationSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.integration-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.integration-modal-header h2{color:#1a1a1a;font-size:24px;margin:0}.integration-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.integration-modal-close:hover{background:#f0f0f0;color:#333}.integration-modal-header-actions{align-items:center;display:flex;gap:12px}.integration-modal-header-actions .integration-button-small{border-radius:6px;font-size:13px;padding:8px 16px;white-space:nowrap}.integration-security-notice{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.integration-security-icon{font-size:24px}.integration-security-notice strong{color:#1565c0;display:block;margin-bottom:4px}.integration-security-notice p{color:#555;font-size:14px;margin:0}.integration-form{display:flex;flex-direction:column;gap:20px}.integration-form-group{display:flex;flex-direction:column;gap:8px}.integration-form-group label{color:#333;font-size:14px;font-weight:600}.integration-input{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s}.integration-input:focus{border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a;outline:none}.integration-form-group small{color:#666;font-size:13px}.integration-form-group small a{color:#2196f3;text-decoration:none}.integration-form-group small a:hover{text-decoration:underline}.integration-button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.integration-button-primary{background:#2196f3;color:#fff}.integration-button-primary:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.integration-button-secondary{background:#f5f5f5;color:#333}.integration-button-secondary:hover:not(:disabled){background:#e0e0e0}.integration-button:disabled{cursor:not-allowed;opacity:.6}.integration-modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.integration-error-message{align-items:center;background:#ffebee;border-left:4px solid #f44336;border-radius:8px;color:#c62828;display:flex;gap:8px;padding:12px 16px}.integration-jira-input{display:flex;gap:12px;margin-bottom:24px}.integration-jira-input input{flex:1 1}.integration-loading{color:#666;padding:40px 20px;text-align:center}.integration-spinner{animation:integrationSpin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#2196f3;height:40px;margin:0 auto 16px;width:40px}@keyframes integrationSpin{to{transform:rotate(1turn)}}.integration-analysis-results{margin-top:24px}.integration-summary{background:#f5f5f5;border-radius:8px;margin-bottom:24px;padding:16px}.integration-summary h3{color:#333;margin:0 0 8px}.integration-summary p{color:#555;margin:0 0 12px}.integration-summary a{color:#2196f3;font-weight:600;text-decoration:none}.integration-summary a:hover{text-decoration:underline}.integration-section{margin-bottom:32px}.integration-section h3{color:#333;font-size:18px;margin:0 0 16px}.integration-nodes-list{display:flex;flex-direction:column;gap:12px}.integration-suggested-node{border:2px solid #e0e0e0;border-radius:8px;transition:all .2s}.integration-suggested-node:has(input:checked){background:#f0f8ff;border-color:#2196f3}.integration-node-checkbox{cursor:pointer;display:flex;gap:12px;margin:0;padding:16px}.integration-node-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-top:4px;width:20px}.integration-node-details{flex:1 1}.integration-node-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.integration-node-header strong{color:#1a1a1a}.integration-node-type{background:#e0e0e0;border-radius:12px;color:#555;font-size:12px;font-weight:600;padding:4px 12px}.integration-confidence-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.integration-node-description{color:#666;font-size:14px;margin:0}.integration-relations-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.integration-relations-list li{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.integration-relations-list code{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:4px 8px}.integration-tests-list{display:flex;flex-direction:column;gap:12px}.integration-suggested-test{border:2px solid #e0e0e0;border-radius:8px;transition:all .2s}.integration-suggested-test:has(input:checked){background:#f1f8f4;border-color:#4caf50}.integration-test-checkbox{cursor:pointer;display:flex;gap:12px;margin:0;padding:16px}.integration-test-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-top:4px;width:20px}.integration-test-details{flex:1 1}.integration-test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.integration-test-header strong{color:#1a1a1a}.integration-gherkin{background:#fafafa;border-radius:6px;font-size:14px;padding:12px}.integration-gherkin div{color:#ebe7e7;margin-bottom:4px}.integration-gherkin div:last-child{margin-bottom:0}.integration-gherkin strong{color:#2196f3;display:inline-block;min-width:60px}.integration-placeholder{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #999;border-radius:12px;padding:48px 32px;text-align:center;transition:all .3s}.integration-placeholder:hover{border-color:#2196f3;box-shadow:0 8px 24px #2196f333;transform:translateY(-4px)}.integration-placeholder-icon{font-size:64px;margin-bottom:16px}.integration-placeholder h3{color:#1a1a1a;font-size:24px;margin:0 0 12px}.integration-placeholder p{color:#555;margin:0 auto 24px;max-width:400px}.integration-placeholder-security{color:#666;display:block;font-size:13px;margin-top:16px}@media (prefers-color-scheme:dark){.integration-modal-content{background:#1e1e1e;color:#e0e0e0}.integration-modal-header h2,.integration-node-header strong,.integration-test-header strong{color:#fff}.integration-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}.integration-suggested-node,.integration-suggested-test{border-color:#444}.integration-suggested-node:has(input:checked){background:#1a2332}.integration-suggested-test:has(input:checked){background:#1a2e1f}.integration-gherkin,.integration-relations-list li,.integration-summary{background:#2a2a2a}}.integration-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px}.integration-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.integration-tab:hover{color:#2196f3}.integration-tab.active{border-bottom-color:#2196f3;color:#2196f3}.integration-filters{background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px}.integration-filter-group{align-items:center;display:flex;flex:1 1;gap:8px;min-width:200px}.integration-filter-group label{color:#555;font-size:14px;font-weight:600;white-space:nowrap}.integration-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s}.integration-filter-select:hover{border-color:#2196f3}.integration-filter-select:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.integration-ticket-list{margin-bottom:24px;max-height:500px;overflow-y:auto}.integration-tickets-table{overflow-x:auto;width:100%}.integration-tickets-table table{border-collapse:collapse;font-size:14px;width:100%}.integration-tickets-table thead{background:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:1}.integration-tickets-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:12px;text-align:left}.integration-tickets-table td{border-bottom:1px solid #e0e0e0;padding:12px;vertical-align:top}.integration-tickets-table tbody tr{cursor:pointer;transition:background .2s}.integration-tickets-table tbody tr:hover{background:#f9f9f9}.integration-ticket-summary{display:flex;flex-direction:column;gap:4px;max-width:400px}.integration-ticket-summary small{color:#666;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-badge{background:#e0e0e0;border-radius:4px;color:#555;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.integration-badge-status{background:#e3f2fd;color:#1565c0}.integration-button-small{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.integration-button-small:hover{background:#1976d2;transform:translateY(-1px)}.integration-no-tickets{color:#666;padding:40px 20px;text-align:center}.integration-no-tickets p{margin-bottom:16px}@media (max-width:768px){.integration-modal-content{padding:24px;width:95%}.integration-modal-large{max-width:95%}.integration-jira-input{flex-direction:column}.integration-node-header,.integration-test-header{align-items:flex-start;flex-direction:column}.integration-tickets-table{font-size:12px}.integration-tickets-table td,.integration-tickets-table th{padding:8px}.integration-tab{font-size:14px;padding:10px 16px}}.integration-connected-view{padding:1rem 0}.integration-success-banner{align-items:center;animation:slideInFromTop .4s ease-out;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.integration-success-icon{animation:bounceIn .6s ease-out;font-size:2.5rem}.integration-success-banner strong{color:#2e7d32;display:block;font-size:1.1rem;margin-bottom:.25rem}.integration-success-banner p{color:#1b5e20;font-weight:500;margin:.25rem 0}.integration-email{color:#558b2f!important;font-size:.9rem;font-style:italic}.integration-info-box{background:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.integration-info-box h4{color:#e65100;font-size:1rem;margin:0 0 .5rem}.integration-info-box p{color:#ef6c00;font-size:.9rem;margin:0}.integration-button-danger{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:8px;box-shadow:0 4px 12px #f443364d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.integration-button-danger:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 6px 16px #f4433666;transform:translateY(-2px)}.integration-button-danger:active:not(:disabled){box-shadow:0 2px 8px #f443364d;transform:translateY(0)}.integration-button-danger:disabled{background:#e0e0e0;box-shadow:none;color:#9e9e9e;cursor:not-allowed;opacity:.6}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.nodemented-trigger-container{align-items:center;display:flex;justify-content:flex-end}.nodemented-funnel-trigger-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#d946ef);border:none;border-radius:16px;box-shadow:0 8px 25px #6366f14d;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:1rem;min-width:480px;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:all .3s ease}.nodemented-funnel-trigger-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nodemented-funnel-trigger-btn:hover:before{left:100%}.nodemented-funnel-trigger-btn:hover{box-shadow:0 12px 35px #6366f166;transform:translateY(-3px)}.nodemented-funnel-trigger-btn:active{transform:translateY(-1px)}.nodemented-funnel-trigger-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.nodemented-funnel-trigger-btn:disabled:hover{box-shadow:0 8px 25px #6366f14d;transform:none}.trigger-icon{animation:gentle-pulse 3s ease-in-out infinite;background-color:#ff0;border-radius:35px;font-size:2rem}.trigger-content{flex:1 1;text-align:left}.trigger-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.25rem}.trigger-subtitle{font-size:.85rem;font-weight:400;line-height:1.2;opacity:.9}.trigger-badge{animation:badge-bounce 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f70303;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}@media (max-width:768px){.main-header-flex{align-items:stretch;flex-direction:column;gap:1.5rem}.nodemented-trigger-container{justify-content:center}.nodemented-funnel-trigger-btn{justify-content:center;min-width:100%;text-align:center}.trigger-content{text-align:center}.trigger-title{font-size:1rem}.trigger-subtitle{font-size:.8rem}}@media (max-width:480px){.nodemented-funnel-trigger-btn{gap:.75rem;padding:1rem 1.5rem}.trigger-icon{font-size:1.5rem}.trigger-title{font-size:.95rem}.trigger-subtitle{font-size:.75rem}}.main-header-flex{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.main-title{color:#1e293b;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.main-desc{color:#64748b;font-size:1.1rem;line-height:1.5;margin:0}.main-section-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-bottom:2rem;padding:2rem}.nodemented-funnel-trigger-btn:focus{box-shadow:0 8px 25px #6366f14d,0 0 0 3px #6366f133;outline:none}.nodemented-funnel-trigger-btn.loading{cursor:wait}.nodemented-funnel-trigger-btn.loading .trigger-icon{animation:spin 1s linear infinite}.nodemented-funnel-trigger:after{animation:badge-bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;content:"✨ Nouveau";font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:20px;top:-8px}@keyframes badge-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}.nodemented-funnel-trigger:disabled{animation:none;background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed}.nodemented-funnel-trigger:disabled:after{display:none}@media (max-width:768px){.nodemented-funnel-section{margin:1.5rem 0;padding:0 1rem}.nodemented-funnel-trigger:after{font-size:.7rem;padding:.2rem .6rem;right:10px}}.nodemented-funnel-section{animation:slideInFromTop .8s ease-out}.nodemented-funnel-trigger:hover{background:linear-gradient(135deg,#5b57f7,#8347f0 30%,#e238e8 60%,#f59e0b);transform:translateY(-4px)}.nodemented-funnel-trigger:hover .trigger-icon{animation:rocket-boost .6s ease-out}@keyframes rocket-boost{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.2)}to{transform:translateY(0) scale(1)}}#test-scenario-detail-modal{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999999}#test-scenario-detail-modal .test-scenario-detail-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:auto;width:1200px}.test-scenario-detail-overlay{align-items:center!important;background:#00000080!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;overflow:hidden!important;padding:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:10001!important}.test-scenario-detail-container{background:#fff!important;border-radius:1rem!important;box-shadow:0 25px 50px -12px #00000040!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;inset:auto!important;margin:0 auto!important;max-height:90vh!important;max-width:90vw!important;overflow:auto!important;padding:0!important;position:relative!important;transform:none!important;width:1200px!important}.test-scenario-detail-header{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;padding:2rem;position:relative}.test-scenario-detail-header-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.test-scenario-detail-header-content{flex:1 1}.test-scenario-detail-header-title{font-size:1.875rem;font-weight:700;line-height:1.2;margin:0}.test-scenario-detail-header-subtitle{font-size:1rem;margin:.5rem 0 0;opacity:.9}.test-scenario-detail-metrics{display:flex;flex-wrap:wrap;gap:2rem}.test-scenario-detail-metric{background:#ffffff26;border-radius:.75rem;padding:1rem 1.5rem;text-align:center}.test-scenario-detail-content{flex:1 1;overflow-y:auto;padding:2rem}.test-scenario-detail-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;margin-bottom:2rem}.test-scenario-detail-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease}.test-scenario-detail-tab:hover{color:#3b82f6}.test-scenario-detail-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.test-scenario-detail-section{margin-bottom:2rem}.test-scenario-detail-section-title{margin-bottom:1rem}.test-scenario-detail-section-icon{font-size:1.5rem}.test-scenario-detail-step{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.test-scenario-detail-step-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:inline-flex;font-size:.875rem;font-weight:700;height:1.75rem;justify-content:center;margin-right:.75rem;width:1.75rem}.test-scenario-detail-code-block{background:#1f2937;border-radius:.75rem;color:#e5e7eb;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;margin-top:1rem;overflow-x:auto;padding:1.5rem}.test-scenario-detail-edit-form{display:flex;flex-direction:column;gap:1.5rem}.test-scenario-detail-form-group{display:flex;flex-direction:column;gap:.5rem}.test-scenario-detail-form-label{font-size:.95rem}.test-scenario-detail-form-input,.test-scenario-detail-form-select,.test-scenario-detail-form-textarea{border:1px solid #d1d5db;font-size:.95rem;transition:all .2s ease}.test-scenario-detail-form-input:focus,.test-scenario-detail-form-select:focus,.test-scenario-detail-form-textarea:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.test-scenario-detail-form-textarea{min-height:6rem}.test-scenario-detail-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.test-scenario-detail-action-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.test-scenario-detail-action-btn-primary{background:#3b82f6;color:#fff}.test-scenario-detail-action-btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.test-scenario-detail-action-btn-secondary{background:#e5e7eb;color:#1f2937}.test-scenario-detail-action-btn-secondary:hover{background:#d1d5db}.test-scenario-detail-action-btn-danger{background:#ef4444;color:#fff}.test-scenario-detail-action-btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.test-scenario-detail-close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.test-scenario-detail-close-btn:hover{background:#ffffff4d;border-color:#ffffff80}.test-scenario-detail-title{color:#fff;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0}.test-scenario-detail-subtitle{color:#fff;font-size:1rem;margin:.5rem 0 0;opacity:.9}.test-scenario-detail-metrics-container{display:flex;flex-wrap:wrap;gap:2rem}.test-scenario-detail-metric-card{background:#ffffff26;border-radius:.75rem;padding:1rem 1.5rem;text-align:center}.test-scenario-detail-metric-value{color:#fff;font-size:1.5rem;font-weight:700}.test-scenario-detail-metric-label{color:#fff;font-size:.875rem;margin-top:.5rem;opacity:.9}.test-scenario-detail-tabs-nav-wrapper{background:#f9fafb;border-bottom:1px solid #e5e7eb}.test-scenario-detail-tabs-nav{display:flex;gap:0;padding:0 2rem}.test-scenario-detail-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease}.test-scenario-detail-tab-btn:hover:not(.active){background:#3b82f60d;color:#374151}.test-scenario-detail-tab-btn.active{background:#fff;border-bottom:2px solid #3b82f6;border-radius:.5rem .5rem 0 0;color:#3b82f6}.test-scenario-detail-tab-content{display:flex;flex-direction:column;gap:2rem;padding:2rem}.test-scenario-detail-info-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:1rem;padding:2rem}.test-scenario-detail-info-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.test-scenario-detail-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.test-scenario-detail-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.test-scenario-detail-info-label{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.test-scenario-detail-info-value{color:#1f2937;font-size:1rem;font-weight:600}.test-scenario-detail-step-tags{display:flex;flex-wrap:wrap;gap:1rem}.test-scenario-detail-step-tag{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.test-scenario-detail-step-tag.step-tag-given{background:#fbbf24}.test-scenario-detail-step-tag.step-tag-when{background:#60a5fa}.test-scenario-detail-step-tag.step-tag-then{background:#34d399}.test-scenario-detail-step-tag.step-tag-and{background:#9ca3af}.test-scenario-detail-overview-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem}.test-scenario-detail-section-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.test-scenario-detail-steps-list{display:flex;flex-direction:column;gap:1rem}.test-scenario-detail-step-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.test-scenario-detail-step-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.test-scenario-detail-step-badge.step-badge-given{background:#fbbf24}.test-scenario-detail-step-badge.step-badge-when{background:#60a5fa}.test-scenario-detail-step-badge.step-badge-then{background:#34d399}.test-scenario-detail-step-badge.step-badge-and{background:#9ca3af}.test-scenario-detail-step-text{color:#374151;font-size:.875rem;line-height:1.5}.test-scenario-detail-more-steps{color:#6b7280;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.test-scenario-detail-edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.test-scenario-detail-actions{display:flex;gap:1rem}.test-scenario-detail-action-btn.secondary{background:#6b7280;color:#fff}.test-scenario-detail-action-btn.secondary:hover{background:#4b5563}.test-scenario-detail-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.test-scenario-detail-action-btn.primary:hover:not(.loading){filter:brightness(1.1)}.test-scenario-detail-action-btn.primary.loading{background:#9ca3af;cursor:not-allowed}.test-scenario-detail-form-grid{grid-gap:2rem;display:grid;gap:2rem}.test-scenario-detail-form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.test-scenario-detail-form-input,.test-scenario-detail-form-select,.test-scenario-detail-form-textarea{background:#fff;border:2px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:1rem;outline:none;padding:.75rem;transition:border-color .2s ease;width:100%}.test-scenario-detail-form-input:focus,.test-scenario-detail-form-select:focus,.test-scenario-detail-form-textarea:focus{border-color:#3b82f6}.test-scenario-detail-form-textarea{min-height:120px;resize:vertical}.test-scenario-detail-form-select{cursor:pointer}.test-scenario-detail-form-readonly{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:1rem;padding:.75rem}@media (max-width:768px){.test-scenario-detail-overlay{padding:1rem}.test-scenario-detail-container{max-height:calc(100vh - 2rem);max-width:100vw;width:100%}.test-scenario-detail-header{padding:1.5rem}.test-scenario-detail-metrics{gap:1rem}.test-scenario-detail-content{padding:1.5rem}.test-scenario-detail-section-title{font-size:1.1rem}}@media (max-width:480px){.test-scenario-detail-container{border-radius:.5rem}.test-scenario-detail-header{padding:1rem}.test-scenario-detail-header-top{flex-direction:column;gap:1rem}.test-scenario-detail-metrics{flex-direction:column;gap:.75rem}.test-scenario-detail-actions{flex-direction:column}.test-scenario-detail-action-btn{width:100%}}.global-tests-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 10px 25px #00000014;margin:2rem 0;overflow:hidden;transition:all .3s ease}.global-tests-section:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-2px)}.global-tests-header{background:linear-gradient(135deg,#05186b,#b385e2);border-radius:35px;color:#fff;overflow:hidden;padding:2rem;position:relative}.global-tests-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.05' fill-rule='evenodd'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3Ccircle cx='50' cy='50' r='2'/%3E%3C/g%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.header-content{gap:1.5rem}.section-title-area{align-items:center;display:flex;gap:1rem}.title-icon{align-items:center;background:#ffffff26;border-radius:16px;display:flex;font-size:2.5rem;justify-content:center;padding:.75rem}.title-text{display:flex;flex-direction:column;gap:.25rem}.main-title{font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000001a}.subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.9}.global-tests-stats{align-items:center;display:flex;gap:2rem}.stat-card{background:#ffffff26;border:1px solid #fff3;box-shadow:0 4px 12px #0000001a;min-width:120px}.stat-card:hover{background:#fff3}.stat-value{display:block;font-size:2.2rem;font-weight:800;text-shadow:0 2px 4px #0003}.stat-label{font-size:.85rem;letter-spacing:1px}.global-tests-body{background:#fff;padding:2.5rem}.global-test-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.global-test-action-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;overflow:hidden;padding:2rem;text-align:center;transition:all .3s ease}.global-test-action-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.global-test-action-card:hover{border-color:#667eea;box-shadow:0 12px 30px #667eea26;transform:translateY(-8px)}.global-test-action-card:hover:before{transform:scaleX(1)}.global-test-action-card.create-test{background:linear-gradient(135deg,#f0fff4,#dcfce7);border-color:#16a34a}.global-test-action-card.create-test:hover{border-color:#15803d;box-shadow:0 12px 30px #16a34a33}.global-test-action-card.create-test:before{background:linear-gradient(90deg,#16a34a,#15803d)}.global-test-action-card.view-graph{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.global-test-action-card.view-graph:hover{border-color:#2563eb;box-shadow:0 12px 30px #3b82f633}.global-test-action-card.view-graph:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.global-test-action-card.add-scenario{background:linear-gradient(135deg,#fefbef,#fef3c7);border-color:#f59e0b}.global-test-action-card.add-scenario:hover{border-color:#d97706;box-shadow:0 12px 30px #f59e0b33}.global-test-action-card.add-scenario:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.global-test-action-card.ai-generate{border:2px solid #8b5cf6;box-shadow:0 8px 25px #8b5cf626}.global-test-action-card.ai-generate:hover{border-color:#7c3aed;box-shadow:0 12px 35px #8b5cf640}.global-test-action-card.ai-generate:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.card-icon{display:block;font-size:3rem;margin-bottom:1.5rem;transition:all .3s ease}.global-test-action-card.create-test .card-icon{color:#16a34a}.global-test-action-card.view-graph .card-icon{color:#3b82f6}.global-test-action-card.add-scenario .card-icon{color:#f59e0b}.global-test-action-card.ai-generate .card-icon{color:#8b5cf6}.global-test-action-card:hover .card-icon{transform:scale(1.1) rotateY(10deg)}.card-title{color:#1e293b;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem}.card-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.action-card-button{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.action-card-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-card-button:hover:before{left:100%}.action-card-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.global-test-action-card.create-test .action-card-button{background:linear-gradient(90deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a4d}.global-test-action-card.create-test .action-card-button:hover{box-shadow:0 8px 20px #16a34a66}.global-test-action-card.view-graph .action-card-button{background:linear-gradient(90px,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.global-test-action-card.view-graph .action-card-button:hover{box-shadow:0 8px 20px #3b82f666}.global-test-action-card.add-scenario .action-card-button{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.global-test-action-card.add-scenario .action-card-button:hover{box-shadow:0 8px 20px #f59e0b66}.global-test-action-card.ai-generate .action-card-button{background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.global-test-action-card.ai-generate .action-card-button:hover{box-shadow:0 8px 20px #8b5cf666}.button-icon{font-size:1.1rem}.global-tests-table-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:2rem;padding:2rem}.coverage-accordion-section{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-top:2rem;overflow:hidden;transition:all .3s ease}.coverage-accordion-section:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea1a}.coverage-accordion-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:none;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s ease;width:100%}.coverage-accordion-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.coverage-accordion-header.expanded:before,.coverage-accordion-header:hover:before{transform:scaleX(1)}.coverage-accordion-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.coverage-accordion-header.expanded{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.accordion-title-area{align-items:center;display:flex;flex:1 1;gap:1rem}.accordion-icon{align-items:center;background:#667eea1a;border-radius:12px;display:flex;font-size:1.8rem;justify-content:center;padding:.5rem}.accordion-title-text{display:flex;flex-direction:column;gap:.25rem;text-align:left}.accordion-title{color:#1e293b;font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0}.accordion-subtitle{color:#64748b;font-size:.9rem;font-weight:500;margin:0}.accordion-stats-preview{align-items:center;display:flex;gap:1.5rem}.expand-arrow{color:#667eea;font-size:1.2rem;font-weight:700;transition:all .3s ease}.expand-arrow.rotated{color:#764ba2;transform:rotate(180deg)}.coverage-accordion-content{background:#f8fafc;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.coverage-accordion-content.expanded{max-height:none;opacity:1;overflow:visible;padding:0}.accordion-content-wrapper{padding:2rem;transform:translateY(-20px);transition:transform .3s ease .1s}.coverage-accordion-content.expanded .accordion-content-wrapper{transform:translateY(0)}.coverage-detail-view{display:flex;flex-direction:column;gap:2rem}.coverage-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-box{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:1rem;transition:all .3s ease}.stat-box:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-box.covered{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#16a34a}.stat-box.uncovered{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.stat-box.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.stat-box.percentage{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#8b5cf6}.stat-number{font-size:2rem;margin-bottom:.25rem}.stat-box.covered .stat-number{color:#16a34a}.stat-box.uncovered .stat-number{color:#ef4444}.stat-box.total .stat-number{color:#3b82f6}.stat-box.percentage .stat-number{color:#8b5cf6;font-size:2.2rem}.stat-label{color:#64748b;text-align:center}.coverage-description{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e0;border-radius:12px;margin-bottom:20px;padding:16px 20px;text-align:center}.coverage-text_2{color:#475569;font-size:15px;line-height:1.5;margin:0}.coverage-text strong{color:#1e293b;font-weight:700}.modern-coverage-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-top:16px;overflow:hidden;width:100%}.table-filters{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:20px;padding:16px 20px}.filter-group,.table-filters{align-items:center}.filter-label{color:#374151;font-size:14px;font-weight:500;white-space:nowrap}.filter-select{color:#374151;cursor:pointer;min-width:120px;padding:6px 12px;transition:all .2s ease}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.sort-order-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sort-order-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.modern-coverage-table .table-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;font-size:14px;font-weight:600;grid-template-columns:3fr .8fr .8fr 1.2fr;letter-spacing:.5px;text-transform:uppercase}.modern-coverage-table .header-cell{align-items:center;border-right:1px solid #fff3;cursor:pointer;display:flex;padding:16px 20px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.modern-coverage-table .header-cell:hover{background:#ffffff1a}.modern-coverage-table .header-cell:last-child{border-right:none}.table-body{max-height:400px;overflow-y:auto}.modern-coverage-table .table-row{background:#fff;border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:3fr .8fr .8fr 1.2fr;transition:all .2s ease}.table-row:hover{box-shadow:0 2px 8px #0000000d;transform:translateX(2px)}.table-row.has-tests{border-left:4px solid #10b981}.table-row.no-tests{border-left:4px solid #ef4444}.table-row.highlighted-node{animation:highlightPulse 2s ease-in-out;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border-left:4px solid #fbbf24!important;box-shadow:0 8px 25px #3b82f64d!important;color:#fff!important;transform:translateX(5px) scale(1.02)!important}.table-row.highlighted-node .count-text,.table-row.highlighted-node .no-tests-text,.table-row.highlighted-node .node-name-text,.table-row.highlighted-node .status-badge,.table-row.highlighted-node .type-badge{color:#fff!important}.table-row.highlighted-node .status-badge,.table-row.highlighted-node .type-badge{background:#fff3!important;border:1px solid #ffffff4d!important}@keyframes highlightPulse{0%,to{box-shadow:0 8px 25px #3b82f64d}50%{box-shadow:0 12px 35px #3b82f680;transform:translateX(5px) scale(1.03)}}.modern-coverage-table .cell{align-items:center;border-right:1px solid #f3f4f6;display:flex;font-size:14px;padding:16px 20px}.modern-coverage-table .cell:last-child{border-right:none}.node-info-cell{align-items:center;display:flex;gap:12px;max-width:100%}.node-icon{flex-shrink:0;font-size:16px}.node-name2-text{color:#374151;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{background:#e0e7ff;color:#4338ca;font-size:12px;letter-spacing:.5px;padding:4px 12px}.status-badge.tested{background:#d1fae5;color:#065f46}.status-badge.untested{background:#fee2e2;color:#991b1b}.count-display{align-items:center;display:flex;gap:6px}.count-number{background:#3b82f6;border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:24px;padding:4px 8px;text-align:center}.count-text{color:#6b7280;font-size:12px;font-weight:500}.no-tests-text{color:#9ca3af;font-size:12px;font-style:italic}.status-text.uncovered{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}@media (max-width:768px){.coverage-accordion-header{padding:1rem 1.5rem}.accordion-title{font-size:1.1rem}.accordion-subtitle{font-size:.85rem}.accordion-content-wrapper{padding:1rem}.modern-coverage-table .table-header{font-size:12px}.modern-coverage-table .table-header,.modern-coverage-table .table-row{grid-template-columns:2fr .7fr .7fr 1fr}.modern-coverage-table .cell,.modern-coverage-table .header-cell{padding:12px 16px}.modern-coverage-table .header-cell{font-size:11px}.table-filters{gap:12px;padding:12px 16px}.filter-group{align-items:flex-start;flex-direction:column;gap:4px}.filter-select{font-size:13px;min-width:100px}.filter-label{font-size:12px}.node-name2-text{font-size:13px}.summary-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-box{padding:.75rem}.stat-number{font-size:1.5rem}}.table-section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.table-title{align-items:center;color:#1e293b;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin:0}.table-icon{color:#667eea;font-size:1.2rem}.global-tests-graph-section,.test-scenarios-section{margin-top:2rem}.modern-tests-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 12px #0000000d;overflow:hidden;width:100%}.modern-tests-table th{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.modern-tests-table td{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;vertical-align:middle}.modern-tests-table tr:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9)}.modern-tests-table tr:last-child td{border-bottom:none}.test-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.test-status-badge.has-tests{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.test-status-badge.no-tests{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.action-card-button:disabled{background:#9ca3af!important;box-shadow:none!important;cursor:not-allowed;opacity:.7}.action-card-button:disabled:before{display:none}.action-card-button:disabled:hover{transform:none!important}@media (max-width:1024px){.header-content{flex-direction:column;text-align:center}.global-tests-stats{flex-wrap:wrap;justify-content:center}.global-test-actions{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.global-tests-section{border-radius:12px;margin:1rem 0}.global-tests-body,.global-tests-header{padding:1.5rem}.main-title{font-size:1.5rem}.subtitle{font-size:.9rem}.global-test-actions{gap:1rem;grid-template-columns:1fr}.global-test-action-card{padding:1.5rem}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card-title{font-size:1.2rem}.action-card-button{font-size:.9rem;padding:.75rem 1.5rem}.stat-card{min-width:100px;padding:1rem}.stat-value{font-size:1.8rem}.global-tests-stats{gap:1rem}}@media (max-width:640px){.table-section-header{align-items:stretch;flex-direction:column;gap:1rem}.modern-tests-table td,.modern-tests-table th{font-size:.85rem;padding:.75rem}.global-tests-stats{flex-direction:column;gap:.75rem}.stat-card{max-width:200px;width:100%}}.global-tests-section{animation:slideInFromTop .6s ease-out}.global-test-action-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.global-test-action-card:first-child{animation-delay:.1s}.global-test-action-card:nth-child(2){animation-delay:.2s}.global-test-action-card:nth-child(3){animation-delay:.3s}.action-card-button:focus{outline:2px solid #667eea80;outline-offset:2px}.global-test-action-card:focus-within{outline:2px solid #667eea4d;outline-offset:4px}.global-test-action-card{position:relative}.global-test-action-card:after{background:radial-gradient(circle at center,#667eea0d 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.global-test-action-card:hover:after{opacity:1}.template-library-container{border-radius:15px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;color:#1e293b;font-family:system-ui,-apple-system,sans-serif;max-width:100%;overflow:hidden;padding:2%}:root{--focus-ring:0 0 0 3px #6366f166;--transition-speed:0.25s cubic-bezier(0.4,0,0.2,1)}.template-card{border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.template-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.template-card:focus-within{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--focus-ring);outline:none}.template-card .template-icon{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.template-card:hover .template-icon{transform:scale(1.1)}.template-card-content{display:flex;flex:1 1;flex-direction:column;padding:2%}.template-card-body{flex:1 1;padding:0 1.25rem 1rem}.template-card-footer{border-top:1px solid #f1f5f9;padding:1rem 1.25rem}.template-badge{background:linear-gradient(90deg,#818cf8,#6366f1);border-bottom-right-radius:9999px;border-top-right-radius:9999px;box-shadow:0 2px 5px #6366f14d;color:#fff;font-size:.7rem;font-weight:600;left:0;padding:.3rem .8rem .3rem 1rem;position:absolute;top:.5%;z-index:10}.template-badge:before{background:#6366f1;content:"";height:100%;left:-.5rem;position:absolute;top:0;width:.5rem}.example-card{border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.example-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.example-card:focus-within{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--focus-ring);outline:none}.example-card-content{display:flex;flex:1 1;flex-direction:column}.example-card-body{flex:1 1;padding:0 1.25rem 1rem}.example-card-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:1rem 1.25rem}.example-nodes-preview{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.example-node-chip{align-items:center;border-radius:9999px;box-shadow:0 1px 2px #0000000d;display:flex;font-size:.7rem;font-weight:600;gap:.3rem;padding:.35rem .7rem;transition:transform .2s}.example-node-chip:hover{transform:scale(1.05)}.example-stats{border-top:1px dashed #e2e8f0;color:#64748b;font-size:.8rem;justify-content:space-between;padding-top:.75rem}.example-stat,.example-stats{align-items:center;display:flex}.example-stat{gap:.4rem}.stat-icon{color:#6366f1}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.template-description{color:#64748b;font-size:.95rem;line-height:1.5;margin:.75rem 0}.template-controls-container{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.template-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.filter-button{border:1px solid #e2e8f0;border-radius:9999px;color:#64748b;font-size:.875rem;padding:.5rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.filter-button:hover{background-color:#f5f3ff;border-color:#a78bfa;box-shadow:0 1px 3px 0 #6366f11a,0 1px 2px 0 #6366f10f;color:#6366f1}.filter-button:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--focus-ring);outline:none}.filter-button.active{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-color:#0000;color:#fff}.search-container{flex:1 1;max-width:350px;position:relative}.search-container input{background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#1e293b;font-size:.95rem;padding:.65rem 1rem .65rem 2.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed);width:100%}.search-container input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33;outline:none}.search-container .search-icon{color:#9ca3af;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-speed)}.search-container input:focus+.search-icon{color:#8b5cf6}.search-container .clear-button{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed);visibility:hidden}.search-container input:not(:placeholder-shown)+.search-icon+.clear-button{opacity:1;visibility:visible}.tabs-container{background:#f1f5f9;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;overflow:hidden;padding:.2rem}.tab-button{background:#0000;border:none;border-radius:6px;color:#64748b;flex:1 1;font-size:.95rem;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.tab-button:hover:not(.active){background:#fffc;color:#334155}.tab-button.active{background:linear-gradient(90deg,#8b5cf6,#6366f1);box-shadow:0 4px 6px -1px #6366f133,0 2px 4px -1px #6366f11a}.tab-button:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--focus-ring);outline:none}.library-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-top-left-radius:15px;border-top-right-radius:15px;color:#fff;justify-content:space-between;padding:1.5rem}.library-header,.library-title{align-items:center;display:flex}.library-title{font-size:1.4rem;font-weight:700;gap:.75rem;margin:0}.library-title-icon{font-size:1.6rem}.library-close{align-items:center;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.library-close:hover{background:#ffffff4d;transform:rotate(90deg)}.library-close:focus{box-shadow:0 0 0 3px #fff6;outline:none}.library-body{max-height:60vh;overflow-y:auto;padding:2rem;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.library-body::-webkit-scrollbar{width:8px}.library-body::-webkit-scrollbar-track{background:#f1f5f9}.library-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:3px solid #f1f5f9;border-radius:20px}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.help-tooltip{position:relative}.help-tooltip:before{background:#334155;border-radius:6px;color:#fff;content:attr(data-tooltip);font-size:.8rem;padding:.5rem .75rem;white-space:nowrap}.help-tooltip:after,.help-tooltip:before{bottom:125%;left:50%;opacity:0;pointer-events:none;transform:translateX(-50%) scale(.8);transition:all .2s ease;visibility:hidden;z-index:100}.help-tooltip:after{border:5px solid #0000;border-top-color:#334155;content:"";margin-bottom:-5px;position:absolute}.help-tooltip:focus:after,.help-tooltip:focus:before,.help-tooltip:hover:after,.help-tooltip:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.empty-state{background:#f8fafc;border:1px dashed #cbd5e1;padding:3rem 1rem}.empty-icon{color:#94a3b8}.empty-title{color:#334155;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-description{margin:0 auto;max-width:400px}.library-footer{background:#f8fafc;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:1px solid #e2e8f0;justify-content:space-between;padding:1.25rem 1.5rem}.footer-tip,.library-footer{align-items:center;display:flex}.footer-tip{color:#6366f1;font-size:.9rem;font-weight:500;gap:.75rem;opacity:.9}.footer-tip-icon{color:#6366f1;font-size:1.2rem}.footer-actions{gap:.75rem}.primary-button{align-items:center;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.primary-button:hover{box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--focus-ring);outline:none}.secondary-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.secondary-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.secondary-button:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--focus-ring);outline:none}.animate-fadeIn{animation:fadeIn .3s ease forwards}.animate-slideIn{animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}.example-card,.template-card{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.template-card:nth-child(2n){animation-delay:.1s}.template-card:nth-child(3n){animation-delay:.2s}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-500{--tw-gradient-from:#8b5cf6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#8b5cf600)}.to-indigo-600{--tw-gradient-to:#4f46e5}.from-indigo-500{--tw-gradient-from:#6366f1;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#6366f100)}.to-purple-600{--tw-gradient-to:#7c3aed}.relationship-arrow{background:linear-gradient(90deg,#a78bfa,#6366f1);flex-grow:1;height:2px;justify-content:center;margin:0 1rem}.relationship-arrow:after{border-bottom:5px solid #0000;border-left:8px solid #6366f1;border-top:5px solid #0000;content:"";height:0;position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0}.relationship-label{background-color:#fff;border:1px solid #c4b5fd;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#4c1d95;font-size:.7rem;font-weight:700;left:50%;padding:.2rem .5rem;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.template-tech-tag{align-items:center;background-color:#f3f4f6;border-radius:9999px;color:#4b5563;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;margin-top:.5rem;padding:.25rem .75rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed)}.template-tech-tag:hover{background-color:#e5e7eb;transform:translateY(-1px)}.template-tech-icon{font-size:.85rem}.template-type-badge{align-items:center;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:inline-flex;font-size:.7rem;font-weight:600;gap:.3rem;letter-spacing:.05em;margin-bottom:.5rem;padding:.4rem .75rem;text-transform:uppercase}.type-api{background-color:#e0f2fe;border-left:3px solid #0284c7;color:#0c4a6e}.type-feature{background-color:#fce7f3;border-left:3px solid #db2777;color:#831843}.type-service{background-color:#f1f5f9;border-left:3px solid #64748b;color:#475569}.type-database{background-color:#dcfce7;border-left:3px solid #16a34a;color:#166534}.type-ui{background-color:#ede9fe;border-left:3px solid #8b5cf6;color:#5b21b6}@media (prefers-color-scheme:dark){.template-library-container{color:#e2e8f0}.library-header{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.template-controls-container{background:#1e293b;border-color:#334155}.library-body{background:#0f172a}.filter-button,.library-footer{background:#1e293b;border-color:#334155}.filter-button{color:#94a3b8}.filter-button:hover{background-color:#2d3748;border-color:#4c1d95}.search-container input{background-color:#1e293b;border-color:#334155;color:#e2e8f0}.tabs-container{background:#1e293b}.tab-button{color:#94a3b8}.tab-button:hover:not(.active){background:#2d3748;color:#e2e8f0}.example-card,.template-card{background:#1e293b;border-color:#334155}.template-description{color:#94a3b8}.empty-state{background:#1e293b;border-color:#334155}.empty-title{color:#e2e8f0}.empty-description{color:#94a3b8}.secondary-button{background:#1e293b;border-color:#334155;color:#94a3b8}.secondary-button:hover{background:#2d3748;border-color:#475569;color:#e2e8f0}.type-api{background-color:#0ea5e933}.type-feature{background-color:#db277733}.type-service{background-color:#64748b33}.type-database{background-color:#16a34a33}.type-ui{background-color:#8b5cf633}}@media (max-width:768px){.templates-grid{grid-template-columns:1fr}.controls-row{align-items:stretch;flex-direction:column}.search-container{max-width:none}.library-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.library-close{position:absolute;right:1rem;top:1rem}.library-body{max-height:70vh;padding:1.25rem}.library-footer{flex-direction:column;gap:1rem;text-align:center}.footer-tip{flex-direction:column;gap:.5rem}.footer-actions{flex-direction:column;width:100%}.primary-button,.secondary-button{justify-content:center;width:100%}}.screen-reader-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible:focus{outline:2px solid #6366f1;outline-offset:2px}[role=button],button,input,select{outline:none}[role=button]:focus,button:focus,input:focus,select:focus{box-shadow:0 0 0 3px #6366f166;box-shadow:var(--focus-ring)}.section-specifications{background:linear-gradient(135deg,#fefbff,#f8fafc);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a;margin:32px 0;padding:32px}.section-specifications-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:16px;margin-bottom:32px;padding-bottom:16px}.section-specifications-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;box-shadow:0 8px 25px #8b5cf64d;display:flex;height:64px;justify-content:center;width:64px}.section-specifications-icon-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.section-specifications-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.section-specifications-desc{color:#64748b;font-size:16px;line-height:1.6;margin:0}.specifications-management{background:#fff;border-radius:16px;box-shadow:0 1px 3px 0 #0000001a;padding:24px}.specifications-actions{border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.specifications-actions,.specifications-actions>div:first-child{align-items:center;display:flex;gap:12px}.open-spec-generator-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 24px;transition:all .3s ease}.open-spec-generator-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.open-spec-generator-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-specs-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;box-shadow:0 2px 8px #05966933;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 20px;transition:all .3s ease}.refresh-specs-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 15px #0596694d;transform:translateY(-1px)}.refresh-specs-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-specs-btn .btn-icon{transition:transform .3s ease}.refresh-specs-btn:disabled .btn-icon{animation:spin 1s linear infinite}.specifications-stats{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500}.spec-count{background:#f1f5f9;border-radius:20px;color:#475569;font-weight:600;padding:8px 12px}.specifications-empty{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;padding:60px 30px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.6}.empty-state-title{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:12px}.empty-state-desc{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:400px}.empty-state-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 24px;transition:all .3s ease}.empty-state-btn:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.empty-state-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.specifications-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.specification-card{background:#fafbfc;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.specification-card:before{background:linear-gradient(135deg,#8b5cf6,#6366f1);content:"";height:4px;left:0;position:absolute;right:0;top:0}.specification-card:hover{border-color:#8b5cf6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.spec-card-header{margin-bottom:16px}.spec-card-title{font-weight:600;line-height:1.4;margin:0 0 8px}.spec-card-meta{align-items:center;display:flex;gap:12px}.spec-date{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:12px;padding:4px 8px}.spec-priority{background:#fef3c7;color:#d97706;padding:4px 8px}.spec-card-content{margin-bottom:16px}.spec-summary{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:12px}.spec-card-stats{display:flex;flex-wrap:wrap;gap:8px}.spec-stat{background:#f1f5f9;color:#475569;font-size:12px;font-weight:500;padding:4px 8px}.spec-card-actions{display:flex;gap:8px;justify-content:flex-end}.spec-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;transition:all .3s ease}.spec-action-btn:hover{background:#f1f5f9;border-color:#8b5cf6;color:#8b5cf6}.spec-action-btn.view{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.spec-action-btn.view:hover{background:#bfdbfe}.spec-action-btn.export{background:#fef3c7;border-color:#f59e0b;color:#d97706}.spec-action-btn.export:hover{background:#fde68a}.spec-action-btn.copy{background:#d1fae5!important;border-color:#10b981!important;color:#047857!important;font-size:12px!important;padding:8px 12px!important}.spec-action-btn.copy:hover{background:#a7f3d0!important}.spec-action-btn.create-nodes{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8;font-size:11px!important;padding:8px 10px!important}.spec-action-btn.create-nodes:hover{background:#3b82f6!important;color:#fff!important}.spec-action-btn.delete{background:#fecaca;border:1px solid #fca5a5;color:#dc2626}.spec-action-btn.delete:hover{background:#f87171!important;color:#fff!important}.clear-all-specs-btn{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;margin-left:16px;padding:8px 16px;transition:all .2s ease}.clear-all-specs-btn:hover{background:#f87171;box-shadow:0 4px 12px #f871714d;color:#fff;transform:translateY(-1px)}.btn-text{font-weight:600}@media (max-width:768px){.section-specifications{margin:20px 0;padding:20px}.section-specifications-header{flex-direction:column;text-align:center}.section-specifications-icon{height:48px;width:48px}.section-specifications-icon-emoji{font-size:20px}.section-specifications-title{font-size:24px}.specifications-actions{align-items:stretch;flex-direction:column;gap:16px}.specifications-list{grid-template-columns:1fr}.spec-card-actions{justify-content:center}}.spec-action-btn.edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.spec-action-btn.edit:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}.edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.edit-modal-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.edit-modal-header h3{font-size:20px;font-weight:600;margin:0}.close-modal-btn{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.close-modal-btn:hover{background:#fff3;transform:scale(1.1)}.edit-modal-content{flex:1 1;overflow-y:auto;padding:24px}.edit-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.edit-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.edit-section-header:hover{background:#f1f5f9}.edit-section-header h4{color:#374151;font-size:16px;font-weight:600;margin:0}.toggle-icon{color:#6b7280;font-size:12px;transition:transform .2s ease}.edit-section-content{background:#fff;padding:16px}.edit-field{margin-bottom:20px}.edit-field label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.edit-field input,.edit-field select,.edit-field textarea{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.edit-field textarea{line-height:1.5;min-height:80px}.edit-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-edit-btn,.save-edit-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.cancel-edit-btn{background:#e5e7eb;color:#374151}.cancel-edit-btn:hover{background:#d1d5db;transform:translateY(-1px)}.save-edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.save-edit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.save-edit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.edit-modal{margin:10px;max-height:calc(100vh - 20px)}.edit-modal-content{padding:16px}.edit-modal-actions{flex-direction:column;padding:16px}.cancel-edit-btn,.save-edit-btn{width:100%}}.stat02-item{align-items:center;display:flex;gap:.25rem}.relationship-body{min-height:50vh;padding:2rem 2rem 15rem}.form-group{position:relative}.nodes-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e2e8f0;border-radius:12px;color:#374151;font-size:1rem;margin-bottom:4rem;padding:.75rem 40px .75rem 1rem;position:static;transition:all .3s ease;width:100%;z-index:2}.nodes-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.target-select-container{margin-bottom:10rem;min-height:15rem;padding-bottom:5rem}.target-select{bottom:auto;margin-bottom:6rem;margin-top:0;top:auto;z-index:1}.nodes-filter-select,.target-select{overflow:visible;position:relative}.target-select.has-suggestions{background-color:#f8fafc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.target-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.selected-node-floating-cartouche{animation:slideInFromBottom .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#0b08bbf2,#04a5c2f2);border:1px solid #cbd5e166;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff80;left:1rem;max-height:65px;max-width:180px;min-width:80px;padding:1rem 1.25rem;position:absolute;top:25%;transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.selected-node-floating-cartouche:hover{box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #fff9;transform:translateY(-2px)}.selected-node-content{align-items:center;gap:1rem}.node-badge-floating{background:#6b7280;border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:16px;position:relative;width:16px}.node-badge-floating:after{background:#ffffffe6;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.node-type-ui .node-badge-floating{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.node-type-api .node-badge-floating{background:linear-gradient(135deg,#10b981,#059669)}.node-type-database .node-badge-floating{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.node-type-service .node-badge-floating{background:linear-gradient(135deg,#ef4444,#dc2626)}.node-type-default .node-badge-floating{background:linear-gradient(135deg,#f59e0b,#d97706)}.selected-node-text-floating{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.selected-node-name-floating{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;word-break:break-word}.selected-node-details-floating{align-items:center;color:#64748b;display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.selected-node-type-floating{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e180;border-radius:6px;color:#475569;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.selected-node-tech-floating{color:#feffff;font-style:italic;font-weight:500;position:relative}.selected-node-tech-floating:before{color:#cbd5e1;content:"•";font-style:normal;margin-right:.5rem}.cartouche-close-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.cartouche-close-btn:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.1)}@media (max-width:1700px){.selected-node-floating-cartouche{height:40px;left:2.2rem;top:23%;width:100px}}@media (max-width:1468px){.selected-node-floating-cartouche{height:40px;top:20.5%;width:100px}}@media (max-width:1024px){.selected-node-floating-cartouche{left:1.5rem;max-height:65px;max-width:170px;min-width:75px;padding:.875rem 1rem;top:10%}.selected-node-name-floating{font-size:.95rem}}@media (max-width:768px){.selected-node-floating-cartouche{left:1rem;max-height:60px;max-width:160px;min-width:70px;padding:.75rem 1rem;right:auto;top:9%}.selected-node-name-floating{font-size:.9rem}.selected-node-details-floating{font-size:.75rem}}@media (max-width:480px){.selected-node-floating-cartouche{left:.75rem;max-height:55px;max-width:150px;min-width:65px;top:8%}.selected-node-content{gap:.75rem}}.import-code-modal{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.import-code-modal-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #0095ff4d;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:1200px}.import-code-modal-header{align-items:center;background:linear-gradient(135deg,#06c,#0052a3);border-bottom:1px solid #0095ff4d;display:flex;justify-content:space-between;overflow:hidden;padding:20px 30px;position:relative}.import-code-modal-header:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.import-code-modal-title-area{align-items:center;display:flex;flex:1 1;gap:15px}.import-code-modal-icon{filter:drop-shadow(0 0 10px rgba(0,149,255,.5));font-size:2.5rem}.import-code-modal-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.import-stats{display:flex;gap:20px;margin-left:20px}.stat-item{color:#ffffffe6;text-align:center}.stat-value{color:#fff;font-size:1.2rem}.stat-label{margin-top:2px}.import-code-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.import-code-modal-close:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.import-method-selection{background:#0095ff0d;border-bottom:1px solid #0095ff33;padding:25px 30px}.import-method-selection h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.import-methods-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.import-method-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #0095ff4d;border-radius:15px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 15px;text-align:center;transition:all .3s ease}.import-method-btn:hover{background:#0095ff1a;border-color:#0095ff;box-shadow:0 8px 25px #0095ff4d;transform:translateY(-3px)}.import-method-btn.active{background:linear-gradient(135deg,#0095ff,#06c);border-color:#0095ff;box-shadow:0 8px 25px #0095ff66;color:#fff}.method-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.method-label{font-size:1rem;font-weight:600}.method-description{font-size:.85rem;margin-top:5px;opacity:.9}.import-content{background:#ffffff05;flex:1 1;overflow-y:auto;padding:30px}.import-section{margin-bottom:30px}.import-section h4{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 20px}.section-header{margin-bottom:20px}.language-selector{align-items:center;color:#fffc;display:flex;gap:10px}.language-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0095ff4d;border-radius:8px;color:#fff;font-size:.9rem;padding:8px 12px}.language-select option{background:#1a1a2e;color:#fff}.code-input-area{position:relative}.code-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #0095ff4d;border-radius:12px;color:#fff;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.code-textarea:focus{border-color:#0095ff;box-shadow:0 0 20px #0095ff4d;outline:none}.code-textarea::placeholder{color:#ffffff80}.code-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:6px;bottom:10px;color:#fff9;display:flex;font-size:.8rem;gap:15px;padding:5px 10px;position:absolute;right:15px}.file-name-input{margin-top:15px}.file-name-input label{color:#fffc;display:block;font-weight:500;margin-bottom:8px}.filename-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0095ff4d;border-radius:8px;color:#fff;padding:12px 15px;transition:all .3s ease;width:100%}.filename-input:focus{border-color:#0095ff;box-shadow:0 0 15px #0095ff4d;outline:none}.file-drop-zone{background:#ffffff08;border:3px dashed #0095ff66;border-radius:15px;cursor:pointer;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.file-drop-zone.drag-active,.file-drop-zone:hover{background:#0095ff1a;border-color:#0095ff;transform:scale(1.02)}.drop-zone-content{position:relative;z-index:1}.drop-icon{display:block;filter:drop-shadow(0 4px 8px rgba(0,149,255,.3));font-size:3rem;margin-bottom:15px}.file-drop-zone p{color:#fffc;font-size:1.1rem;margin:0}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.uploaded-file-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0095ff1a;border:1px solid #0095ff4d;border-radius:12px;margin-top:20px;padding:20px}.file-info{align-items:center;color:#fff;display:flex;gap:12px;margin-bottom:15px}.file-icon{font-size:1.5rem}.file-name{flex:1 1;font-weight:600}.file-language{background:#0095ff33;border-radius:6px;font-size:.8rem;padding:4px 8px}.file-preview{margin-top:15px}.code-preview{background:#0000004d;border:1px solid #0095ff4d;border-radius:8px;color:#fff;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.4;padding:15px;resize:vertical;width:100%}.repo-form{display:flex;flex-direction:column;gap:20px}.repo-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0095ff4d;border-radius:8px;color:#fff;padding:12px 15px;transition:all .3s ease}.repo-input:focus{border-color:#0095ff;box-shadow:0 0 15px #0095ff4d;outline:none}.checkbox-label input[type=checkbox]{accent-color:#0095ff}.import-settings{background:#0095ff0d;border:1px solid #0095ff33;border-radius:15px;margin-top:20px;padding:25px}.import-settings h4{margin-bottom:20px}.settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item{align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .3s ease}.setting-item:hover{background:#0095ff1a}.setting-item input[type=checkbox]{accent-color:#0095ff;scale:1.2}.import-history{background:#ffffff08;border:1px solid #0095ff33;border-radius:15px;margin-top:20px;padding:25px}.import-history h4{margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#0095ff0d;border:1px solid #0095ff33;border-radius:10px;padding:15px;transition:all .3s ease}.history-item:hover{background:#0095ff1a;transform:translateX(5px)}.history-info{align-items:center;display:flex;flex:1 1;gap:12px}.history-icon{font-size:1.2rem}.history-name{color:#fff;font-weight:500}.history-language{color:#ffffffb3;font-size:.85rem}.history-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.history-date,.history-size{color:#fff9;font-size:.8rem}.import-actions{background:#0095ff0d;border-top:1px solid #0095ff33;display:flex;gap:15px;justify-content:flex-end;padding:25px 30px}.import-btn{align-items:center;background:linear-gradient(135deg,#0095ff,#06c);border:none;border-radius:12px;box-shadow:0 4px 15px #0095ff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.import-btn:hover:not(:disabled){box-shadow:0 8px 25px #0095ff66;transform:translateY(-2px)}.import-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.import-code-modal-footer{background:#0003;border-top:1px solid #0095ff33;display:flex;justify-content:center;padding:15px 30px}@media (max-width:1200px){.import-code-modal-content{height:90vh;width:95vw}.import-methods-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.import-code-modal-content{border-radius:0;height:100vh;width:100vw}.import-code-modal-header{padding:15px 20px}.import-code-modal-title{font-size:1.5rem}.import-stats{display:none}.import-content{padding:20px}.form-row,.import-methods-grid,.settings-grid{grid-template-columns:1fr}.import-actions{flex-direction:column;padding:20px}.cancel-btn,.import-btn{justify-content:center;width:100%}}@media (max-width:480px){.import-code-modal-title-area{gap:10px}.import-code-modal-icon{font-size:2rem}.import-code-modal-title{font-size:1.3rem}.method-icon{font-size:1.5rem}.drop-icon{font-size:2.5rem}}.quick-create-modal{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.quick-create-modal-content{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#2d1b69,#1a1a2e 50%,#16213e);border:1px solid #8a2be24d;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:900px}.quick-create-modal-header{align-items:center;background:linear-gradient(135deg,#8a2be2,#639);border-bottom:1px solid #8a2be24d;display:flex;justify-content:space-between;overflow:hidden;padding:20px 30px;position:relative}.quick-create-modal-header:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.quick-create-modal-title-area{align-items:center;display:flex;flex:1 1;gap:15px}.quick-create-modal-icon{filter:drop-shadow(0 0 10px rgba(138,43,226,.5));font-size:2.5rem}.quick-create-modal-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.mode-toggle{background:#ffffff1a;border-radius:25px;display:flex;margin-left:20px;padding:4px}.mode-btn{background:none;border:none;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.mode-btn.active{background:#fff3;box-shadow:0 2px 8px #0003;color:#fff}.mode-btn:hover:not(.active),.quick-create-modal-close{background:#ffffff1a;color:#fff}.quick-create-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.quick-create-modal-close:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.create-type-selection{background:#8a2be20d;border-bottom:1px solid #8a2be233;padding:25px 30px}.create-type-selection h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.create-types-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.create-type-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #8a2be24d;border-radius:15px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 15px;text-align:center;transition:all .3s ease}.create-type-btn:hover{background:#8a2be21a;border-color:#9d4edd;box-shadow:0 8px 25px #8a2be24d;transform:translateY(-3px)}.create-type-btn.active{background:linear-gradient(135deg,#9d4edd,#8a2be2);border-color:#9d4edd;box-shadow:0 8px 25px #8a2be266;color:#fff}.type-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.type-label{font-size:1rem}.type-description{font-size:.85rem;margin-top:5px;opacity:.9}.create-content{background:#ffffff05;flex:1 1;overflow-y:auto;padding:30px}.create-section{margin-bottom:30px}.section-header{margin-bottom:25px}.section-header h4{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0}.quick-relations,.quick-templates{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:10px}.relation-buttons,.template-buttons{display:flex;gap:8px}.relation-btn,.template-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #8a2be24d;border-radius:8px;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.relation-btn:hover,.template-btn:hover{background:#8a2be233;border-color:#9d4edd;transform:scale(1.1)}.relation-btn.active,.template-btn.active{background:linear-gradient(135deg,#9d4edd,#8a2be2);border-color:#9d4edd;box-shadow:0 4px 15px #8a2be266}.relation-btn{border-color:#8a2be24d;border-color:var(--rel-color,#8a2be24d);color:#fff;color:var(--rel-color,#fff)}.relation-btn:hover{background:#8a2be233;background:var(--rel-color,#8a2be233);border-color:#9d4edd;border-color:var(--rel-color,#9d4edd)}.form-layout{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:#fffc;font-size:.9rem}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #8a2be24d;border-radius:8px;color:#fff;font-size:.9rem;padding:12px 15px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#9d4edd;box-shadow:0 0 15px #8a2be24d;outline:none}.form-textarea{font-family:inherit;line-height:1.5;resize:vertical}.form-select option{background:#2d1b69;color:#fff}.form-range{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:10px;height:8px;outline:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#9d4edd,#8a2be2);border-radius:50%;box-shadow:0 2px 6px #8a2be24d;cursor:pointer;height:20px;width:20px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;flex-direction:row!important;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#9d4edd;margin:0;scale:1.2}.tags-input{display:flex;flex-direction:column;gap:10px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{animation:tagSlideIn .3s ease-out;background:linear-gradient(135deg,#9d4edd,#8a2be2);border-radius:12px;font-size:.8rem;gap:5px;padding:4px 8px}.tag,.tag button{align-items:center;color:#fff;display:flex}.tag button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:.9rem;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.tag button:hover{background:#fff3}.tag-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #8a2be24d;border-radius:8px;color:#fff;padding:8px 12px;transition:all .3s ease}.tag-input:focus{border-color:#9d4edd;box-shadow:0 0 15px #8a2be24d;outline:none}.quick-create-actions{background:#8a2be20d;border-top:1px solid #8a2be233;display:flex;gap:15px;justify-content:flex-end;padding:25px 30px}.create-btn{align-items:center;background:linear-gradient(135deg,#9d4edd,#8a2be2);border:none;border-radius:12px;box-shadow:0 4px 15px #8a2be24d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 30px;transition:all .3s ease}.create-btn:hover:not(:disabled){box-shadow:0 8px 25px #8a2be266;transform:translateY(-2px)}.create-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffc;cursor:pointer;font-weight:500;padding:12px 30px;transition:all .3s ease}.cancel-btn:hover{background:#ffffff26;color:#fff}.quick-create-modal-footer{background:#0003;border-top:1px solid #8a2be233;display:flex;justify-content:center;padding:15px 30px}.footer-info{color:#fff9;font-size:.85rem;text-align:center}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tagSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1000px){.quick-create-modal-content{height:90vh;width:95vw}.create-types-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.quick-create-modal-content{border-radius:0;height:100vh;width:100vw}.quick-create-modal-header{padding:15px 20px}.quick-create-modal-title{font-size:1.5rem}.mode-toggle{margin-left:10px}.mode-btn{font-size:.8rem;padding:6px 12px}.create-content{padding:20px}.create-types-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.quick-relations,.quick-templates{align-items:flex-start;flex-direction:column;gap:10px}.quick-create-actions{flex-direction:column;padding:20px}.cancel-btn,.create-btn{justify-content:center;width:100%}}@media (max-width:480px){.quick-create-modal-title-area{gap:10px}.quick-create-modal-icon{font-size:2rem}.quick-create-modal-title{font-size:1.3rem}.mode-toggle{display:none}.create-types-grid{grid-template-columns:1fr}.type-icon{font-size:1.5rem}.relation-buttons,.template-buttons{flex-wrap:wrap}.relation-btn,.template-btn{font-size:1rem;height:35px;width:35px}}.test-cycle-manager{background:#f5f7fa;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%}.cycles-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden;width:350px}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;padding:20px}.sidebar-header h2{font-size:1.4rem;font-weight:600;margin:0 0 15px}.btn-new-cycle{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .3s ease;width:100%}.btn-new-cycle:hover{background:#f0f0f0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cycles-list{flex:1 1;overflow-y:auto;padding:15px}.empty-cycles{color:#666;padding:40px 20px;text-align:center}.empty-cycles p{color:#999;margin-bottom:20px}.btn-create-first{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-create-first:hover{background:#5568d3;transform:translateY(-2px)}.cycle-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .3s ease}.cycle-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateX(4px)}.cycle-card.active{background:linear-gradient(135deg,#f5f7ff,#f0f2ff);border-color:#667eea;box-shadow:0 4px 16px #667eea33}.cycle-card.archived{border-left:3px solid #9e9e9e;opacity:.7}.archived-badge{background:#9e9e9e;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.cycle-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.cycle-card-header h3{color:#333;flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.status-badge{font-size:.75rem;white-space:nowrap}.status-badge.status-planned{background:#e3f2fd;color:#1976d2}.status-badge.status-in_progress{background:#fff3e0;color:#f57c00}.status-badge.status-completed{background:#e8f5e9;color:#388e3c}.status-badge.status-archived{background:#9e9e9e;color:#fff}.status-badge.status-cancelled{background:#ffebee;color:#d32f2f}.cycle-dates{color:#666;font-size:.85rem;margin:8px 0}.cycle-stats{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.cycle-stats .stat{background:#f5f5f5;border-radius:6px;color:#666;font-size:.85rem;font-weight:600;padding:4px 8px}.cycle-stats .stat.passed{background:#e8f5e9;color:#388e3c}.cycle-stats .stat.failed{background:#ffebee;color:#d32f2f}.cycle-stats .stat.not-run{background:#f5f5f5;color:#757575}.progress-bar-container{background:#e0e0e0;border-radius:3px;height:6px;margin:10px 0;overflow:hidden;width:100%}.progress-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.cycle-meta{margin-top:8px;text-align:center}.cycle-meta small{color:#999;font-size:.75rem}.cycle-details{background:#f5f7fa;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cycle-header{align-items:flex-start;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px}.header-info h1{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 8px}.header-info .description{color:#666;font-size:1rem;margin:0 0 12px}.header-meta{flex-wrap:wrap;gap:16px;margin-top:8px}.header-meta,.header-meta span{align-items:center;display:flex}.header-meta span{color:#666;font-size:.9rem;gap:6px}.status-badge-large{border-radius:16px;font-size:.85rem;font-weight:600;padding:8px 16px;text-transform:uppercase}.cycle-actions{align-items:center;display:flex;gap:12px}.btn-ai-gaps,.btn-ai-priority{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 18px;transition:all .3s ease}.btn-ai-priority{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-ai-priority:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-ai-gaps{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-ai-gaps:hover{box-shadow:0 4px 12px #f5576c4d;transform:translateY(-2px)}.tests-table-container{flex:1 1;overflow:auto;padding:20px}.tests-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 8px #0000000d;overflow:hidden;width:100%}.tests-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tests-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.tests-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.tests-table tbody tr:hover{background:#f8f9fa}.tests-table tbody tr:last-child{border-bottom:none}.tests-table td{padding:16px;vertical-align:middle}.node-cell strong{color:#333;display:block;font-weight:600;margin-bottom:4px}.node-type{color:#999;display:block;text-transform:uppercase}.test-cell strong{color:#333;display:block;margin-bottom:4px}.test-name-link{text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;transition:all .2s ease}.test-name-link:hover{color:#2563eb!important;-webkit-text-decoration-color:#2563eb;text-decoration-color:#2563eb;transform:translateX(2px)}.test-name-link:active{color:#1d4ed8!important}.test-preview{color:#666;display:block;font-size:.85rem;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.priority-badge{border-radius:50%;display:inline-block;font-size:.9rem;font-weight:700;height:32px;line-height:32px;text-align:center;width:32px}.priority-badge.priority-1{background:#e0e0e0;color:#757575}.priority-badge.priority-2{background:#fff9c4;color:#f57f17}.priority-badge.priority-3{background:#ffe0b2;color:#e65100}.priority-badge.priority-4{background:#ffccbc;color:#bf360c}.priority-badge.priority-5{animation:pulse 2s infinite;background:#ffcdd2;color:#b71c1c}.executed-by{color:#666;font-size:.9rem}.action-buttons{gap:8px}.action-buttons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-pass{background:#e8f5e9}.btn-pass:hover{background:#4caf50;transform:scale(1.1)}.btn-fail{background:#ffebee}.btn-fail:hover{background:#f44336;transform:scale(1.1)}.btn-block{background:#fff3e0}.btn-block:hover{background:#ff9800;transform:scale(1.1)}.empty-tests{color:#999;font-style:italic;padding:60px 20px;text-align:center}.empty-state{flex:1 1;padding:60px 40px}.empty-icon{font-size:5rem;margin-bottom:20px;opacity:.3}.empty-state h2{color:#333;font-size:1.5rem;margin:0 0 10px}.empty-state p{color:#666;font-size:1rem;margin:0 0 30px}.btn-create-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-create-large:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.details-loading,.test-cycle-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner{height:50px;width:50px}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;max-width:600px;overflow:auto}.modal-content h2{color:#333;font-size:1.6rem;margin:0 0 20px}.modal-content button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:10px 20px;transition:all .3s ease}.modal-content button:hover{background:#5568d3;transform:translateY(-2px)}@media (max-width:1024px){.test-cycle-manager{flex-direction:column}.cycles-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:300px;width:100%}.cycles-list{display:flex;overflow-x:auto;padding:15px}.cycle-card{margin-bottom:0;margin-right:12px;min-width:280px}.cycle-header{align-items:flex-start;flex-direction:column}.cycle-actions{justify-content:stretch;width:100%}.btn-ai-gaps,.btn-ai-priority{flex:1 1}.tests-table{font-size:.9rem}.tests-table td,.tests-table th{padding:12px 8px}.test-preview{max-width:200px}}@media (max-width:768px){.header-info h1{font-size:1.4rem}.tests-table-container{overflow-x:auto}.tests-table{min-width:800px}.action-buttons button{font-size:1rem;height:32px;width:32px}}.create-cycle-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:95%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;color:#fff;padding:24px 32px}.close-btn{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.5rem;height:36px;justify-content:center;width:36px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.form-section{margin-bottom:32px}.form-section h3{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:8px;margin:0 0 16px}.test-count{background:#f0f3ff;border-radius:12px;color:#667eea;font-size:.9rem;font-weight:600;padding:4px 12px}.form-group input[type=date],.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input[type=date]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:16px;gap:16px}.loading-nodes,.no-nodes{color:#666;font-size:1rem;padding:32px;text-align:center}.nodes-list{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-height:400px;overflow-y:auto;padding:16px}.node-card{background:#fff;border:1px solid #e0e0e0;margin-bottom:16px}.node-card:last-child{margin-bottom:0}.node-header{border-bottom:1px solid #f0f0f0;margin-bottom:12px;padding-bottom:12px}.node-header strong{color:#333;font-size:1.1rem}.node-type{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.tests-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:4px}.test-item-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease}.test-item-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.test-item-card.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.test-item-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.test-item-header input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.test-item-title{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.test-name-label{color:#333;font-size:.95rem;font-weight:600}.test-scenario-preview{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;margin-left:32px;padding:8px}.test-description-fallback{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;cursor:pointer;margin-left:32px;padding:12px}.test-description-fallback p{color:#78350f;font-size:.9rem;line-height:1.5;margin:0}.test-meta-footer{display:flex;flex-wrap:wrap;gap:8px;margin-left:32px;margin-top:8px}.meta-steps{color:#667eea;font-weight:600}.meta-author,.meta-steps{background:#e0e7ff;border-radius:4px;font-size:.8rem;padding:4px 8px}.meta-author{color:#666}.meta-priority{border-radius:4px;font-size:.8rem;font-weight:600;padding:4px 8px}.meta-priority.priority-high{background:#fee2e2;color:#dc2626}.meta-priority.priority-medium{background:#ffedd5;color:#ea580c}.meta-priority.priority-low,.meta-priority.priority-normal{background:#dcfce7;color:#16a34a}.test-type-badge{align-self:flex-start;background:#e0e0e0;border-radius:10px;color:#666;flex-shrink:0;font-size:.8rem;font-weight:600;padding:4px 10px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.btn-primary,.btn-secondary{font-size:1rem;font-weight:600;transition:all .3s ease}.btn-secondary{background:#f0f0f0;color:#666}.btn-secondary:hover{background:#e0e0e0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}@media (max-width:768px){.create-cycle-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.modal-header{border-radius:0}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.smart-duplicate-detector{margin:0 auto;max-width:1400px;padding:24px}.detector-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.detector-controls{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:24px;margin-top:20px;padding-top:20px}.threshold-control{align-items:center;display:flex;flex:1 1;gap:12px}.threshold-control label{color:#374151;font-weight:500;white-space:nowrap}.threshold-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;max-width:300px;outline:none}.threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.threshold-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.threshold-value{color:#3b82f6;font-weight:600;min-width:50px;text-align:right}.refresh-button{white-space:nowrap}.empty-state{padding:80px 20px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{color:#1f2937;margin:0 0 8px}.empty-state p{color:#6b7280}.duplicates-list{display:flex;flex-direction:column;gap:16px}.duplicate-pair{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s}.duplicate-pair:hover{box-shadow:0 4px 16px #00000026}.pair-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.similarity-badge{border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.compare-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.compare-button:hover{background:#e5e7eb}.pair-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:16px}.node-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.node-header{margin-bottom:8px}.node-type{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:12px;padding:2px 8px}.node-badge{align-items:center;background:#374151;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.node-card h4{color:#1f2937;font-size:16px;margin:0 0 8px}.node-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.node-meta{color:#9ca3af;font-size:12px}.similarity-arrow{align-items:center;color:#9ca3af;display:flex;font-size:24px;justify-content:center}.reasons-section{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;padding:12px 16px}.reasons-section h5{color:#92400e;font-size:13px;font-weight:600;margin:0 0 8px}.reasons-list{color:#78350f;font-size:13px;margin:0;padding-left:20px}.reasons-list li{margin-bottom:4px}.comparison-panel{border-top:2px solid #e5e7eb;margin-top:20px;padding-top:20px}.comparison-grid{grid-gap:20px;gap:20px;margin-bottom:20px}.comparison-column h5{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;margin:0 0 12px;padding-bottom:8px}.property-list{display:flex;flex-direction:column;gap:8px}.property-item{background:#f9fafb;border-radius:4px;color:#4b5563;font-size:12px;padding:8px 12px}.property-item strong{color:#1f2937;margin-right:8px}.action-buttons{display:flex;gap:12px;justify-content:center}.merge-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;min-width:140px;padding:14px 32px;transition:all .2s}.merge-button:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.ignore-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;min-width:140px;padding:14px 32px;transition:all .2s}.ignore-button:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@media (max-width:768px){.pair-content{grid-template-columns:1fr}.similarity-arrow{margin:8px 0;transform:rotate(90deg)}.comparison-grid{grid-template-columns:1fr}.detector-controls,.threshold-control{align-items:stretch;flex-direction:column}.threshold-slider{max-width:none}}.test-coverage-advisor{margin:0 auto;max-width:1400px;padding:24px}.advisor-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.refresh-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.refresh-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.loading-state{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.spinner{border:4px solid #e5e7eb;height:48px;width:48px}.loading-state p{color:#6b7280;margin:0}.coverage-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{box-shadow:0 2px 8px #0000001a}.stat-card.coverage-score{justify-content:center}.stat-card.stat-warning{border-left:4px solid #f59e0b}.score-circle{align-items:center;border:8px solid;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;width:120px}.score-value{font-size:28px;font-weight:700;line-height:1}.score-label{color:#6b7280;font-size:12px;margin-top:4px}.stat-icon{font-size:36px}.stat-content{flex:1 1}.stat-value{font-size:32px;margin-bottom:4px}.gaps-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.section-header h3{color:#1f2937;font-size:20px;margin:0 0 8px}.section-header p{color:#6b7280;font-size:14px;margin:0 0 20px}.gaps-list{display:flex;flex-direction:column;gap:16px}.gap-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.gap-card:hover{box-shadow:0 4px 12px #0000001a}.gap-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.gap-info{flex:1 1}.node-type-badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:12px;margin-right:8px;padding:4px 8px}.gap-info h4{color:#1f2937;font-size:18px;margin:8px 0 0}.risk-badge{border-radius:6px;color:#fff;font-size:13px;padding:6px 12px;white-space:nowrap}.gap-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.gap-stats{display:flex;gap:16px;margin-bottom:16px}.gap-stat{background:#fff;border-radius:6px;color:#374151;font-size:13px;padding:8px 12px}.suggestions-section{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;margin-bottom:16px;padding:12px 16px}.suggestions-section h5{color:#92400e;font-size:13px;font-weight:600;margin:0 0 8px}.suggestions-list{color:#78350f;font-size:13px;margin:0;padding-left:20px}.suggestions-list li{margin-bottom:4px}.gap-actions{display:flex;gap:12px}.details-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.details-button:hover{background:#e5e7eb}.generate-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.generate-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.generate-button:disabled{cursor:not-allowed;opacity:.6}.node-details{border-top:2px solid #e5e7eb}.node-details h5{color:#374151;font-size:14px;margin:0 0 12px}.details-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.detail-item{background:#fff;border-radius:4px;color:#4b5563;font-size:12px;padding:8px 12px}.detail-item strong{color:#1f2937}.success-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px;text-align:center}.success-icon{font-size:64px}.success-state h3{color:#1f2937;margin:0 0 8px}.success-state p{color:#6b7280;margin:0}@media (max-width:768px){.coverage-stats{grid-template-columns:1fr}.gap-header{flex-direction:column;gap:12px}.gap-stats{gap:8px}.gap-actions,.gap-stats{flex-direction:column}.details-grid{grid-template-columns:1fr}.advisor-header{align-items:stretch;flex-direction:column;gap:16px}}.related-features-finder{margin:0 auto;max-width:1400px;padding:24px}.finder-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.header-content h2{color:#1f2937;font-size:24px;margin:0 0 8px}.header-description{color:#6b7280;font-size:14px;margin:0}.search-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.search-control{display:flex;flex-direction:column;gap:8px}.search-control label{color:#374151;font-size:14px;font-weight:500}.node-selector{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .2s}.node-selector:hover:not(:disabled){border-color:#3b82f6}.node-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.node-selector:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.searching-indicator{align-items:center;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:12px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.filter-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.filter-section label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.impact-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-button:hover{background:#f9fafb}.filter-button.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.features-list{display:flex;flex-direction:column;gap:16px}.list-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#374151;font-weight:500;padding:12px 16px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s}.feature-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.feature-header{align-items:flex-start;justify-content:space-between;margin-bottom:12px}.feature-info{flex:1 1}.feature-type{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:12px;font-weight:500;margin-right:8px;padding:4px 8px}.feature-info h4{color:#1f2937;font-size:18px;margin:8px 0 0}.impact-badge-container{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.impact-badge{border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.similarity-score{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;font-weight:600;padding:4px 8px}.feature-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.connection-info{margin-bottom:12px}.connection-badge{align-items:center;background:#f0fdf4;border-radius:6px;color:#166534;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.connection-icon{font-size:16px}.explanation-section{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;margin-bottom:12px;padding:12px 16px}.explanation-section h5{color:#92400e;font-size:13px;font-weight:600;margin:0 0 6px}.explanation-text{color:#78350f;font-size:13px;line-height:1.5;margin:0}.feature-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:12px;padding:6px 10px}.no-results{color:#6b7280;padding:40px 20px}.empty-state,.initial-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px;text-align:center}.empty-icon,.initial-icon{font-size:64px;margin-bottom:16px}.empty-state h3,.initial-state h3{color:#1f2937;margin:0 0 8px}.empty-state p,.initial-state p{color:#6b7280;margin:0}@media (max-width:768px){.feature-header{flex-direction:column;gap:12px}.impact-badge-container{align-items:center;flex-direction:row}.impact-filters{flex-direction:column}.filter-button{width:100%}.feature-meta{flex-direction:column}}.header-action-button{border-radius:16px;box-shadow:0 8px 25px var(--shadow-color);color:#fff;cursor:pointer;display:flex;flex-direction:column;height:140px;justify-content:space-between;max-width:280px;min-width:280px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;width:280px}.header-action-button:hover:not(.disabled):not(.loading){box-shadow:0 12px 35px var(--shadow-color-hover);transform:translateY(-3px)}.header-action-button.disabled{cursor:not-allowed;opacity:.6}.header-action-button.loading{cursor:wait}.button-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;z-index:2}.button-bg-effect{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;height:100px;position:absolute;right:-20%;top:-50%;transform:rotate(45deg);width:100px}.loading-spinner{border:2px solid #ffffff4d;height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:3}.button-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.button-icon{flex-shrink:0;font-size:1.6rem}.button-text-content{flex:1 1;min-width:0}.button-title{font-size:1.1rem;font-weight:700;line-height:1.2;margin:0 0 4px;text-shadow:0 1px 2px #0000001a}.button-subtitle,.button-title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.button-subtitle{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;font-weight:400;line-height:1.3;margin:0;opacity:.9;overflow:hidden}.button-badge{background:#ffffffe6;border-radius:8px;color:#1f2937;flex-shrink:0;font-size:.65rem;font-weight:800;margin-left:auto;padding:3px 6px}.button-features{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.button-feature{align-items:center;display:flex;font-size:.7rem;gap:4px;opacity:.85}.button-cta,.button-feature svg{font-size:.8rem}.button-cta{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-top:auto}.button-cta-text{flex:1 1;opacity:.95}.button-cta-icon{animation:gentle-bounce 1.5s ease-in-out infinite;font-size:.9rem;margin-left:8px}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@media (max-width:768px){.header-action-button{height:120px;max-width:260px;min-width:260px;padding:16px;width:260px}.button-title{font-size:1rem}.button-subtitle{font-size:.75rem}.button-icon{font-size:1.4rem}}@media (max-width:480px){.header-action-button{height:110px;max-width:240px;min-width:240px;padding:14px;width:240px}}#export-modal-overlay{align-items:center;animation:export-modal-fadeIn .2s ease;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100000!important}@keyframes export-modal-fadeIn{0%{opacity:0}to{opacity:1}}#export-modal-content{animation:export-modal-slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:100vh;max-width:90%;min-width:50%;overflow:hidden;position:relative;z-index:100001!important}@keyframes export-modal-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#export-modal-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}#export-modal-header h2{font-size:1.5rem;font-weight:600;margin:0}#export-modal-close-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background .2s}#export-modal-close-button:hover{background:#fff3}#export-modal-body{max-height:60vh;overflow-y:auto;padding:2rem}.export-modal-form-group{margin-bottom:1.5rem}.export-modal-form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.export-modal-form-group input,.export-modal-form-group select,.export-modal-form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.export-modal-form-group input:focus,.export-modal-form-group select:focus,.export-modal-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.export-modal-form-group textarea{min-height:80px;resize:vertical}.export-modal-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.export-modal-select-all-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.export-modal-select-all-button:hover{background:#e5e7eb}.export-modal-items-list{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto;padding:.5rem}.export-modal-item-checkbox{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.25rem;padding:.75rem;transition:background .2s}.export-modal-item-checkbox:hover{background:#f9fafb}.export-modal-item-checkbox.selected{background:#eff6ff;border:1px solid #dbeafe}.export-modal-item-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.export-modal-item-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.export-modal-item-name{color:#1f2937;font-weight:600}.export-modal-item-type{background:#eff6ff;border-radius:4px;color:#6366f1;font-size:.8rem;padding:.1rem .4rem;width:-webkit-fit-content;width:fit-content}.export-modal-item-description{color:#6b7280;font-size:.8rem;line-height:1.4}.export-modal-no-items{background:#f9fafb;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}.export-modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.export-modal-selected-count{color:#6b7280;font-size:.9rem;font-weight:500}.export-modal-actions{display:flex;gap:.75rem}.export-modal-action-button,.export-modal-cancel-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.export-modal-cancel-button{background:#f3f4f6;color:#374151}.export-modal-cancel-button:hover{background:#e5e7eb}.export-modal-action-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.export-modal-action-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.export-modal-action-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.export-modal-checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.export-modal-checkbox-item{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s}.export-modal-checkbox-item:hover{background:#f3f4f6}.export-modal-checkbox-item input[type=checkbox]{margin:0;width:auto}.export-modal-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.5rem;padding:1rem}.export-modal-preview-item{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.export-modal-preview-item:last-child{margin-bottom:0}.export-modal-preview-icon{font-size:1rem}.export-modal-items-overflow{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;font-style:italic;padding:1rem;text-align:center}.export-modal-loading-state{background:#f9fafb;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}@media (max-width:768px){.export-modal-checkbox-group{gap:.5rem}.export-modal-checkbox-item{font-size:.9rem;padding:.5rem}.export-modal-preview{padding:.75rem}.export-modal-preview-item{font-size:.8rem}}.lab-section-modal{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.lab-section-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:99vh;overflow:hidden}.lab-section-modal-medium .lab-section-modal-content,.lab-section-modal-small .lab-section-modal-content{width:100%}.lab-section-modal-large .lab-section-modal-content{max-height:95vh;max-width:98vw;width:100%}.lab-section-modal-fullscreen .lab-section-modal-content{height:95vh;max-height:none;max-width:none;width:95vw}.lab-section-modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.lab-section-modal-title-area{align-items:center;display:flex;gap:12px}.lab-section-modal-icon{font-size:1.8rem}.lab-section-modal-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.lab-section-modal-close{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.lab-section-modal-close:hover{background:#dc2626;transform:scale(1.05)}.lab-section-modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:32px}.lab-section-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px 32px}.lab-section-modal-footer-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s ease}.lab-section-modal-footer-btn:hover{background:#4b5563}@media (max-width:768px){.lab-section-modal{padding:10px}.lab-section-modal-content{border-radius:12px;max-height:95vh}.lab-section-modal-header{padding:16px 20px}.lab-section-modal-title{font-size:1.25rem}.lab-section-modal-body{padding:20px}.lab-section-modal-footer{padding:16px 20px}.lab-section-modal-large .lab-section-modal-content,.lab-section-modal-medium .lab-section-modal-content{max-width:none;width:100%}.lab-section-modal-fullscreen .lab-section-modal-content{border-radius:0;height:100vh;width:100vw}}.lab-section-modal-body .section-icon,.lab-section-modal-body .section-icon-create-node,.lab-section-modal-body .section-icon-nodes-list{display:none}.impact-radar-modal-root .irmodal-btn-copy{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#6366f1!important;border:3px solid #4f46e5!important;border-radius:12px!important;box-shadow:0 4px 12px #6366f166!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:700!important;gap:8px!important;padding:12px 18px!important;position:absolute!important;right:76px!important;top:16px!important;transition:all .25s ease!important;z-index:999998!important}.impact-radar-modal-root .irmodal-btn-copy:hover{background:#4f46e5!important;border-color:#3730a3!important;box-shadow:0 6px 20px #6366f180!important;color:#fff!important;transform:translateY(-2px) scale(1.05)!important}.irmodal-summary{align-items:flex-start;background:linear-gradient(135deg,#e0f2fe,#f3e8ff);border-left:4px solid #06b6d4;border-radius:16px;display:flex;gap:12px;margin:24px 48px 18px;padding:18px 24px}.irmodal-summary-icon{color:#06b6d4;flex-shrink:0;font-size:1.4rem;margin-top:2px}.irmodal-summary-text{color:#0c4a6e;font-size:1rem;font-weight:500;line-height:1.5}.irmodal-recommendations{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:16px;display:flex;gap:12px;margin:18px 48px;padding:18px 24px}.irmodal-reco-icon{color:#f59e0b;flex-shrink:0;font-size:1.4rem;margin-top:2px}.irmodal-reco-title{color:#92400e;font-size:1rem;font-weight:700;margin-bottom:8px}.irmodal-reco-list{color:#92400e;font-size:.95rem;list-style:none;margin:0;padding:0}.irmodal-reco-list li{padding:2px 0 2px 16px;position:relative}.irmodal-reco-list li:before{color:#f59e0b;content:"→";font-weight:700;left:0;position:absolute}.irmodal-nodescores{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:16px;margin:18px 48px;padding:18px 24px}.irmodal-nodescores-title{color:#0c4a6e;display:block;font-size:1rem;font-weight:700;margin-bottom:12px}.irmodal-nodescores-list{display:flex;flex-wrap:wrap;gap:8px}.irmodal-nodescore-card{align-items:center;background:#ffffffb3;border:1px solid #0ea5e933;border-radius:12px;display:flex;font-size:.85rem;gap:6px;padding:8px 12px}.irmodal-nodescore-name{color:#0c4a6e;font-weight:700}.irmodal-nodescore-score{background:#0ea5e9;border-radius:6px;color:#fff;font-size:.8rem;font-weight:700;padding:2px 6px}.irmodal-nodescore-criticity{text-transform:capitalize}.irmodal-nodescore-criticity,.irmodal-nodescore-type{color:#64748b;font-size:.8rem}@keyframes fadeInBounce{0%{opacity:0;transform:scale(.3) rotateX(-30deg)}50%{opacity:.8;transform:scale(1.05) rotateX(0deg)}to{opacity:1;transform:scale(1) rotateX(0deg)}}@keyframes popInBounce{0%{opacity:0;transform:scale(.3) translateY(100px)}50%{opacity:.8;transform:scale(1.05) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.impact-radar-modal-root{all:unset;align-items:center!important;animation:fadeInBounce .6s cubic-bezier(.68,-.55,.27,1.55)!important;-webkit-backdrop-filter:blur(16px) saturate(1.2)!important;backdrop-filter:blur(16px) saturate(1.2)!important;background:#1e1b4b8c!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;right:0!important;top:0!important;visibility:visible!important;z-index:99999!important}.impact-radar-modal-root *{box-sizing:border-box!important}.impact-radar-modal-root button{all:unset!important;cursor:pointer!important}.irmodal-overlay{align-items:center!important;animation:fadeInBounce .6s cubic-bezier(.68,-.55,.27,1.55)!important;-webkit-backdrop-filter:blur(16px) saturate(1.2)!important;backdrop-filter:blur(16px) saturate(1.2)!important;background:#1e1b4b8c!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:99999!important}.irmodal-card,.irmodal-overlay{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.irmodal-card{animation:popInBounce .8s cubic-bezier(.68,-.55,.27,1.55)!important;background:linear-gradient(135deg,#ffffffd9 60%,#f3e8fff2)!important;border:3px solid #a78bfa!important;border-radius:36px!important;box-shadow:0 24px 80px 0 #6366f138,0 2px 12px #0000001a!important;max-height:95%!important;max-width:95%!important;overflow:auto!important;padding:0 0 36px!important;position:relative!important;width:98vw!important;z-index:100000!important}.impact-radar-modal-root .irmodal-close{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ef4444!important;border:3px solid #dc2626!important;border-radius:12px!important;box-shadow:0 4px 12px #ef444466!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:24px!important;font-weight:700!important;height:48px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;transition:all .25s ease!important;width:48px!important;z-index:999999!important}.impact-radar-modal-root .irmodal-close:hover{background:#dc2626!important;border-color:#b91c1c!important;box-shadow:0 6px 20px #ef444499!important;color:#fff!important;transform:scale(1.1) rotate(90deg)!important}.irmodal-header{align-items:center;background:linear-gradient(90deg,#ede9fe 60%,#c7d2fe);border-radius:32px 32px 0 0;box-shadow:0 4px 24px #8b5cf614;display:flex;gap:32px;padding:48px 48px 0}.irmodal-icon{background:linear-gradient(135deg,#a78bfa 60%,#818cf8);border-radius:75px;box-shadow:0 2px 12px #a78bfa33;color:#a78bfa;font-size:2.5rem;margin-right:8px;padding:18px}.irmodal-title{font-size:2.2rem;font-weight:900;letter-spacing:-.03em;margin:0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a78bfa,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text}.irmodal-desc{align-items:center;color:#6d28d9;display:flex;font-size:1.1rem;font-weight:500;gap:8px;margin-top:.5rem}.irmodal-rocket{animation:rocketMove 1.5s linear infinite alternate;color:#f59e42}@keyframes rocketMove{0%{transform:translateY(0)}to{transform:translateY(-8px) rotate(-10deg)}}.irmodal-stats-cards{display:flex;gap:36px;justify-content:center;margin:36px 0 0}.irmodal-stat-card{align-items:center;animation:popIn .7s cubic-bezier(.23,1.12,.32,1);background:linear-gradient(135deg,#ede9fe 60%,#c7d2fe);border:4px solid #a78bfa33;border-radius:50%;box-shadow:0 4px 24px #a78bfa22;display:flex;flex-direction:column;height:150px;justify-content:center;position:relative;text-align:center;transition:transform .18s,box-shadow .18s;width:150px}.irmodal-stat-card:hover{box-shadow:0 8px 32px #a78bfa33;transform:scale(1.06) rotate(-2deg)}.irmodal-stat-icon{color:#a78bfa;filter:drop-shadow(0 2px 8px #a78bfa33);font-size:2.3rem;margin-bottom:8px}.irmodal-risk .irmodal-stat-icon{color:#ef4444}.irmodal-depth .irmodal-stat-icon{color:#f59e42}.irmodal-critical .irmodal-stat-icon{color:#10b981}.irmodal-stat-label{color:#7c3aed;font-size:1.05rem;font-weight:800;margin-bottom:2px}.irmodal-stat-value{font-size:2.2rem}.irmodal-risk-score,.irmodal-stat-value{font-weight:900;letter-spacing:-.04em;margin-top:.2rem}.irmodal-risk-score{font-size:2.5rem}.rainbow-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f472b6,#a78bfa,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text}.irmodal-section{margin:32px 48px 0}.irmodal-section-title{align-items:center;color:#7c3aed;display:flex;font-size:1.3rem;font-weight:800;gap:8px;margin-bottom:18px}.irmodal-star{color:#fbbf24}.irmodal-tasks{color:#a78bfa}.irmodal-filters{align-items:center;display:flex;gap:10px;margin-bottom:18px}.irmodal-nodes-list{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.irmodal-node-card{align-items:flex-start;background:linear-gradient(135deg,#f3e8ff 60%,#e0e7ff);border:2px solid #a78bfa33;border-radius:18px;box-shadow:0 2px 12px #a78bfa22;display:flex;gap:16px;padding:18px 18px 12px;position:relative;transition:transform .18s,box-shadow .18s}.irmodal-node-card:hover{box-shadow:0 8px 32px #a78bfa33;transform:translateY(-4px) scale(1.03)}.irmodal-node-icon{font-size:2rem;margin-top:2px}.irmodal-node-info{flex:1 1}.irmodal-node-name{color:#6d28d9;font-size:1.1rem;font-weight:700}.irmodal-node-meta{align-items:center;display:flex;gap:10px;margin:4px 0 2px}.irmodal-badge{background:#a78bfa;border-radius:10px;color:#fff;font-size:.85rem;font-weight:700;padding:2px 10px;text-transform:capitalize}.irmodal-risk-mini{color:#f59e42;font-size:.9rem;font-weight:600}.irmodal-criticity-mini{color:#8b5cf6;font-size:.9rem;font-weight:600}.irmodal-risk-explanation{color:#374151;font-size:.9rem;font-style:italic;line-height:1.4;margin-top:4px}.irmodal-block{margin:18px 48px}.irmodal-coach-tips{align-items:flex-start;background:linear-gradient(135deg,#ddd6fe,#e0e7ff);border-left:4px solid #8b5cf6;border-radius:16px;display:flex;gap:12px;padding:18px 24px}.irmodal-coach-icon{color:#8b5cf6;flex-shrink:0;font-size:1.4rem;margin-top:2px}.irmodal-coach-title{color:#5b21b6;display:block;font-weight:700;margin-bottom:8px}.irmodal-coach-list{color:#5b21b6;font-size:.95rem;line-height:1.5;margin:0;padding-left:20px}.irmodal-coach-list li{margin-bottom:6px}.irmodal-action{align-items:center;color:#f59e42;display:flex;font-size:.95rem;gap:4px;margin-top:2px}.irmodal-tests{color:#818cf8;font-size:.9rem;margin-top:2px}.irmodal-section-tests{margin-top:36px}.irmodal-tests-list{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.irmodal-test-card{background:linear-gradient(135deg,#fff 60%,#f3e8ff);border:2px solid #a78bfa22;border-radius:18px;box-shadow:0 2px 12px #a78bfa22;padding:20px 20px 14px;position:relative;transition:box-shadow .18s,transform .18s}.irmodal-test-card:hover{box-shadow:0 12px 36px #a78bfa44;transform:scale(1.04) rotate(-1deg)}.irmodal-test-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.irmodal-test-title{color:#7c3aed;font-size:1.1rem;font-weight:700}.irmodal-badge-priority{background:#fbbf24;color:#fff}.irmodal-badge-high{background:#ef4444}.irmodal-badge-medium{background:#fbbf24}.irmodal-badge-low{background:#10b981}.irmodal-test-desc{color:#6d28d9;font-size:.98rem;margin-bottom:2px}.irmodal-test-scenario{color:#818cf8;font-size:.95rem;margin-bottom:2px}.irmodal-test-steps{color:#7c3aed;font-size:.95rem;margin:0 0 2px 18px}.irmodal-test-outcome{color:#10b981;font-size:.95rem;margin-bottom:2px}.irmodal-test-nodes{color:#a78bfa;font-size:.95rem;margin-bottom:2px}.irmodal-test-action{align-items:center;color:#f59e42;display:flex;font-size:.95rem;gap:4px}.irmodal-ritual{align-items:center;background:linear-gradient(90deg,#fbbf24 60%,#f472b6);border-radius:14px;box-shadow:0 2px 8px #fbbf2433;color:#fff;display:flex;font-size:1.05rem;font-weight:700;gap:10px;margin:32px 48px 0;padding:10px 18px}.irmodal-ritual-icon{color:#fff;font-size:1.3rem}.impact-radar-modal-root .irmodal-footer{border-top:2px solid #e5e7eb;display:flex;gap:16px;justify-content:flex-end;margin:32px 48px;padding-top:24px}.impact-radar-modal-root .irmodal-btn-close{background:#64748b!important;border:3px solid #475569!important;border-radius:12px!important;box-shadow:0 4px 8px #64748b4d!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:.025em!important;padding:14px 28px!important;transition:all .25s ease!important}.impact-radar-modal-root .irmodal-btn-close:hover{background:#475569!important;border-color:#334155!important;box-shadow:0 6px 15px #47556966!important;color:#fff!important;transform:translateY(-2px) scale(1.05)!important}.irmodal-empty{color:#a1a1aa;font-size:1rem;padding:18px 0;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.85)}80%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.btn-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-top-color:#a78bfa;display:inline-block;height:24px;width:24px}.irmodal-risk-level{align-items:center;background:linear-gradient(90deg,#fbbf24 60%,#f472b6);border-radius:12px;box-shadow:0 2px 8px #fbbf244d;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:12px;margin:24px 48px 0;padding:12px 20px}.irmodal-risk-low{background:linear-gradient(90deg,#10b981 60%,#059669)}.irmodal-risk-medium{background:linear-gradient(90deg,#fbbf24 60%,#f59e0b)}.irmodal-risk-high{background:linear-gradient(90deg,#ef4444 60%,#dc2626)}.irmodal-risk-critical{animation:criticalPulse 2s infinite;background:linear-gradient(90deg,#dc2626 60%,#991b1b)}@keyframes criticalPulse{0%,to{box-shadow:0 2px 8px #dc262666}50%{box-shadow:0 4px 16px #dc2626b3}}.irmodal-risk-level-icon{font-size:1.5rem}.irmodal-tabs{border-bottom:3px solid #e5e7eb;display:flex;gap:4px;margin:24px 48px 0}.irmodal-tab{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 20px;position:relative;transition:all .2s}.irmodal-tab:hover{background:#f3f4f6;color:#374151}.irmodal-tab.active{background:linear-gradient(135deg,#a78bfa 60%,#818cf8);box-shadow:0 4px 12px #a78bfa4d;color:#fff;transform:translateY(-2px)}.irmodal-tab.active:after{background:linear-gradient(90deg,#a78bfa,#818cf8);bottom:-3px;content:"";height:3px;left:0;position:absolute;right:0}.irmodal-tab-content{min-height:300px;padding:24px 48px}.irmodal-calculated-metrics{margin:24px 0}.irmodal-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.irmodal-metric-item{background:linear-gradient(135deg,#f3e8ff 60%,#e0e7ff);border:2px solid #a78bfa22;border-radius:12px;padding:16px;text-align:center}.irmodal-metric-label{color:#7c3aed;display:block;font-size:.9rem;font-weight:600;text-transform:capitalize}.irmodal-metric-value{color:#6d28d9;display:block;font-size:1.8rem;font-weight:900;margin-top:4px}.irmodal-collapsible-section{border:2px solid #e5e7eb;border-radius:12px;margin:20px 0;overflow:hidden}.irmodal-collapsible-header{align-items:center;background:linear-gradient(90deg,#f9fafb 60%,#f3f4f6);color:#374151;cursor:pointer;display:flex;font-weight:700;gap:12px;padding:16px 20px;transition:background .2s}.irmodal-collapsible-header:hover{background:linear-gradient(90deg,#f3f4f6 60%,#e5e7eb)}.irmodal-collapsible-icon{color:#a78bfa;font-size:1.2rem}.irmodal-collapsible-title{flex:1 1}.irmodal-collapsible-toggle{color:#6b7280;transition:transform .2s}.irmodal-collapsible-content{background:#fff;padding:20px}.irmodal-critical-paths,.irmodal-risk-hotspots{display:flex;flex-direction:column;gap:12px}.irmodal-hotspot-item,.irmodal-path-item{align-items:center;background:linear-gradient(135deg,#fef3c7 60%,#fde68a);border-left:4px solid #f59e0b;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.irmodal-hotspot-item{background:linear-gradient(135deg,#fee2e2 60%,#fecaca);border-left-color:#ef4444}.irmodal-hotspot-icon,.irmodal-path-icon{color:#f59e0b;font-size:1.1rem}.irmodal-hotspot-icon{color:#ef4444}.irmodal-hotspot-text,.irmodal-path-text{color:#92400e;font-weight:600}.irmodal-hotspot-text{color:#991b1b}.irmodal-recommendations-section{margin:24px 0}.irmodal-recommendations-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.irmodal-recommendation-card{background:linear-gradient(135deg,#fff 60%,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.irmodal-recommendation-card:hover{border-color:#a78bfa;box-shadow:0 8px 24px #a78bfa33;transform:translateY(-2px)}.irmodal-recommendation-card.priority-high{border-left:6px solid #ef4444}.irmodal-recommendation-card.priority-medium{border-left:6px solid #f59e0b}.irmodal-recommendation-card.priority-low{border-left:6px solid #10b981}.irmodal-recommendation-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.irmodal-recommendation-icon{color:#a78bfa;font-size:1.4rem}.irmodal-priority-badge{background:#6b7280;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px}.irmodal-priority-badge.priority-high{background:#ef4444}.irmodal-priority-badge.priority-medium{background:#f59e0b}.irmodal-priority-badge.priority-low{background:#10b981}.irmodal-recommendation-content{color:#374151;font-size:1rem;line-height:1.6}.irmodal-recommendation-meta{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:12px;padding-top:12px}.irmodal-rec-effort,.irmodal-rec-impact,.irmodal-rec-timeline{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:4px}.irmodal-deployment-strategy,.irmodal-rollback-plan,.irmodal-technical-explanation{background:linear-gradient(135deg,#f0f9ff 60%,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:8px;color:#0c4a6e;line-height:1.6;padding:16px}.irmodal-monitoring-list,.irmodal-quality-gates{display:flex;flex-direction:column;gap:12px}.irmodal-monitoring-item,.irmodal-quality-gate-item{align-items:center;background:linear-gradient(135deg,#f0fdf4 60%,#dcfce7);border-left:4px solid #10b981;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.irmodal-monitoring-icon,.irmodal-quality-gate-icon{color:#10b981;font-size:1.1rem}.irmodal-effort-estimation{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.irmodal-effort-item{background:linear-gradient(135deg,#fef7ff 60%,#fae8ff);border:2px solid #d8b4fe;border-radius:8px;padding:16px;text-align:center}.irmodal-effort-label{color:#7c3aed;display:block;font-size:.9rem;font-weight:600;text-transform:capitalize}.irmodal-effort-value{color:#6d28d9;display:block;font-size:1.5rem;font-weight:900;margin-top:4px}.irmodal-test-card.priority-high{border-left:6px solid #ef4444}.irmodal-test-card.priority-medium{border-left:6px solid #f59e0b}.irmodal-test-card.priority-low{border-left:6px solid #10b981}.irmodal-badge-type{background:#6366f1;margin-left:8px}.irmodal-test-steps-section{margin-top:12px}.irmodal-test-coverage,.irmodal-test-effort{color:#6366f1;font-size:.95rem;margin-bottom:4px}.irmodal-depth-mini{color:#6366f1;font-size:.9rem;font-weight:600}@media (max-width:700px){.irmodal-tabs{flex-direction:column;margin:18px!important}.irmodal-tab{border-radius:8px;margin-bottom:4px}.irmodal-tab.active:after{display:none}.irmodal-tab-content{padding:18px!important}.irmodal-risk-level{font-size:1rem;margin:18px!important;padding:12px!important}.irmodal-effort-estimation,.irmodal-metrics-grid{grid-template-columns:1fr}.irmodal-nodescores,.irmodal-recommendations,.irmodal-summary{margin:18px!important;padding:16px!important}.irmodal-btn-copy{font-size:.9rem;left:16px;padding:10px 16px;top:16px}}.irmodal-test-scenario-structured{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:12px;box-shadow:0 2px 8px #0ea5e91a;margin:8px 0;padding:14px 16px}.irmodal-test-scenario-title{align-items:center;color:#0369a1;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:10px}.irmodal-scenario-icon{color:#0ea5e9;font-size:1rem}.irmodal-test-scenario-steps{display:flex;flex-direction:column;gap:6px}.irmodal-test-step{align-items:flex-start;animation:slideInStep .5s cubic-bezier(.68,-.55,.27,1.55);border-radius:8px;display:flex;gap:10px;padding:8px 12px;transition:background-color .2s,box-shadow .18s,transform .18s}.irmodal-test-step:hover{background-color:#ffffffb3;box-shadow:0 2px 12px #a78bfa33;transform:scale(1.03)}@keyframes slideInStep{0%{opacity:0;transform:translateX(-24px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.irmodal-step-given{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:3px solid #10b981}.irmodal-step-when{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid #f59e0b}.irmodal-step-then{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-left:3px solid #8b5cf6}.irmodal-step-and{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:3px solid #0ea5e9}.irmodal-step-but{background:linear-gradient(135deg,#fef2f2,#fecaca);border-left:3px solid #ef4444}.irmodal-step-step{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:3px solid #6b7280}.irmodal-step-icon{color:inherit;flex-shrink:0;font-size:.9rem;margin-top:2px}.irmodal-step-given .irmodal-step-icon{color:#10b981}.irmodal-step-when .irmodal-step-icon{color:#f59e0b}.irmodal-step-then .irmodal-step-icon{color:#8b5cf6}.irmodal-step-and .irmodal-step-icon{color:#0ea5e9}.irmodal-step-step .irmodal-step-icon{color:#6b7280}.irmodal-step-keyword{flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-right:8px;min-width:50px;text-transform:uppercase}.irmodal-step-given .irmodal-step-keyword{color:#10b981}.irmodal-step-when .irmodal-step-keyword{color:#f59e0b}.irmodal-step-then .irmodal-step-keyword{color:#8b5cf6}.irmodal-step-and .irmodal-step-keyword{color:#0ea5e9}.irmodal-step-but .irmodal-step-keyword{color:#ef4444}.irmodal-step-step .irmodal-step-keyword{color:#6b7280}.irmodal-step-text{color:#374151;flex:1 1;font-size:.9rem;font-weight:500;line-height:1.4}.irmodal-test-steps-section{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border-left:4px solid #a855f7;border-radius:12px;box-shadow:0 2px 8px #a855f71a;margin:8px 0;padding:14px 16px}.irmodal-test-steps-title{align-items:center;color:#7c2d12;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:10px}.irmodal-steps-icon{color:#a855f7;font-size:1rem}.irmodal-test-steps{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.irmodal-test-step-item{align-items:flex-start;background:linear-gradient(135deg,#fff,#faf5ff);border-left:3px solid #a855f7;border-radius:8px;display:flex;gap:12px;padding:8px 12px;transition:all .2s}.irmodal-test-step-item:hover{background:linear-gradient(135deg,#faf5ff,#f3e8ff);transform:translateX(4px)}.irmodal-step-number{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:20px;justify-content:center;margin-top:1px;width:20px}.irmodal-step-content{color:#374151;font-size:.9rem;font-weight:500;line-height:1.4}.irmodal-badge-type{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.impact-radar-modal-root .irmodal-btn-modeling{align-items:center!important;background:#10b981!important;border:3px solid #059669!important;border-radius:12px!important;box-shadow:0 4px 8px #10b9814d!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.875rem!important;font-weight:700!important;gap:8px!important;letter-spacing:.025em!important;margin-top:12px!important;padding:12px 20px!important;transition:all .25s ease!important}.impact-radar-modal-root .irmodal-btn-modeling:hover{background:#059669!important;border-color:#047857!important;box-shadow:0 6px 15px #10b98166!important;color:#fff!important;transform:translateY(-2px) scale(1.05)!important}.impact-radar-modal-root .irmodal-btn-modeling:active{box-shadow:0 2px 4px #10b98133!important;transform:translateY(0) scale(1)!important}.impact-radar-modal-root .irmodal-btn-add-all{background:#6366f1!important;border:3px solid #4f46e5!important;border-radius:12px!important;box-shadow:0 4px 8px #6366f14d!important;color:#fff!important;font-size:14px!important;font-weight:700!important;letter-spacing:.025em!important;padding:14px 22px!important;transition:all .25s ease!important}.impact-radar-modal-root .irmodal-btn-add-all:hover{background:#4f46e5!important;border-color:#3730a3!important;box-shadow:0 6px 15px #6366f166!important;transform:translateY(-2px) scale(1.05)!important}.irmodal-btn-close,.irmodal-btn-copy,.irmodal-btn-modeling{outline:none!important;text-decoration:none!important;-webkit-user-select:none!important;user-select:none!important}.irmodal-btn-close:focus,.irmodal-btn-copy:focus,.irmodal-btn-modeling:focus{outline:2px solid #6366f1!important;outline-offset:2px!important}.irmodal-test-status-sent{align-items:center!important;background:#057a28!important;border:1px solid #d1fae5!important;border-radius:6px!important;display:flex!important;gap:6px!important;margin-top:8px!important;padding:8px 12px!important}.irmodal-status-text{color:#16a34a!important;font-size:.875rem!important;font-weight:600!important}.test-generation-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf9f9bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.test-generation-modal{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:95vh;position:relative;width:99%!important;z-index:11000}.test-generation-modal .modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.test-generation-modal .modal-header h2{font-size:1.4rem;font-weight:600;margin:0}.test-generation-modal .modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.test-generation-modal .modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.test-generation-body{min-height:400px;overflow-y:auto;padding:30px}.generation-start{text-align:center}.node-info{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:24px;text-align:left}.node-header{align-items:flex-start;gap:16px;justify-content:center!important;margin-bottom:20px}.node-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem}.node-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 8px}.node-header p{color:#64748b;line-height:1.5;margin:0}.node-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{background:#f8fafc;border-left:4px solid #8b5cf6}.detail-label{color:#374151;font-weight:600}.detail-value{color:#6b7280;text-align:right}.generation-info{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:12px;margin:20px 0;padding:20px;text-align:left}.generation-info h4{color:#0369a1;font-size:1.1rem;margin:0 0 16px}.generation-info ul{margin:0;padding-left:20px}.generation-info li{color:#0369a1;font-weight:500;margin-bottom:8px}.generate-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:16px 32px;transition:all .3s ease}.generate-btn:hover{box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.generation-progress{text-align:center}.spinner-container{margin-bottom:40px}.generation-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#8b5cf6;height:64px;margin:0 auto 20px;width:64px}.generation-progress h3{color:#1e293b;font-size:1.3rem;margin-bottom:8px}.generation-progress p{color:#64748b;font-size:1rem}.generation-steps{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:400px}.step{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;font-weight:500;padding:12px 16px;transition:all .3s}.step.completed{background:#dcfce7;color:#166534}.step.active{animation:pulse 2s infinite;background:#fef3c7;color:#92400e}.generation-error{color:#dc2626;text-align:center}.error-icon{margin-bottom:20px}.generation-error h3{color:#dc2626;font-size:1.3rem;margin-bottom:12px}.generation-error p{background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;color:#7f1d1d;margin-bottom:20px;padding:16px}.error-actions{display:flex;gap:12px;justify-content:center}.close-error-btn,.retry-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.retry-btn{background:#dc2626;color:#fff}.retry-btn:hover{background:#b91c1c}.close-error-btn{background:#6b7280;color:#fff}.close-error-btn:hover{background:#4b5563}.generation-results{text-align:center}.success-header{margin-bottom:30px}.success-icon{font-size:4rem;margin-bottom:16px}.generation-results h3{color:#059669;font-size:1.4rem;margin-bottom:8px}.generation-results>p{color:#047857;font-weight:500}.generated-content{margin-bottom:30px;text-align:left}.content-header h4{color:#374151;font-size:1.1rem;margin-bottom:16px}.generated-tests-display{background:#1f2937;border:2px solid #374151;border-radius:8px;color:#f9fafb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;max-height:500px;overflow-y:auto;padding:20px;white-space:pre-wrap;word-break:break-word}.results-actions{display:flex;gap:12px;justify-content:center}.close-btn{background:linear-gradient(135deg,#059669,#047857);border-radius:10px;box-shadow:0 4px 12px #0596694d;color:#fff;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.close-btn:hover{box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.scenarios-validation-section{margin-top:20px}.validation-stats-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.validation-stats-header h4{font-size:18px;font-weight:600;margin:0}.stats-badges{display:flex;gap:12px}.stat-badge{font-size:12px;font-weight:700;padding:6px 12px}.scenarios-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.scenario-validation-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2px;overflow:hidden;transition:all .3s ease}.scenario-validation-item.approved{background:#f0fdf4;border-color:#10b981;box-shadow:0 2px 12px #10b98133}.scenario-validation-item.rejected{background:#fef2f2;border-color:#ef4444;box-shadow:0 2px 12px #ef444433}.scenario-validation-item.pending{background:#fffbeb;border-color:#f59e0b;box-shadow:0 2px 12px #f59e0b33}.scenario-item-header{align-items:center;background:#f8fafccc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.scenario-info{align-items:center;display:flex;gap:12px}.scenario-number{background:#6366f1;border-radius:12px;color:#fff;font-size:12px;font-weight:700;min-width:32px;padding:4px 10px;text-align:center}.scenario-title-text{color:#1f2937;font-size:16px;font-weight:600;margin:0}.validation-buttons{display:flex;gap:8px;position:relative;z-index:100}.validation-btn{align-items:center;background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;min-width:40px;padding:8px 10px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:10}.validation-btn:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.approve-btn{background:#10b9811a;color:#10b981}.approve-btn.active{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.reject-btn{background:#ef44441a;color:#ef4444}.reject-btn.active{background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff}.pending-btn{background:#f59e0b1a;color:#f59e0b}.pending-btn.active{background:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d;color:#fff}.scenario-content-wrapper{background:#fff;padding:16px 20px}.scenario-validation-item .scenario-mini-card{background:#fff;border:1px solid #e5e7eb;box-shadow:none;margin-bottom:0}.scenario-validation-item .scenario-header{margin-bottom:12px}.scenario-validation-item .scenario-title{color:#1f2937;font-size:14px;font-weight:600}.scenario-validation-item .scenario-steps{max-height:200px;overflow-y:auto}.scenario-validation-item .scenario-steps li{border-bottom:1px solid #f3f4f6;padding:6px 0}.scenario-validation-item .scenario-steps li:last-child{border-bottom:none}.status-indicator{font-size:14px;font-weight:600;padding:12px 20px;text-align:center}.status-indicator.approved{background:#dcfce7;border-top:1px solid #bbf7d0;color:#16a34a}.status-indicator.rejected{background:#fee2e2;border-top:1px solid #fecaca;color:#dc2626}.bulk-actions{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:8px;padding:24px 20px}.bulk-btn{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.approve-all-btn{background:#10b981;color:#fff}.approve-all-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.reject-all-btn{background:#ef4444;color:#fff}.reject-all-btn:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.reset-btn{background:#6b7280;color:#fff}.reset-btn:hover{background:#4b5563;box-shadow:0 4px 8px #6b72804d;transform:translateY(-1px)}.save-actions{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:2px solid #e5e7eb;display:flex;justify-content:center;margin-top:8px;padding:24px}.save-options{max-width:600px;width:100%}.save-options h4{color:#374151;font-weight:600;margin:0 0 16px;text-align:center}.save-buttons{gap:16px;margin-bottom:16px}.save-btn,.save-buttons{display:flex;justify-content:center}.save-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;gap:8px;max-width:280px;padding:16px 24px;transition:all .3s ease}.save-btn.direct-save{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #0000;color:#fff;padding:5%}.save-btn.direct-save:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.save-btn.modeling-save{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #0000;color:#fff;padding:5%}.save-btn.modeling-save:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 20px #8b5cf666;transform:translateY(-2px)}.save-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.save-explanation{display:flex;flex-direction:column;font-size:13px;gap:8px}.save-option-info{align-items:center;background:#ffffffb3;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.save-option-info.direct{border-left:4px solid #10b981}.save-option-info.modeling{border-left:4px solid #8b5cf6}.info-icon{flex-shrink:0}.info-text{color:#374151;line-height:1.4}.info-text strong{color:#111827}.raw-content-details{border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;overflow:hidden}.raw-content-summary{background:#f8fafc;border:none;color:#6366f1;cursor:pointer;display:block;font-weight:600;padding:16px 20px;transition:all .2s ease}.raw-content-summary:hover{background:#f1f5f9;color:#4f46e5}.raw-content-display{padding:0}.raw-content-display pre{word-wrap:break-word;font-family:Courier New,monospace;font-size:13px;line-height:1.5;margin:0;max-height:400px;overflow-y:auto;padding:20px;white-space:pre-wrap}.graph-sidepanel-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:2147483646}.graph-sidepanel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border-left:1px solid #e2e8f099;box-shadow:-8px 0 32px #0000001a,-2px 0 8px #0000000d;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:650px;z-index:2147483647}.graph-sidepanel.open{transform:translateX(0)}.graph-sidepanel-overlay.in-fullscreen{inset:0;position:fixed;z-index:2147483646}.graph-sidepanel.in-fullscreen{height:100vh;position:fixed;right:0;top:0;width:650px;z-index:2147483647}.graph-sidepanel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f04d;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative}.graph-sidepanel-header:before{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.graph-sidepanel-title{align-items:center;display:flex;gap:.75rem}.graph-sidepanel-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.graph-sidepanel-title h3{font-size:1.25rem;font-weight:700;letter-spacing:-.25px;margin:0}.graph-sidepanel-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.graph-sidepanel-close:hover{background:#fff3;transform:scale(1.05)}.graph-sidepanel-content{flex:1 1;overflow-y:auto;padding:2rem;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.graph-sidepanel-content::-webkit-scrollbar{width:6px}.graph-sidepanel-content::-webkit-scrollbar-track{background:#0000}.graph-sidepanel-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.graph-sidepanel-content::-webkit-scrollbar-thumb:hover{background:#667eea80}.graph-sidepanel-error{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.graph-sidepanel-error:before{content:"⚠️";font-size:1.25rem}.graph-sidepanel-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{font-size:.875rem;letter-spacing:.025em}.form-group input,.form-group select,.form-group textarea{background:#ffffffe6;border:1.5px solid #d1d5db99;border-radius:12px;font-family:inherit;font-size:.875rem;padding:.875rem 1rem;resize:none;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 8px #667eea26}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 2px 8px #ef444426}.form-group textarea{line-height:1.5}.field-error{align-items:center;color:#dc2626;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-top:.25rem}.field-error:before{content:"•"}.graph-sidepanel-footer{background:#f8fafc80;border-top:1px solid #e2e8f04d;padding:1.5rem 2rem}.footer-actions{align-items:center;gap:1rem;justify-content:space-between}.footer-main-actions{display:flex;gap:.75rem}.btn-delete_Side{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.btn-delete_Side:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-delete_Side:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#6b72801a;border:1.5px solid #d1d5db99;border-radius:10px;color:#374151;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem}.btn-cancel:hover:not(:disabled){background:#6b728033;border-color:#9ca3af}.btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.25rem;transition:all .2s ease}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.graph-sidepanel{width:100vw}.graph-sidepanel-content,.graph-sidepanel-footer,.graph-sidepanel-header{padding-left:1.5rem;padding-right:1.5rem}.footer-actions{flex-direction:column;gap:1rem}.footer-main-actions{justify-content:stretch;width:100%}.btn-cancel,.btn-save{flex:1 1;justify-content:center}}@media (max-width:480px){.graph-sidepanel-content{padding:1.5rem}.graph-sidepanel-footer,.graph-sidepanel-header{padding:1rem 1.5rem}}.graph-sidepanel.open{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}.graph-sidepanel:focus-within{outline:none}.form-group.loading input,.form-group.loading select,.form-group.loading textarea{opacity:.6;pointer-events:none}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a,0 2px 8px #10b98126}.field-hint{color:#6b7280;display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.form-group textarea[style*=monospace]{background:#f8fafc80;border:1px solid #d1d5dbcc;line-height:1.4}.form-group textarea[style*=monospace]:focus{background:#ffffffe6}.feature-team-filter{background:#fffffff2;border-radius:12px;box-shadow:0 2px 12px #0000001a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:1.5rem;max-height:100%;overflow-y:auto;padding:1rem}.feature-team-filter.compact-filter{gap:1rem;padding:.75rem}.filter-content-horizontal .feature-team-filter.compact-filter{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:8px;height:60px;overflow:hidden;padding:8px 12px}.filter-content-horizontal .color-mode-section-filter{align-items:center;display:flex;flex-shrink:0;gap:12px;height:24px;min-height:24px}.filter-content-horizontal .section-title-filter{color:#6b7280;font-size:11px;min-width:80px}.filter-content-horizontal .color-mode-tabs-filter{flex:1 1}.filter-content-horizontal .color-mode-tab-filter{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:10px;height:24px;justify-content:center;min-width:50px;padding:4px 8px}.filter-content-horizontal .color-mode-tab-filter.active-filter{background:#6366f1;border-color:#6366f1;color:#fff}.filter-content-horizontal .color-mode-tab-filter:hover:not(.active-filter){background:#f3f4f6;border-color:#9ca3af}.filter-content-horizontal .tab-icon-filter{margin-right:3px}.filter-content-horizontal .tab-label-filter{font-size:9px}.filter-content-horizontal .team-selection-section-filter{height:24px;min-height:24px}.filter-content-horizontal .section-header-filter{min-width:80px}.filter-content-horizontal .selection-actions-filter{gap:3px}.filter-content-horizontal .action-btn-filter{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:9px;height:20px;min-width:28px;padding:2px 6px}.filter-content-horizontal .action-btn-filter:hover:not(:disabled){background:#f3f4f6}.filter-content-horizontal .action-btn-filter:disabled{cursor:not-allowed;opacity:.5}.filter-content-horizontal .select-all-filter{color:#059669}.filter-content-horizontal .team-filters-filter{align-items:center;flex:1 1;gap:4px;height:24px}.filter-content-horizontal .team-filter-item-filter{height:22px}.filter-content-horizontal .team-filter-label-filter{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:10px;gap:4px;height:22px;padding:2px 6px}.filter-content-horizontal .team-filter-item-filter.selected-filter .team-filter-label-filter{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.filter-content-horizontal .team-filter-label-filter:hover{background:#f9fafb;border-color:#9ca3af}.filter-content-horizontal .team-info-filter{align-items:center;display:flex;gap:3px;min-width:0}.filter-content-horizontal .team-name-filter{color:#374151;font-size:9px;font-weight:600;max-width:60px;overflow:hidden;text-overflow:ellipsis}.filter-content-horizontal .team-count-filter{color:#6b7280;font-size:8px}.filter-content-horizontal .legend-toggle-section-filter{height:24px;margin-left:auto}.filter-content-horizontal .legend-toggle-label-filter{color:#6b7280;font-size:10px;gap:4px}.filter-content-horizontal .toggle-text-filter{font-size:9px}.compact_legend{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#000;display:flex;flex-direction:row;font-weight:700;justify-content:space-evenly;left:52%;padding:10px;position:absolute;top:60%;z-index:9999}.compact_legend div{align-items:center;display:flex;gap:6px}.compact_legend span{border-radius:4px;display:inline-block;height:18px;margin-right:4px;width:18px}.filter-content-horizontal .section-title-filter{color:#6366f1;font-size:12px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase;white-space:nowrap}.filter-content-horizontal .color-mode-tabs-filter{background:#f1f5f9cc;border:1px solid #e2e8f080;border-radius:12px;display:flex;gap:4px;padding:3px}.filter-content-horizontal .color-mode-tab-filter{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.filter-content-horizontal .color-mode-tab-filter:hover{background:#fffc;color:#475569}.filter-content-horizontal .color-mode-tab-filter.active-filter{background:#fff;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000f;color:#6366f1}.filter-content-horizontal .tab-icon-filter{font-size:10px}.filter-content-horizontal .tab-label-filter{font-size:10px;font-weight:600}.filter-content-horizontal .team-selection-section-filter{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.filter-content-horizontal .section-header-filter{align-items:center;display:flex;flex-shrink:0;gap:8px}.filter-content-horizontal .selection-actions-filter{display:flex;gap:4px}.filter-content-horizontal .action-btn-filter{border:none;border-radius:6px;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.filter-content-horizontal .select-all-filter{background:#22c55e1a;color:#16a34a}.filter-content-horizontal .select-all-filter:hover:not(:disabled){background:#22c55e26}.filter-content-horizontal .clear-all-filter{background:#ef44441a;color:#dc2626}.filter-content-horizontal .clear-all-filter:hover:not(:disabled){background:#ef444426}.filter-content-horizontal .team-filters-filter{-ms-overflow-style:none;display:flex;gap:6px;max-width:400px;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:none}.filter-content-horizontal .team-filters-filter::-webkit-scrollbar{display:none}.filter-content-horizontal .team-filter-item-filter{flex-shrink:0}.filter-content-horizontal .team-filter-label-filter{align-items:center;background:#ffffffe6;border:1px solid #e2e8f099;border-radius:20px;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.filter-content-horizontal .team-filter-label-filter:hover{background:#fff;border-color:#6366f14d;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.filter-content-horizontal .team-filter-item-filter.selected-filter .team-filter-label-filter{background:#6366f11a;border-color:#6366f166;color:#6366f1;font-weight:600}.filter-content-horizontal .team-checkbox-filter{display:none}.filter-content-horizontal .team-color-indicator-filter{border:1px solid #fffc;border-radius:50%;flex-shrink:0;height:8px;width:8px}.filter-content-horizontal .team-name-filter{color:inherit;font-size:11px;font-weight:500}.filter-content-horizontal .team-count-filter{display:none}.filter-content-horizontal .legend-toggle-section-filter{align-items:center;border:none;display:flex;flex-shrink:0;padding:0}.filter-content-horizontal .legend-toggle-label-filter{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:12px;color:#6366f1;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.filter-content-horizontal .legend-toggle-label-filter:hover{background:#6366f11f;border-color:#6366f14d}.filter-content-horizontal .legend-checkbox-filter{height:12px;margin:0;width:12px}.filter-content-horizontal .toggle-text-filter{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-content-horizontal .active-filters-summary-filter,.filter-content-horizontal .filter-header-filter{display:none}.filter-header-filter{border-bottom:1px solid #0000001a;display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.filter-title-filter{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.filter-stats-filter{color:#64748b;display:flex;font-size:.875rem;gap:1rem}.stat-item-filter{align-items:center;display:flex;gap:.25rem}.color-mode-section-filter{display:flex;flex-direction:column;gap:.75rem}.section-title-filter{color:#4a5568;font-size:.875rem!important;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.color-mode-tabs-filter{flex-direction:column;gap:.25rem}.feature-team-filter .color-mode-tab-filter{align-items:center;background:#0000;border:1px solid #0000001a;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;padding:.375rem .5rem;transition:all .2s ease}.feature-team-filter .color-mode-tab-filter:hover{background:#0000000d}.feature-team-filter .color-mode-tab-filter.active-filter{background:#3182ce;border-color:#3182ce;color:#fff}.feature-team-filter .tab-icon-filter{font-size:.875rem}.feature-team-filter .tab-label-filter{font-size:.75rem;font-weight:500}.team-selection-section-filter{display:flex;flex-direction:column;gap:.75rem}.section-header-filter{align-items:center;display:flex;justify-content:space-between}.selection-actions-filter{display:flex;gap:.5rem}.feature-team-filter .action-btn-filter{border:1px solid #0003;border-radius:3px;cursor:pointer;font-size:.6875rem;font-weight:500;padding:.25rem .375rem;transition:all .2s ease}.feature-team-filter .action-btn-filter:hover:not(:disabled){background:#0000000d}.feature-team-filter .action-btn-filter:disabled{cursor:not-allowed;opacity:.5}.feature-team-filter .select-all-filter{background:#e6fffa;border-color:#38b2ac;color:#38b2ac}.feature-team-filter .clear-all-filter{background:#fed7d7;border-color:#e53e3e;color:#e53e3e}.team-filters-filter{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.team-filters-filter::-webkit-scrollbar{width:4px}.team-filters-filter::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.team-filters-filter::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.team-filters-filter::-webkit-scrollbar-thumb:hover{background:#a0aec0}.team-filter-item-filter{transition:all .2s ease}.team-filter-item-filter.unselected-filter{opacity:.6}.team-filter-label-filter{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease}.team-filter-label-filter:hover{background:#0000000d}.feature-team-filter .team-checkbox-filter{cursor:pointer;height:14px;margin:0;width:14px}.feature-team-filter .team-color-indicator-filter{border:2px solid #fffc;border-radius:50%;box-shadow:0 1px 3px #0003;height:14px;width:14px}.feature-team-filter .team-info-filter{align-items:center;display:flex;flex:1 1;gap:.375rem}.feature-team-filter .team-name-filter{color:#2d3748;font-size:.75rem;font-weight:500}.feature-team-filter .team-count-filter{color:#64748b;font-size:.6875rem;font-weight:400}.legend-toggle-section-filter{border-top:1px solid #0000001a;padding-top:.75rem}.feature-team-filter .legend-toggle-label-filter{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem}.feature-team-filter .legend-checkbox-filter{cursor:pointer;height:14px;margin:0;width:14px}.active-filters-summary-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem}.summary-header-filter{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.summary-title-filter{color:#4a5568;font-size:.875rem;font-weight:600}.summary-count-filter{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:.75rem;padding:.125rem .375rem}.active-filters-filter{display:flex;flex-wrap:wrap;gap:.375rem}.feature-team-filter .active-filter-tag-filter{align-items:center;border:1px solid;border-radius:10px;display:inline-flex;font-size:.6875rem;font-weight:500;gap:.25rem;padding:.1875rem .375rem}.feature-team-filter .remove-filter-filter{background:none;border:none;color:inherit;cursor:pointer;font-size:.75rem;font-weight:700;margin-left:.25rem;opacity:.7;padding:0}.feature-team-filter .remove-filter-filter:hover{opacity:1}@media (max-width:1700px){.compact_legend div{font-size:.6rem}}@media (max-width:1200px){.color-mode-tabs-filter{flex-direction:row;flex-wrap:wrap}.color-mode-tab-filter .tab-label-filter{display:none}}@media (max-width:768px){.feature-team-filter{gap:1rem;padding:.75rem}.filter-stats-filter,.section-header-filter{flex-direction:column;gap:.5rem}.section-header-filter{align-items:flex-start}.team-filters-filter{max-height:150px}.compact_legend{flex-direction:column;font-size:12px;margin-top:5px;padding:8px}}@media (min-width:769px){.compact_legend{flex-direction:row;margin-top:10px;padding:10px}}@media (prefers-color-scheme:dark){.feature-team-filter{background:#1a202cf2;color:#e2e8f0}.filter-title-filter,.team-name-filter{color:#f7fafc}.section-title-filter{color:#cbd5e0}.stat-card{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#ffffff1a}.stat-value{color:#f7fafc}.active-filters-summary-filter{background:#2d3748;border-color:#4a5568}}.compact-filter-row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;margin:0;padding:0;width:100%}.compact-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:24px;color:#374151;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;min-height:48px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.compact-btn:hover{background:#f3f4f6;border-color:#9ca3af}.compact-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.compact-btn.legend-toggle{background:#10b981;border-color:#10b981;color:#fff}.compact-btn.legend-toggle:not(.active){background:#6b7280;border-color:#6b7280}.compact-btn.legend-toggle.active{background:#10b981;border-color:#10b981;color:#fff}.team-dropdown-wrapper{flex-shrink:0;position:relative}.team-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;border:1px solid #d1d5db;border-radius:24px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;min-height:48px;min-width:180px;padding:12px 48px 12px 20px}.team-dropdown:hover{background-color:#f3f4f6;border-color:#9ca3af}.team-dropdown:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.color-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.separator{background:#e5e7eb;height:32px;margin:0 8px;width:2px}@media (min-width:1400px){.compact-filter-row{gap:16px}.compact-btn{padding:12px 20px}.compact-btn,.team-dropdown{font-size:15px;min-height:48px}.team-dropdown{background-size:20px;min-width:180px;padding:12px 48px 12px 20px}.separator{height:32px;margin:0 8px}}@media (max-width:1399px) and (min-width:1024px){.compact-filter-row{gap:12px}.compact-btn{padding:10px 16px}.compact-btn,.team-dropdown{font-size:14px;min-height:42px}.team-dropdown{background-size:18px;min-width:160px;padding:10px 44px 10px 16px}.separator{height:28px;margin:0 6px}}@media (max-width:1023px) and (min-width:768px){.compact-filter-row{gap:10px}.compact-btn{padding:8px 14px}.compact-btn,.team-dropdown{font-size:13px;min-height:38px}.team-dropdown{background-size:16px;min-width:140px;padding:8px 40px 8px 14px}.separator{height:24px;margin:0 4px}}@media (max-width:767px){.compact-filter-row{gap:6px;overflow-x:auto}.compact-btn{flex-shrink:0;padding:6px 12px}.compact-btn,.team-dropdown{font-size:12px;min-height:34px}.team-dropdown{background-size:14px;min-width:120px;padding:6px 36px 6px 12px}.separator{height:20px;margin:0 3px;width:1px}.feature-team-filter .compact-filter-panel{display:flex;flex-direction:column;gap:12px;width:100%}.feature-team-filter .compact-filter-panel .compact-legend-container{align-items:center!important;background:#fffffffa!important;border:2px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;color:#1f2937!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;font-weight:700!important;gap:12px!important;justify-content:space-evenly!important;margin-top:10px!important;opacity:1!important;padding:12px 16px!important;visibility:visible!important;width:100%!important}.feature-team-filter .compact-filter-panel .compact-legend-container .legend-title{color:#1f2937!important;flex-shrink:0!important;font-weight:700!important;margin-right:8px!important}.feature-team-filter .compact-filter-panel .compact-legend-container .legend-item{align-items:center!important;color:#1f2937!important;display:flex!important;gap:6px!important;white-space:nowrap!important}.feature-team-filter .compact-filter-panel .compact-legend-container .legend-color-dot{border:2px solid #000!important;border-radius:4px!important;box-shadow:0 1px 3px #0000004d!important;display:inline-block!important;flex-shrink:0!important;height:20px!important;width:20px!important}.feature-team-dot{background:#f078d6!important;border-color:#c026d3!important}.feature-dot{background:#4caf50!important;border-color:#16a34a!important}.component-dot{background:#2196f3!important;border-color:#1d4ed8!important}.api-dot{background:#ffc107!important;border-color:#ca8a04!important}.service-dot{background:#9c27b0!important;border-color:#7c3aed!important}.user-dot{background:#f44336!important;border-color:#dc2626!important}.module-dot{background:#3f51b5!important;border-color:#1e40af!important}.feature-team-filter .compact-legend-row{-webkit-overflow-scrolling:touch;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;overflow-x:auto;padding:.75rem 1rem;white-space:nowrap}.feature-team-filter .legend-title{color:#374151;flex-shrink:0;font-size:.9rem;font-weight:600;margin:0;white-space:nowrap}.feature-team-filter .legend-item{align-items:center;border-radius:999px;color:#6b7280;display:inline-flex;flex:0 0 auto;font-size:.85rem;gap:.5rem;padding:.125rem .5rem}.feature-team-filter .legend-color-dot{border:1px solid #00000014;border-radius:50%;box-shadow:inset 0 1px 2px #0000000f;display:inline-block;flex-shrink:0;height:14px;width:14px}.feature-team-filter .legend-label{color:#6b7280;font-size:.85rem;font-weight:400;white-space:nowrap}.feature-team-filter.compact-filter .compact-filter-panel .compact-legend-row,.feature-team-filter.compact-filter .compact-filter-panel .compact-legend-row .legend-color-dot,.feature-team-filter.compact-filter .compact-filter-panel .compact-legend-row .legend-item,.feature-team-filter.compact-filter .compact-filter-panel .compact-legend-row .legend-label,.feature-team-filter.compact-filter .compact-filter-panel .compact-legend-row.legacy{align-items:center;color:#374151;display:flex}.feature-team-filter.compact-filter .compact-filter-panel .compact-legend-row .legend-color-dot{box-shadow:none;display:inline-block;min-height:10px;min-width:10px}@media (max-width:1399px){.feature-team-filter .compact-legend-row{gap:12px;padding:6px 10px}.feature-team-filter .legend-title{font-size:13px}.feature-team-filter .legend-color-dot{height:12px;width:12px}.feature-team-filter .legend-label{font-size:12px}.feature-team-filter .legend-item{gap:4px}}@media (max-width:1023px){.feature-team-filter .compact-legend-row{gap:10px;padding:5px 8px}.feature-team-filter .legend-title{font-size:12px}.feature-team-filter .legend-color-dot{border-width:1px;height:10px;width:10px}.feature-team-filter .legend-label{font-size:11px}.feature-team-filter .legend-item{gap:4px}}@media (max-width:767px){.feature-team-filter .compact-legend-row{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px 6px;scrollbar-width:thin}.feature-team-filter .compact-legend-row::-webkit-scrollbar{height:3px}.feature-team-filter .compact-legend-row::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.feature-team-filter .legend-title{font-size:11px;min-width:35px}.feature-team-filter .legend-color-dot{border-width:1px;height:8px;width:8px}.feature-team-filter .legend-label{font-size:10px;white-space:normal}.feature-team-filter .legend-item{flex-shrink:0;gap:3px}}}.feature-team-filter .compact-legend-row.legacy{background:#0000;flex-wrap:nowrap;font-weight:700;gap:12px;justify-content:flex-start;overflow:visible;padding:0}.feature-team-filter .compact-legend-row.legacy .legend-title{color:#374151;font-weight:700;margin-right:8px}.feature-team-filter .compact-legend-row.legacy .legend-item{align-items:center;border-radius:0;display:flex;gap:6px;padding:0}.feature-team-filter .compact-legend-row.legacy .legend-color-dot{border:2px solid #0000000f;border-radius:4px;box-shadow:none;height:18px;margin-right:4px;width:18px}.feature-team-filter .compact-legend-row.legacy .legend-label{color:#374151;font-weight:600;white-space:nowrap}.video-tutorial-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.video-tutorial-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000026,inset 0 0 0 1px #ffffff1a;max-height:95vh;max-width:95vw;min-width:320px;overflow:hidden;position:relative;width:min(1100px,95vw)}.what-is-node-container{display:flex;flex-wrap:wrap;max-width:100%}.video-tutorial-player{background:#000;transition:all .3s ease}.video-tutorial-player.small{box-shadow:0 4px 20px #0000001a}.video-tutorial-player.normal{box-shadow:0 8px 30px #00000026}.video-tutorial-player.large{box-shadow:0 12px 40px #0003}.video-tutorial-player.xlarge{box-shadow:0 16px 50px #00000040;position:relative!important;z-index:1001!important}.video-tutorial-player{align-items:center;display:flex;justify-content:center;margin:0 auto}.video-tutorial-player.fullscreen{align-items:center!important;display:flex!important;justify-content:center!important}.video-tutorial-player.fullscreen .video-controls{display:none!important}.video-tutorial-player.fullscreen .video-overlay{height:100vh!important;left:0!important;position:absolute!important;top:0!important;width:100vw!important;z-index:10001!important}.video-tutorial-player.fullscreen .play-pause-btn{font-size:4rem!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.video-tutorial-player .tutorial-video{height:90%;object-fit:contain;width:90%}.video-tutorial-player.fullscreen .tutorial-video{height:100vh!important;object-fit:contain!important;object-position:center!important;width:100vw!important}.video-size-controls{align-items:center;display:flex;gap:8px;margin-left:12px}.size-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.size-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.video-tutorial-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.video-tutorial-info{flex:1 1}.video-tutorial-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.video-tutorial-meta{display:flex;gap:16px;margin-top:8px}.video-duration,.video-views{align-items:center;color:#718096;display:flex;font-size:.875rem;gap:4px}.video-tutorial-actions{align-items:center;display:flex;gap:12px}.playlist-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#4a5568;cursor:pointer;font-size:1.1rem;padding:12px;transition:all .3s ease}.playlist-toggle-btn.active,.playlist-toggle-btn:hover{background:#667eea33;border-color:#667eea66;box-shadow:0 8px 25px #667eea33;transform:translateY(-1px)}.video-tutorial-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#e53e3e;cursor:pointer;font-size:1.2rem;font-weight:600;padding:12px 16px;transition:all .3s ease}.video-tutorial-close:hover{background:#ef444433;border-color:#ef444466;box-shadow:0 8px 25px #ef444433;transform:translateY(-1px)}.video-tutorial-content{align-items:flex-start;display:flex;gap:20px;overflow-y:auto;padding:12px 20px}.video-tutorial-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000a;border-radius:12px;box-shadow:0 8px 30px #00000014;flex:1 1 60%;max-width:100%;overflow:hidden;position:relative}.tutorial-video{aspect-ratio:16/9;background:#000;height:auto;object-fit:contain;width:100%}.video-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;bottom:50px;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-tutorial-player:hover .video-overlay{opacity:1}.play-pause-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50%;box-shadow:0 10px 30px #0003;display:flex;font-size:2rem;height:80px;justify-content:center;transition:all .3s ease;width:80px}.play-pause-btn:hover{box-shadow:0 15px 40px #0000004d;transform:scale(1.1)}.video-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,#000c,#0006);bottom:0;display:flex;gap:12px;left:0;padding:16px;position:absolute;right:0}.progress-bar{background:#ffffff4d;cursor:pointer;flex:1 1}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);transition:width .2s ease}.time-display{color:#fff;font-size:.875rem;font-weight:500;min-width:80px;text-align:right}.video-tutorial-playlist{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffc7;border:1px solid #fff3;border-radius:12px;max-height:50vh;overflow-y:auto;padding:12px;width:320px}.playlist-title{align-items:center;color:#2d3748;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0 0 16px}.playlist-items{display:flex;flex-direction:column;gap:12px}.playlist-item{background:#fff6;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.playlist-item:hover{background:#667eea1a;border-color:#667eea4d;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.playlist-item.active{background:#667eea33;border-color:#667eea66;box-shadow:0 5px 15px #667eea33}.playlist-thumbnail{border-radius:8px;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:60px}.playlist-thumbnail img{height:100%;object-fit:cover;width:100%}.playlist-duration{background:#000c;border-radius:4px;bottom:2px;color:#fff;font-size:.7rem;padding:2px 4px;position:absolute;right:2px}.playlist-info{flex:1 1;min-width:0}.playlist-info h4{color:#2d3748;font-size:.875rem;font-weight:600;margin:0 0 4px}.playlist-info h4,.playlist-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-info p{color:#718096;font-size:.75rem;margin:0}.video-tutorial-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-top:1px solid #ffffff1a;padding:24px 32px}.video-tutorial-description h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 12px}.video-tutorial-description p{color:#4a5568;line-height:1.6;margin:0 0 16px}.tutorial-tags{display:flex;flex-wrap:wrap;gap:8px}.tutorial-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#667eea1a;border:1px solid #667eea33;border-radius:20px;color:#667eea;font-size:.875rem;font-weight:500;padding:6px 12px}.video-tutorial-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px;width:50%}.tutorial-actions{display:flex;gap:12px}.tutorial-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.tutorial-action-btn.secondary{background:#fff3;border:1px solid #ffffff4d;color:#4a5568}.tutorial-action-btn.secondary:hover{background:#ffffff4d;border-color:#fff6;box-shadow:0 5px 15px #0000001a;transform:translateY(-1px)}.tutorial-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea4d;color:#fff;font-weight:600;padding:12px 24px}.tutorial-action-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.tutorial-video-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:35px;bottom:4px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:1rem;padding:6px;position:absolute;right:12px;transition:all .3s ease;z-index:10}.tutorial-video-btn:hover{background:#667eeae6;border-color:#667eea66;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px) scale(1.05)}.tutorial-video-btn:active{transform:translateY(0) scale(.98)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.video-tutorial-modal{max-height:95vh;width:95vw}.video-tutorial-description,.video-tutorial-footer,.video-tutorial-header{padding:16px 20px}.video-tutorial-content{flex-direction:column;padding:0 20px}.video-tutorial-playlist{max-height:200px;width:100%}.tutorial-actions{flex-wrap:wrap;gap:8px}.video-tutorial-footer{flex-direction:column;gap:16px}.video-tutorial-title{font-size:1.25rem}}.fullscreen-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-left:12px;padding:8px 12px;transition:all .2s ease}.fullscreen-btn:hover{background:#ffffff4d;transform:scale(1.05)}.fullscreen-overlay{background:linear-gradient(180deg,#000000b3,#0000);left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-tutorial-player.fullscreen:hover .fullscreen-overlay{opacity:1}.fullscreen-info{color:#fff;text-align:center}.fullscreen-title{font-size:24px;font-weight:600;margin-bottom:12px;text-shadow:0 2px 4px #00000080}.fullscreen-shortcuts{display:flex;font-size:14px;gap:20px;justify-content:center;opacity:.9}.fullscreen-shortcuts span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border-radius:4px;padding:4px 8px}.keyboard-shortcuts{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;margin-top:20px;padding:16px}.keyboard-shortcuts h4{color:#3b82f6;font-size:14px;font-weight:600;margin:0 0 12px}.shortcuts-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.shortcut-item{font-size:13px;gap:8px}.shortcut-item kbd{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:4px;box-shadow:0 1px 2px #0000001a;color:#374151;font-family:inherit;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}@media (max-width:768px){.fullscreen-title{font-size:20px}.fullscreen-shortcuts{flex-direction:column;gap:8px}.shortcuts-grid{grid-template-columns:1fr}}@media (max-width:1200px){.video-tutorial-player.xlarge{height:53.4375vw!important;width:95vw!important}}@media (max-width:768px){.video-tutorial-player.large,.video-tutorial-player.xlarge{height:50.625vw!important;width:90vw!important}.video-tutorial-player.normal{height:55.125vw!important;width:85vw!important}.size-toggle-btn{font-size:11px;padding:4px 8px}}@media (max-width:480px){.video-tutorial-player.large,.video-tutorial-player.normal,.video-tutorial-player.small,.video-tutorial-player.xlarge{height:55.6875vw!important;width:95vw!important}.video-size-controls{gap:4px;margin-left:8px}.size-toggle-btn{font-size:10px;padding:3px 6px}}@media (max-width:900px){.video-tutorial-content{flex-direction:column;gap:12px}.video-tutorial-playlist{max-height:30vh;order:3;width:100%}.video-tutorial-player{order:1;width:100%!important}.video-tutorial-description{max-height:none;order:2}}.what-is-node{color:#4a5568;font-size:.95rem;line-height:1.4;margin-top:10px}@media (max-width:480px){.video-tutorial-modal{border-radius:12px;padding:8px}.video-tutorial-header{padding:12px 16px}.video-tutorial-title{font-size:1.125rem}}.graph-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2 50%,#f1f5f9eb);border:1px solid #ffffffe6;border-radius:24px;box-shadow:0 8px 32px #0000000a,0 2px 8px #00000005;margin:2rem 0;overflow:visible;padding:2.5rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.graph-section:hover{box-shadow:0 16px 48px #00000014,0 4px 16px #0000000a;transform:translateY(-2px)}.graph-section-header{align-items:center;border-bottom:1px solid #e2e8f04d;display:flex;gap:2rem;margin-bottom:2.5rem;padding:0 2.5rem 2rem;position:relative}.graph-section-header:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.graph-section-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea40,0 2px 8px #667eea1a;display:flex;height:72px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:72px}.graph-section-icon:hover{box-shadow:0 12px 32px #667eea59,0 4px 12px #667eea26;transform:translateY(-2px) scale(1.05)}.graph-section-icon:before{background:linear-gradient(45deg,#fff3,#ffffff0d 50%,#ffffff1a);border-radius:22px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:0}.graph-section-icon-emoji{animation:iconFloat 4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:32px;position:relative;z-index:1}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-2px) rotate(-1deg)}}.graph-section-content{flex:1 1}.graph-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569 50%,#334155);background-clip:text;-webkit-background-clip:text;color:#1e293b;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .75rem;position:relative}.graph-section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;opacity:.6;position:absolute;width:40px}.graph-section-desc{color:#64748b;font-size:1.1rem;font-weight:500;line-height:1.6;margin:0;opacity:.9}.graph-details-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;min-height:650px;padding:0 2.5rem;transition:grid-template-columns .3s ease}.graph-details-layout.filter-collapsed{grid-template-columns:2fr 1fr}.feature-team-filter-panel-horizontal{bottom:16px;left:16px;pointer-events:auto;position:absolute;right:16px;z-index:9999}.feature-team-filter-panel-horizontal.collapsed{height:56px}.feature-team-filter-panel-horizontal:not(.collapsed){align-items:center;background:rgba(158,195,250,.671);border:1px solid #00000014;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;height:120px;padding:16px 24px 20px}.filter-toggle-btn-horizontal{align-items:center;background:#6c63ff;border:none;border-radius:32px;bottom:8px;box-shadow:0 8px 24px #6c63ff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;left:32px;padding:0 20px;position:absolute;z-index:60}.feature-team-filter-panel-horizontal:not(.collapsed) .filter-toggle-btn-horizontal{bottom:34px}.filter-content-horizontal{align-items:center;flex:1 1;flex-direction:row;gap:16px;margin-left:220px;padding-right:24px;width:calc(100% - 220px)}.filter-content-horizontal.collapsed{display:none!important}.color-mode-tabs-filter{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-start}.color-mode-tab-filter{background:#fff;border:1px solid #0000000f;border-radius:999px;cursor:pointer;font-size:12px;padding:6px 10px}.color-mode-tab-filter.active-filter{background:#6c63ff;border-color:#0000;color:#fff}.team-selection-filter{align-items:center;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;white-space:nowrap}.team-selection-filter::-webkit-scrollbar{height:6px}.team-selection-filter::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.team-selection-filter button{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 10px}.team-selection-filter button.selected{background:#6c63ff;border-color:#0000;color:#fff}.compact-legend-row{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px;margin-top:20px}@media (min-width:1400px){.filter-toggle-btn-horizontal{bottom:-10px;font-size:16px;height:42px;left:32px;min-width:100px}.filter-content-horizontal{gap:16px;margin-left:220px;width:calc(100% - 220px)}.feature-team-filter-panel-horizontal:not(.collapsed){height:120px;padding:16px 24px 20px}}@media (max-width:1399px) and (min-width:1024px){.filter-toggle-btn-horizontal{font-size:14px;height:56px;left:24px;min-width:140px}.filter-content-horizontal{gap:12px;margin-left:180px;width:calc(100% - 180px)}.feature-team-filter-panel-horizontal:not(.collapsed){height:100px;padding:12px 20px 16px}.feature-team-filter-panel-horizontal:not(.collapsed) .filter-toggle-btn-horizontal{bottom:28px}}@media (max-width:1023px) and (min-width:768px){.filter-toggle-btn-horizontal{font-size:13px;height:48px;left:16px;min-width:120px}.filter-content-horizontal{gap:10px;margin-left:150px;width:calc(100% - 150px)}.feature-team-filter-panel-horizontal:not(.collapsed){height:88px;padding:10px 16px 14px}.feature-team-filter-panel-horizontal:not(.collapsed) .filter-toggle-btn-horizontal{bottom:24px}}@media (max-width:767px){.feature-team-filter-panel-horizontal{bottom:8px;left:8px;right:8px}.filter-toggle-btn-horizontal{font-size:12px;gap:8px;height:44px;left:12px;min-width:100px;padding:0 16px}.filter-content-horizontal{gap:8px;margin-left:120px;width:calc(100% - 120px)}.feature-team-filter-panel-horizontal:not(.collapsed){height:80px;padding:8px 12px 12px}.feature-team-filter-panel-horizontal:not(.collapsed) .filter-toggle-btn-horizontal{bottom:20px}.feature-team-filter-panel-horizontal.collapsed{height:50px}}.graph-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e2e8f066;border-radius:16px;box-shadow:0 4px 20px #0000000f,0 1px 4px #00000005;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.graph-panel:hover{border-color:#667eea33;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a}.graph-panel:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.details-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff7;border:1px solid #e2e8f066;border-radius:16px;box-shadow:0 4px 20px #0000000f,0 1px 4px #00000005;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.details-panel:hover{border-color:#f5576c33;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a}.details-panel:before{animation:gradientShift 3s ease-in-out infinite reverse;background:linear-gradient(90deg,#f093fb,#f5576c 50%,#f093fb);background-size:200% 100%;height:4px;z-index:1}.details-panel:after,.details-panel:before{content:"";left:0;position:absolute;right:0;top:0}.details-panel:after{background-image:radial-gradient(circle at 25% 25%,#667eea08 0,#0000 50%),radial-gradient(circle at 75% 75%,#f5576c08 0,#0000 50%);bottom:0;pointer-events:none;z-index:0}@media (max-width:1200px){.graph-details-layout{gap:1.25rem;grid-template-columns:2fr 1fr}.feature-team-filter-panel.horizontal-expand .filter-content.horizontal{width:300px}.graph-section-icon{height:68px;width:68px}.graph-section-icon-emoji{font-size:30px}}@media (max-width:1024px){.graph-details-layout{gap:2rem;grid-template-columns:1fr;min-height:auto}.feature-team-filter-panel.horizontal-expand{align-items:stretch;flex-direction:column;min-height:auto;width:100%}.feature-team-filter-panel.horizontal-expand .filter-content.horizontal{max-height:200px;transform:none;width:100%}.feature-team-filter-panel.horizontal-expand .filter-content.horizontal.collapsed{max-height:0;opacity:0;transform:scaleY(0);transform-origin:top center;width:100%}.graph-section .filter-toggle-btn.horizontal{align-self:flex-start;margin-bottom:1rem}.graph-section-header{padding:0 2rem 2rem}.graph-details-layout{padding:0 2rem}.graph-section-icon{height:64px;width:64px}.graph-section-icon-emoji{font-size:28px}.graph-section-title{font-size:1.5rem}.details-panel{padding:1.5rem}}@media (max-width:768px){.graph-section{border-radius:20px;margin:1.5rem 0;padding:2rem 0}.graph-section-header{flex-direction:column;gap:1.5rem;padding:0 1.5rem 1.5rem;text-align:center}.graph-details-layout{gap:1.5rem;padding:0 1.5rem}.details-panel{padding:1.25rem}.graph-section-title{font-size:1.375rem}.graph-section-desc{font-size:1rem}.graph-section-icon{height:56px;width:56px}.graph-section-icon-emoji{font-size:24px}}@media (max-width:480px){.graph-section{margin:1rem 0;padding:1.5rem 0}.graph-section-header{padding:0 1rem 1rem}.graph-details-layout{padding:0 1rem}.graph-section-title{font-size:1.25rem}}.graph-panel.loading{opacity:.6;pointer-events:none;position:relative}.graph-panel.loading:after{animation:spin 1s linear infinite;border:3px solid #667eea33;border-radius:50%;border-top-color:#667eea;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:5}.details-panel.loading{opacity:.6;position:relative}.details-panel.loading:after{animation:spin 1s linear infinite;border:2px solid #f5576c33;border-radius:50%;border-top-color:#f5576c;content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:5}.details-panel:not(.loading):hover,.graph-panel:not(.loading):hover{transform:translateY(-1px)}.graph-section{animation:slideInFromBottom .8s cubic-bezier(.4,0,.2,1)}.graph-panel:focus-within{outline:2px solid #667eea66;outline-offset:2px}.details-panel:focus-within{outline:2px solid #f5576c66;outline-offset:2px}@media (prefers-contrast:high){.graph-section{border:2px solid #000}.details-panel,.graph-panel{border:1px solid #666}}@media (prefers-reduced-motion:reduce){.details-panel,.graph-panel,.graph-section,.graph-section-icon{animation:none;transition:none}.details-panel:before,.graph-panel:before,.graph-section-icon-emoji{animation:none}}.details-panel .modal-overlay,.graph-panel .modal-overlay,.graph-section .modal-overlay{z-index:9999!important}.details-panel .modal-content,.graph-panel .modal-content,.graph-section .modal-content{position:relative;z-index:10000!important}.nodemented-lab-header-row{min-height:64px;padding:.2rem 0;position:relative;width:100%}.lab-home-left,.nodemented-lab-header-row{align-items:center;display:flex;justify-content:center}.lab-home-left{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 2px 8px #6366f122;color:#fff;font-size:16px;font-weight:700;gap:8px;left:24px;min-height:44px!important;min-width:44px!important;padding:.5rem 1rem}.header-language-selector,.lab-home-left{position:absolute!important;top:55%;transform:translateY(-50%);z-index:10}.header-language-selector{right:24px}.nodemented-lab-branding{align-items:center;display:flex;gap:18px;justify-content:center}.nodemented-lab-title{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:42px;font-weight:900;letter-spacing:.5px;line-height:1.1;margin:0;max-width:800px;padding:0;text-shadow:0 2px 8px #6366f122}.nodemented-lab-badge{background:linear-gradient(90deg,#f59e0b,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b22;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.7px;margin-left:8px;padding:4px 16px;text-shadow:0 1px 2px #6366f122;text-transform:uppercase;transform:skew(-8deg)}.atelier-header-left{align-items:flex-end;display:flex;gap:24px;margin-right:auto;min-width:0;padding:18px 2.5vw 0 2vw}.atelier-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.atelier-title-row{align-items:center;display:flex;gap:10px}.atelier-badge{background:linear-gradient(90deg,#fde68a,#f59e0b);border-radius:8px;box-shadow:0 1px 4px #f59e0b22;color:#b45309;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-left:2px;padding:2px 10px}.atelier-subtitle{color:#f8f8f8;font-size:.98rem;font-weight:500;letter-spacing:.01em;margin-bottom:0;margin-right:52px;margin-top:2px;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.atelier-stepper{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:18px 0 0;min-width:0;padding:0 2vw;-webkit-user-select:none;user-select:none;width:100%}.atelier-step{background:#f3f4f6;border:1.5px solid #e0e7ff;border-radius:999px;box-shadow:0 1px 4px #6366f122;color:#6366f1;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.01em;outline:none;padding:.5rem 1.1rem;position:relative;transition:background .18s,color .18s,box-shadow .18s,border .18s;z-index:1}.atelier-step.active{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:1.5px solid #6366f1;box-shadow:0 2px 8px #6366f133;color:#fff;cursor:default}.atelier-step.completed{background:linear-gradient(90deg,#d1fae5,#a7f3d0);border:1.5px solid #6ee7b7;box-shadow:0 2px 8px #05966922;color:#059669}.atelier-step.future{background:#f3f4f6;border:1.5px dashed #e0e7ff;color:#a5b4fc;opacity:.7}.atelier-step:not(.active):hover{background:linear-gradient(90deg,#e0e7ff,#6366f1);border:1.5px solid #6366f1;box-shadow:0 2px 8px #6366f133;color:#fff;z-index:2}.atelier-step-sep{background:linear-gradient(90deg,#e0e7ff,#6366f1);border-radius:2px;flex-shrink:0;height:3px;margin:0 2px;opacity:.7;transition:background .18s;width:22px}@media (max-width:768px){.atelier-stepper{gap:.2rem;padding:0 1vw}.atelier-step{font-size:.85rem;padding:.4rem .7rem}.atelier-step-sep{height:2px;width:12px}}.selected-node-banner{align-items:flex-start;animation:floatInNodeBanner .5s cubic-bezier(.68,-.55,.27,1.55);background:linear-gradient(135deg,#fef9c3,#fde68a);border:2px solid #f59e0b;border-radius:16px;box-shadow:0 8px 32px 0 #fbbf242e,0 1.5px 8px #f59e0b22;display:flex;flex-direction:column;gap:6px;left:24px;max-width:320px;min-width:240px;padding:14px 22px;pointer-events:auto;position:relative;top:-28px;transition:all .22s cubic-bezier(.4,0,.2,1);z-index:100}@keyframes floatInNodeBanner{0%{opacity:0;transform:translateY(-24px) scale(.95)}60%{opacity:1;transform:translateY(6px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.selected-node-title{gap:8px}.selected-node-title h3{color:#92400e;font-size:16px;font-weight:700}.selected-node-details{color:#b45309;font-size:13px;font-weight:600;gap:8px}.node-badgeHeader{background:#fde047;display:inline-block;height:14px;width:14px}.header-navigation{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAB2CAYAAAA+2WHtAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEACkAfgCmVEi1jQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kIFQ0TDiSn80AAABuWSURBVHja7Z3ZchtJmqWPx75gB0EtWamsrp6a7rzp93+KuWmzGbOxsZ6qzJSUIkHsQGzuHn3hARAASYkLiIU4n5mMFAiApDPCjx/3fxF4/2sJQgghhJw0FoeAEEIIoaATQgghhIJOCCGEEAo6IYQQ8pZEOQif/VqHw0cIIYQcFqfZQfzhZwjbQT4ZIvn6O0pZUNAJIYSQUxFyv30BN66vHvMabbhRDengGsV4AJ1nj3ovwbQ1QgghZL/YcR1euwu/2f3u82SyQDa8RjHs06ETQgghx4LlB3BbXQSdHoRl/1ikwwhO+AvyWhP5qA85HdOhE0IIIYfE6/Tgd3qw/ecHvqWDKxSjG6hkQUEnhBBC9olTb8HvXMCtNXfyfrrIkQ6uIccD6CKnoBNCCCGviR3G5py83XuV95eLGbJhH8XoxiwcOOSEEELI7rA8H26zY87JHff1nH9UgxPVkNcaKBZTOnRCCCFkV7itC/idCzhhvPfvTYdOCCGE7MCVh+9/hltvHu5n4J/h9BCWBcvzORCEEHIkHFrM6dBPEO/iHaLLjwAE0sEV0j//4KAQQgihoJ+MkHd68DuXsP1g9VjQfQe31kQ2uEI+uOYgEUIIBZ0c7R+o0YLf7sGtNe79uu0HiD58gltvIRteQ05GHDRCCKGgk2PBjmomf7F18ajnu7UG3FoD2aiPfHgDtZhxEAkhhIJODoXlBXBbVf6i/fQ/j9+6gFdvmS49owF0nnJQCSHkHPSDQ3Bc1P76d4S9D88S8yXCdhD2PqD+t3/jgBJCCAWdHOQP4no7e6+XLAoIIYRQ0AkhhBBCQSeEEELIU+GeLHndFWNVDtGJYiy+fUYx7HNQyNHjdXpQyQIqmXMwCAWdnDd2GMFtdRF0LlePxR9/QdFoIxv2ISdDDhI5vgmx3kT04dMqliWfDJF8/R2lLDg4hIJOzsyRux6cZhtB5/LeAL/bfPkb5KM+1Jz58uQ4hNxrm5TPDafeaMONaiYNdDyAzjMOFqGgk7eP2+rAb/fgRLUfPtdvdeE1WkhvrlGMb6Az5suT/WN2ki4QdHoPPkc4LsLLj6tqjDw2IhR08nYnxbgBv92F1+w86XXCshH23sNrtFiPnuwVs5PUQdC9hOW4j5sswwhO+AvyWhP5qA85HXMgCQWdvJFJ0Q/htbvG3YjnJ0ywHj3Z7wK0jujDp41GR0/Ba7TMInR0g+TzPzighIJOThdhWXDbPQSd3k77srMePdkH9b/+z528j9/qQqUL5DdXHFRyHCaLQ3BklOXR/4huq4vo/V92KuabE+XFzibdN3GT+gHiT/8DXveSg0EIoUM/FSb/9X/gdy/ht3vPF/eyRDq4Qj66eSWLLl5/XaPV2V8LdhibjnttE7Dl1pvVsUQfcjzgzfLSa/gEFs+EUNBPGJ0mKGYTOFEdXr2JUinzr9SPen0+HiAb3UDNJhzMU3Xkng+3WXXc2wrYcuM63LiOrN5EPuxDzaccsB9pt+fBDiLYQQTL82G5PnTB9DNCQSevPfm4HpyoBmFZUFkCYbuwgxAoS+gih9bqXmchFzNkwz6K13LlZC+4rQv4nQs4Yfzd5/nNTtUm9wrFiGl/q8VQGMH2Q9hBuBJw23EBy4IQAlrKfWwwkTNE5SlcNCno5BY7iuEEESzbAUqglAWUUhCOA2HZsIANUddFjnRwBTkeQhf5GxoIG41/+w/oIoNME1OGM11AJ4u3ubKuNUxhk0b78Ys/y0J48R5e/QzT/oSAHdUq4Q5h+yEs14PluBCWAHC/apdaoeRWO3kF0j//gJxP4bUu4DVaFPSzdxdBCCeu36mwVpYaMpmjmI5g+wHcuLFy5Ysv/3yT7sx2PJSWDdvzq9+3RKlLaFlA5xlktqhqbS+g0+SE/+YRvFYXwQsC3t562p/ZMjeO2/ZD2H4Ay/UgbAfiiXa71Jpn5+TVkNMx5HSMon0Bv9ODE0R7+s4l8umYgn5UIhZGcILoTh/zUmvoLEExHSH9OoUd1SBs+00XthCOgzJfD4wTEJaA7flG5GvrIp8bkV938kcu8sJx4bY6D5bIfQ6rtL9hH/noNNP+rKVwV87b8oLKdVtPFm9CDkVRxbe4VfGi7Tl9l+STIbJhH2o2oaAfz0QWwA5rxnlsTVxaScjFHGpmAqDOIT9bQDzuWZaA7QWwvQBurXkr8kW+2q6XyRw6XUCnx7GT4TQ78Ds9uI8okfsc/PZFVVb36njrjwsBO4o3nPdjtswJORV0niG7/lptw3fhty92uxuQzJENrjfipijoR+POaw+6c5UlkMl5FVnRz05bq0TeD8zxxJbIqzyDSheQ1Xn8Po8r7LgOr30B/4klcp81CrZj6o83WuamP2D98dWWuV85bz+A5XgmLmQfKZBliVIp6CJHMRvDCUJOOGRvqMUMyWKGYjaG3+5Vu4svmBtlgfTmCnI8uBM3RUE/EnfuRDFsz7vjS7QsIBezkz4nftYkXBQ7NGmbIo96JfJKQ8sCKk+r7fo5dJq8msjXf/k79h1i7QQRnI+/YCaLvRzRWEFoYkGWrtv3jXjvZct8eQQjq8VbApUmqyOYUkoAQNB9x0mH7B05GUFORvA6l/A7vWeVHk4H1yhGfagHgoMp6MfgzqMabD+CsOw7zkJlCeRitpqMzsahyxyLqy9wwuV2rA/LcSCsXRU3FBC2Ddu2YftB1TbTiLySBXSWrgLvdLqAznawbf3GzoDtuHbALfPbBZkJklwT7x9kQiz+/B3Ru59e1H8AAFSaQLLeA3ki+eAKcj6B2+oi6Fw+ak7LpyPkwx83BKKgH1zMYzhRDZbrbk1XRtRkMoNezM9ybIrBNYp19xfFsIPoVuQ9H5a9e5F3bBvwA3hYF/nciHzl5FW6QJnnZ/F3EO5alPkht8xlDpWnRriTBXSWPGuhld9cQc4mcJtdBN3enYX0D6/L2cRU65sMOYGR5xmWLEX27TPkbPLdYziZLp50ZEZBP7Sgh3F1dr41qWhlznrPVMzvvQkWc+jFfEPk7SiGHUaVS4zMsYXj7lBoliIfAn4Ir9E2AqO1ia7PUsh0sYquP3WRt4IAVlVVzVltmbsQlr0f8dYaWkno/OEt851NqFefIedjeK0L+K3ujx15liIbXrMZC9kZaj5FMp+imI43AmVLJavt9ZsnBbVS0A85eYYR7Cg2E+baFqVx5wVkJWDkOzfEYg61NUZG5Cuh90PYrr9TNymEEXnrPpEvcug8uXXySYLySAv+2FEMa7XjEVTHGgfYMi+qLfMk2XvxIDWfIZmvBSzF9XsXGaYi3wA6S3jTkZ0jxwPI8QD+5Ue4tSaSr79BJU+f+ynoB8SJa3DuOztXapVudYyUWr/693jJNvq9Ih/XKicfm+C41xT5IITXqLaKtaoCtFII20ap9t90RggLdhhVwWomt3vXv/93r5f7tszT5FUDEJ8+oQ6hpuM7bYGz8YA188neyK6+ILv68vx7He9/ZdmkQ7jzKEbQfQc3btwRL5klpi77EZfydBqtnaRg3Jn8ZWG2mvaQP23HdSPyYWRy2V9Z5CzHhTpATrjthyiV3EsHu9WWeZFDZSlUuniVLfPXXkwGHz5BJfPzKqdLTt8kcggOMGE4DpyoBtsP74h5qbWZBBfH7QhWKRhVq9fnpGDcWZ0Or5EPb5611fQsJz+fbjovIarI7bXAu2eWGD2uLZUSu99Cv2fLfOm8T/yYqNQayed/cKIiFHTyCKcWRiay3XG2p0ioIqsqm51GfXYTMTyF1zIlDp+TClTMxsgGfcjpgWuQlyXUbAo1myLfFvkqeHF51izsZwSJCetAv5Z+4etvt8x1nkKm6cp1s8sbIRT08x70MIbth8A9Z+fGnZ+Ww9FZgvTbZxSzKfx2F94jK6GpLEE2uD7ubc17RF44jqk5vhL5pZP/vsibYLND/IH0oxcTpdYolYSqzv3Xa+OfWy0EQijo5LvYcR1OGJsiKRvu3LRCPeWqcGo+wWI+QTGbwG/34ETxA6KhkN5coxifZh/vUsr7RT6M4ATL6PoqV3tN5IV1mNutRHnPhvv2lvnyvDthZgUhFHTyqAGPa7D8AGLLMZVKVvnMpz+ZFqMbqPkUTrNjIobXuoll45sqavht1aYvpYSaTqCmt5XDVgVZlnnye2uleM/PpyRkllRb5gm3zAmhoJMXufNa5c5t987XdJ5V7vxtTLC6yJH3/4QcDxB++AQnirH49vmgTUL2LqJFDlnkq3KNXqNtyr/uuR93qTXmf/z/ja5MhBAKOnkmwvPgxPXKnW+3R1WQyfxNtkXVRY75b/+PFwCwdyFf/76l4vk3IW8di0OwJ3cemPNVa+sctSxL6CKFTOZnUxucEEIIBf10BT2qmVxt656z88X87NqjEkIIoaCfHE6jCTeMTIGSdTFHeXt2zuAkQgghFPTjRbgenKhuipFsnZ2XUqJITStOQgghhIJ+xNhhBCeMIe5UhTPtGNVixrPzM2H++Z8HCU7Lp6NVpD0h5O3CKPfXXC0FgSnx6nob7VGNOy8gkznkWt4yedsUoz6m84nJz+9ewnLcV/1+bzXnnxBCQT+AO4/hRDGEveXOtYbKU8hkdrhUJnIQlvn5aj6F2+4iaPd2v3CYT5EN+5DjAQecEAo6eSnC9WCHtXvPzvUqsp2BcOeKSuZQyRxyOobX7sGrN1++WMgz03p2eL2XnvWEEAr6ebjzuAYnCO+687KEyhPIxRRlwbPzc0dOx5DTMYr2BfzOJZwgfPqblCXSwRXy0Q3THwmhoJNdYvkB3LhenZ1vuShZQC7mPNckGxTVWbfbMvXvtxeCD5GPh8hGfagZYzEIoaCT3bvzKIYdRPe782V7VJ6dk+3FXp4iu/oCOZvAa1/Ab3UfdvaLObLhNeuzk7MzS+G7v6CYT5DfXHFAKOivfMGFkYlsd9y77VFVAZnMoOZTDhR5ELWYIVnMUEzH8NsXcGuNW9EvcqSDa8jxAJpHNuRcTFIYw2t34VdBpG69CbfeYvAnBf2VBzSqGXdu2Vv2S0GlCVTCIjLkccjJEHIyhHfxDtHlR8g0weLzP6EznpOTMzFIrg+n1UbQuZvm6cZ1uHEdWb1ZpWfSKAm8/5V7v7u6+PwAweUHOHED1pagqzxFNrox20TcbieEkO/itrrwOz04YfzD55ZamQyP0c1Zl9GmQ98hdlyH7Yd3xLwsNWSamPaoFHNCCHl4Hq014Lcv4DXaj3emlo3w4j28egvZ4Ar54JqCTl7gzqMYbly7t/qXLnLIxcwEwxFCCLk7hwYhvFYXQecSEOJ5iwE/QPThE9x6E9mgDzkdUdDJMwYyimH7EbDtzrWGTBdQCcWcEELuuGvbWVVNtDx/J+/p1ppwa01kw745Xz+T+ZeCvgPsuA4nrMFy7mmPKnPI+QyawXCEELIpQM2OyeSI66/y/n77Al69ac7XxwPoPKOgkx+58xrsILzrzpWiOyeEkDsmqAav9f1aCzvbAXBchJcfV9vwxaj/ZseV7VNfOoBhBCeKYdnu3apw1dk5y3ESQsgtQff9XsR8w3iFMeKffnnbesRL6yVLPwEnrsPyAwhrcyhXZ+cMhCOEEEJBPx7sMLr7WFwzke3WVolXACrP6M4JIYTsDZ6h/2jF4/kI3/8Mt96ELnIs/vwdcjIy7jyqwfLDe9y5gkwYCEcIIYSCfnhHHkQmlaJzeSvurofaz/+KfDyEyhI4YXzXnZcl9NKdZ+x3Tggh5AgF3Wl2AK0gp+M3OyDCcasWlpewXO/e53jNNoR9YfbWS4VS31Z/K5WETBfQKd05IYSQIxN0O4wRffzFpGYBKOZTJF9/e3MO1G114Ld7cKLaD59bKmU6qtkeSiWhZXHrzudT6Czj1UUIIeQ4BN2O66Yvc7OzKXxxHe7ffkU6uEI+Gpx89yc7bsBvd+Ft/Z4/QssCkAVsP4TjeJDpgu6cEELI8Qi65Qdwq5q62wFft0+yEFy8r3rSXpti+CfWeMTyQ3itDoLuJSCeH/CvsgSW48KJYjiLGMV0DNChk33fzM0O4g8/Q6bJm9xBI4Q8UdC9Tg9+5xK2HzzO3foBovc/r+rmysnwZH754N1HePXWTt5LywKlVnBrDThhjNH//l+8usjehHy9fKYb1+H+669IB9fIhzfsn07IuQm602jBb/fg1hrPeiO31oBbayAb9ZEPb0yr0CNHQOz0/Uqtq4+KVxZ5dR46EjMXt4Wg+w5evYV0cIVi2F9dn4SQNyroTqsDN6rDb1/s5A391kU1iVTN5nNuPROySx51JLZ8rucjev8ziupoTI6HHEBC3qqg1z58utNU5MXO13YQ9j5UxfCvUQyPtBi+ELwCyEnhdS/ht3uPPhJb4sZ1uHEdWe0G+agPNZ9xMAl5a4K+azHfePMggvPxFyyEMEFzh9Bs14OwBGDZxs1YFoRlQ1g2LJt1dciJ3KiNtjknf+aR2BK/1YXXaCG9uUYxvmHgHCFvStBPwAkLx4GwbfM+YinIS3G+FWjYm/8X1dfNaywIYQFCrD5atoOy5LkiOV7sqGbOyXfYmUpYNsLee3iNFrLB1cEW24SQUxP0bTEXAsJ1K0FeE90NEbY3v25bEKJ6TIh7xVkIUQm+uOdbiwcmNgelzHkVkKPD8oKqYmEP4pV2kmw/QPThkzkaG/ZNjwJCCAX9fi23IGwbXrMDOwg3BBvr7nlLkAXWhPlegX5YpJ80ado2tORFQI6P2l///mDp4V3j1ppwa03MP/8DxeiGg08IBf0uZalh2T68Rhta1n7omPdvg2wI20apmGZGjsyh70nMN5bIts2BJ3uBR50nKOjmL6cBrY0DP57LaU3THSgKOiGE7I3F7/8F2enB7/Rg++Fe5vz05hr5G9+BeoNh3mW1AlwtBYGyRIkS0CXKsgRKjbIsISyHroQQQg5APriGnE/hNrsIuj1zFPsa32cyRD7sQ84mdOgvN+gaWskfFsBYd80bgrz2n7ISZ5Sl2bIpjUCXWpnPtUZZKpRKm8+1ArRCqZePKaB6vNQa0ftPcGt1czh/YnXoCdklwrJg+QGcetOUMZYSZcGAUfK66CxFdvUZcj6B1+7Cb+4um0MmC1MHZdQ/m/Hcm0Mvl4K59nHdLa8+17oSXY2yvBVf8/h94lx9Xr22LIpHi3OpJMthEgITwOrXW3DjhrkvlIRetgWWBbSUKGWBUinz9SfcZ4T8CDWfIplPUUwnG30JnqU1sjCVSseDs6tU+voOvSwhkzl0kRnBVcoItVJbLvpWzI04lyjl604a6c032EG42wCkskTS/5N3KDkxRQeE48LZ2Ekrze23tnDWS7GvBF5X/8ql8GcZhZ4831WPB1CzCdx2F0G7B8vzn/T6bNhHPuxDJfOzHL89bLkrc4bR/3aUq8LJ//3PJ3eYe8jts349OWlFv+cxIQDYdhVr4sCGfzc+ZbmTpvSas78V/KXjL6U0z8u5lU++P5fm/W+Qswm8qmfBj4qTFbMxaylgL1Hu5dGv2FfBGa2uKeTxxOCMU+owR8hLRX81t1afCNgAXGwEpC6FXlVxLVJVYr/cvs+hi6WzlyxBS+6g0wTpn3+gmJlteK/RvmvKspTVDvcq6Kdy8WQpsm+fzarwoZaUd1aFk5PrAU/IvVJtWTsohbwm+EJAwAKWa+PVzmm5JvgloBW01isHfyv4xer/pawc/ht29sue9um3z2e7XfwQajbBYjZB0bpA9P6nVeXEfDpC+vV3aAZvUtAfvHhWwRnjB4MzdJ4hXa4KeV5I3gBlqaGLvErntG6rNopbod6Vy78V/BKwLVgAytJf/iCreBqTsWL+aVWgLLbP7G+F/6SFvNODG9UAAO7f/h3Z8Nrs+FHYNw3UqI/xqA//8iPkfMKOgRT0xyPHA8jxAF7vPaLex9X2YjGbIPn6G8/JydsSdKWQTQaQyQKW40A4LizHhWXbELZz2wDJsm7LNAMvrP54T1nnqlfDAz/lA0F6Dwi+UkebfmfH9Qd3Av12D269hXRwBTkaQheca9bJrr5wECjozyO//hPFzRX8d39BMR1BnUFxAnKGgq41VJqg2DqLFK5nuh06DizHvRV6xzXCvxR7uxL8V3H1W+7eNg2bAAfWurMvy406E6U2AXqlNOl3uqgC9FaBenrvYm/5IbxWxwR6fac2h+W4iC5/gqy3qlxq1tgnjxD0UutHFH15pstNq8T+4Wkn9pdaI/36G68Wcn5CX+Qr0dsukCxcz3RCtN0twa8+t51K6De7Jb7c3T/g7AHAXgborf0Oq2j85Zn9dpBelXJX3G7j7zxITwh4nR6CzuWTUrGcMIbzU4y86ohHQ0G+e73Mv/wDblyH3+7tbhKQEung6iwT+wk5L7EHgPQeJ+obQXfcu+7edtbEfq0t8is5e7Hq4mgE30IJ+JvlodfdvVYSUGqtsM5WcN4z3H3tX/4dThg9+3fwGm14jTbSm29I//yDFx+5X9DleAg5Ht5W6Kk3X/SG557YTwiBKTCDhxfzy618ayX4HoTrwLK3tvIty3RF3Nm5/e3rHnL39nb63fo2/qqwzj3pd0pWv/fW4iYIXyTmGxN2FTxHyL3Xx/ITOR1BTkdw2xfwO5dwgqd1wCmmVWL/dMRRJYQ8wt3nWE+SE86ac3ecja18yzFiL5zbAD0j9taORP4BwV8F6a2HGz2Qb6/VXcFXBaBL9osg+xX0lTAP+1DrRVbs78fNyTRBPrxCPuhzNAnZEengygRO7UtgZQG1OOyumjm//n4KmnDWt/E9CPeBID3LfsX0u+18e7Fy90uRX28cpfMMQojbfhaE7EvQAZNnnV19WZXe89sXd2++VanTAXTOKk+E7FTQv/6OYjx88P7bFSpNTN7ziVTaWhf9VZCeEBDuWhCe7Wyk3omlu187sxdiVwF6m69Zivzto475KAQvanIYQV/d7IsZksUMxXSE6MOnVRMTlSZYfPknz8kJeUVW999sbHKTa43dCeNbWpCXJco8R4mHg9RWZ/auuyb0hwnSI+Qggr5ETseYTP8TXvcSWkrI8YAjR8iekJMR5GS0kyZCAJCNbkzg6hn1Hlid2SfbSr/l7tfy7MW62Ds2hLBe4O65MCBHIuhL8psrjhghB+KlTYTYe+CJ7l4IWJ5/G6znuLDch7bx1539pngLy4LAMpSOkCMRdELIYdlsItSF3+z+8DUqS2/PyRmY9SSx11n6vew7CM9bFdMRjrdZXGfp7i0LlsvhJBR0Qsh9Ir1qIjR5sIlQqbUp8DQaQGcJB+01ND/PUeb3pN+tUvAc2EEI+91fOFiEgk4IeRg5HkBNR3DbPQSd3qqsaDYemHPy+ZSDtG+R30q/03mGsveRA0Mo6ISQHwiI1shvvqEYXiP48AkqmZ9MGtq5CLwu8lWW0Etg72/yPQTe/8pDNUIIedWZ9nnNWZbkkyGbsxA6dEIIObxNL5HfXEHOpo9qn7pEJnO2TyWP5r8BqMa5Zv9BX6kAAAAASUVORK5CYII=);border:2px solid #1e61f154;border-radius:0 0 45px 45px;box-shadow:0 2px 8px #00000012;height:9vw;left:0;padding:0;position:fixed;top:0;transition:width .2s;width:100vw;z-index:50}.header-title{display:none}.hamburger-button{border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:none;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:.5rem;width:40px;z-index:60}.hamburger-button,.nav-buttons-grid{align-items:center;justify-content:center}.nav-buttons-grid{display:flex;flex-wrap:wrap;gap:.7rem;padding:.5rem 0}.nav-button{align-items:center;background:#fff;border:none;border-radius:.45rem;cursor:pointer;display:flex;flex-direction:column;min-width:64px;outline:none;padding:.35rem;position:relative;transition:all .2s ease}.nav-label{font-size:.8rem;font-weight:700!important;max-width:none;opacity:1;pointer-events:auto;white-space:nowrap}.nav-button.graph:hover{border-color:#93c5fd}.nav-button.create-node:hover{border-color:#86efac}.nav-button.nodes-list:hover{border-color:#c4b5fd}.nav-button.create-relation:hover{border-color:#a5b4fc}.nav-button.relations-list:hover{border-color:#f9a8d4}.nav-button.analysis:hover{border-color:#fcd34d}.icon-container{align-items:center;border-radius:9999px;display:flex;height:1.6rem;justify-content:center;transition:background-color .2s ease;width:1.6rem}.icon-container.graph{background-color:#dbeafe}.nav-button.graph:hover .icon-container{background-color:#bfdbfe}.icon-container.create-node{background-color:#dcfce7}.nav-button.create-node:hover .icon-container{background-color:#bbf7d0}.icon-container.nodes-list{background-color:#ede9fe}.nav-button.nodes-list:hover .icon-container{background-color:#ddd6fe}.icon-container.create-relation{background-color:#e0e7ff}.nav-button.create-relation:hover .icon-container{background-color:#c7d2fe}.icon-container.relations-list{background-color:#fce7f3}.nav-button.relations-list:hover .icon-container{background-color:#fbcfe8}.icon-container.analysis{background-color:#fef3c7}.nav-button.analysis:hover .icon-container{background-color:#fde68a}.icon-container.spec-generator{background-color:#e6fffa}.nav-button.spec-generator:hover .icon-container{background-color:#bdf7ef}.nav-icon{color:#fff;height:16px;width:16px}.nav-icon.graph{color:#3b82f6}.nav-icon.spec-generator{color:#0ea5a4}.nav-icon.create-node{color:#22c55e}.nav-icon.nodes-list{color:#a855f7}.nav-icon.create-relation{color:#6366f1}.nav-icon.relations-list{color:#ec4899}.nav-icon.analysis{color:#eab308}.nav-icon.tests-global{color:#ec4899}.nav-icon.cgu{color:#6b7280}.icon-container.cgu{background-color:#f3f4f6}.icon-container.tests-global{background-color:#fde6f2}.nav-label{color:#374151;font-weight:500;transition:color .2s ease}.nav-button.graph:hover .nav-label{color:#3b82f6}.nav-button.create-node:hover .nav-label{color:#22c55e}.nav-button.nodes-list:hover .nav-label{color:#a855f7}.nav-button.create-relation:hover .nav-label{color:#6366f1}.nav-button.relations-list:hover .nav-label{color:#ec4899}.nav-button.analysis:hover .nav-label{color:#eab308}.nav-button.tests-global:hover .nav-label{color:#ec4899}.icon-container.vector-search{background-color:#60a5fa}.nav-button.vector-search:hover .icon-container.vector-search{background-color:#3b82f6}.nav-button.vector-search:hover .nav-label{color:#2563eb}.icon-container.pending-nodes{background-color:#fef3c7}.nav-icon.pending-nodes{color:#eab308}.nav-button.pending-nodes:hover .icon-container{background-color:#fde68a}.nav-button.pending-nodes:hover .nav-label{color:#eab308}.selected-node-banner{animation:fadeIn .3s ease-out;background:linear-gradient(90deg,#f8fafc,#e0f2fe);border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-top:1rem;padding:.5rem 1rem}.selected-node-content{display:flex;flex-direction:column;gap:.25rem}.selected-node-title{align-items:center;display:flex;gap:.5rem}.selected-node-title h3{color:#1e40af;font-size:1rem;font-weight:600;margin:0}.selected-node-details{display:flex;font-size:.75rem;gap:.75rem}.node-badgeHeader{background:linear-gradient(90deg,#93c5fd,#60a5fa);border:1px solid #93c5fd;border-radius:50%;color:#1e40af;height:10px;width:10px}.selected-node-type{background:#e0e7ff;border-radius:999px;color:#4338ca;padding:.1rem .5rem}.selected-node-tech{background:#f0fdf4;border-radius:999px;color:#15803d;padding:.1rem .5rem}.node-type-feature{background-color:#4caf50}.node-type-component{background-color:#2196f3}.node-type-module{background-color:#3f51b5}.node-type-api{background-color:#ffc107}.node-type-service{background-color:#9c27b0}.node-type-user{background-color:#f44336}.node-type-test{background-color:#795548}.icon-container.graph-from-files{background:#ec4604c9;color:#05968f}.nav-icon.graph-from-files{color:#f1ee05}@media (min-width:1469px){.nav-buttons-grid{gap:0;justify-content:center}.hamburger-button{display:none}}@media (min-width:1025px) and (max-width:1368px){.nav-buttons-grid{justify-content:center;padding:.5rem}.hamburger-button{display:none}.nav-button{height:44px;min-width:44px;padding:.32rem;position:relative;width:60px}.nav-button,.nav-label{transition:all .3s ease}.nav-label{font-size:.72rem;margin-top:6%;opacity:0;pointer-events:none;position:absolute;transform:translateY(10px)}.nav-button:hover{height:auto;min-width:160px;padding-bottom:2.2rem;width:auto}.nav-button:hover .nav-label{opacity:1;transform:translateY(1.7rem)}.icon-container{height:1.4rem;margin-bottom:0;width:1.4rem}}@media (min-width:769px) and (max-width:1024px){.nav-buttons-grid{justify-content:center;padding:.5rem}.hamburger-button{display:none}.nav-button{height:44px;min-width:40px;padding:.28rem;position:relative;width:44px}.nav-label{font-size:.7rem;margin-top:6%;opacity:0;pointer-events:none;position:absolute;transform:translateY(10px);transition:all .3s ease}.nav-button:hover{height:auto;min-width:140px;padding-bottom:2rem;width:auto}.nav-button:hover .nav-label{opacity:1;transform:translateY(1.5rem)}.icon-container{height:1.5rem;margin-bottom:0;width:1.5rem}.nav-icon{height:16px;width:16px}}@media (max-width:768px){.header-navigation{height:auto;padding:.5rem 0}.hamburger-button{display:flex}.nav-buttons-grid{background-color:#fff;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;height:auto;left:0;max-height:80vh;overflow-y:auto;padding:60px 1rem 1rem;position:absolute;top:0;width:100%;z-index:55}.mobile-menu-visible{display:flex}.nav-button{align-items:center;border-radius:.5rem;flex-direction:row;gap:1rem;justify-content:flex-start;margin:0;max-width:100%;padding:.75rem;width:100%}.nav-button,.nav-label{overflow:hidden;white-space:nowrap}.nav-label{font-size:.9rem;opacity:1;position:static;text-overflow:ellipsis;transform:none}.selected-node-banner{animation:none;margin-top:0;padding:.5rem}.header-navigation.menu-open .selected-node-banner{display:none}}.mobile-menu-visible{animation:slideDown .3s ease forwards}.app-logo{align-items:center;display:flex;margin-right:auto;margin-top:1%;padding:0 1rem}.logo-image{border-radius:35px!important;height:32px;margin-right:.5rem;width:auto}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;font-size:1.2rem;font-weight:700;letter-spacing:.5px}.nav-button.special-button{background:linear-gradient(135deg,#4f46e5,#f73aa8);border:2px solid #fff;border-radius:50%!important;box-shadow:0 4px 12px #4f46e540;color:#fff;height:40px!important;min-width:40px!important;padding:.5rem!important;position:absolute;position:absolute!important;right:80px;transform:translateY(-50%);width:40px!important;z-index:70}.nav-button.special-button:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 6px 20px #4f46e566;transform:translateY(-50%) scale(1.05)}.nav-button.special-button .icon-container{background:#0000!important;color:#fff;height:1.5rem;margin:0;width:1.5rem}.nav-button.special-button .nav-label{background:#000c;border-radius:.25rem;bottom:-2.5rem;color:#fff;display:none;font-size:.75rem;font-weight:600;left:50%;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.nav-button.special-button:hover .nav-label{animation:fadeIn .2s ease-in;display:block}.nav-button.special-button .nav-icon{color:#fff;height:18px;width:18px}@media (max-width:768px){.nav-button.special-button{border-radius:12px!important;flex-direction:row;height:auto!important;margin-bottom:1rem;min-width:auto!important;padding:.75rem!important;position:static!important;transform:none!important;width:auto!important;z-index:auto}.nav-button.special-button:hover{transform:translateY(-2px) scale(1.02)}.nav-button.special-button .nav-label{background:#0000;color:#fff;display:block!important;font-size:1rem;margin-left:.5rem;position:static;transform:none}.nav-button.special-button .icon-container{margin-right:.5rem}.hamburger-button{right:1rem!important}}@media (min-width:769px){.hamburger-button{right:1rem}}@media (max-width:1768px){.selected-node-banner{border-radius:12px;gap:4px;left:12px;max-width:260px;min-width:180px;padding:10px 16px;top:-28px}.nav-button{max-width:10%!important}.nav-label{font-size:12px}.selected-node-title h3{font-size:14px}.selected-node-details{font-size:12px}}@media (max-width:1550px){.nav-button{max-width:5%!important}.nav-label{display:none}.selected-node-banner{border-radius:12px;gap:4px;left:12px;max-width:260px;min-width:180px;padding:10px 16px;top:-28px}.selected-node-title h3{font-size:14px}.selected-node-details{font-size:12px}}@media (max-width:768px){.selected-node-banner{border-radius:12px;gap:4px;left:12px;max-width:260px;min-width:180px;padding:10px 16px;top:8px}.selected-node-title h3{font-size:14px}.selected-node-details{font-size:12px}}@media (max-width:480px){.selected-node-banner{border-radius:10px;gap:3px;left:8px;max-width:200px;min-width:140px;padding:8px 12px;top:6px}.selected-node-title h3{font-size:12px}.selected-node-details{font-size:10px}}.back-to-top-button{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#6366f1;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:.9;position:fixed;right:30px;transition:all .3s cubic-bezier(.25,.8,.25,1);width:50px;z-index:1000}.back-to-top-button:hover{background-color:#4f46e5;box-shadow:0 7px 15px #0000004d;opacity:1;transform:translateY(-5px)}.back-to-top-button:active{transform:translateY(-2px)}.back-to-top-icon{height:24px;width:24px}@keyframes bobUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.back-to-top-button:hover .back-to-top-icon{animation:bobUpDown 1s ease-in-out infinite}@media (max-width:768px){.back-to-top-button{bottom:20px;height:45px;right:20px;width:45px}.back-to-top-icon{height:20px;width:20px}}.modern-spec-viewer{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-height:80vh;overflow:hidden}.spec-viewer-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.spec-empty-icon{font-size:64px;margin-bottom:24px;opacity:.5}.spec-empty-text{font-size:18px;font-weight:500}.spec-tabs{grid-gap:8px;background:linear-gradient(135deg,#f8fafc,#0614dda2);border-bottom:1px solid #e2e8f0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:200px;padding:16px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.spec-tabs::-webkit-scrollbar{width:6px}.spec-tabs::-webkit-scrollbar-track{background:#0000}.spec-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.spec-tab{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;line-height:1.3;min-height:44px;overflow:hidden;padding:10px 12px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .2s ease}.spec-tab:has-text("("){background:linear-gradient(135deg,#fff,#f8fafc)}.spec-tab:hover{background:#f8fafc;box-shadow:0 4px 12px #3b82f626}.spec-tab-active,.spec-tab:hover{border-color:#3b82f6;transform:translateY(-1px)}.spec-tab-active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 25px #3b82f64d;color:#fff;z-index:10}.spec-tab-active:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.spec-tab:hover:after{animation:fadeIn .2s ease forwards;background:#3b82f60d;border-radius:6px;bottom:2px;content:"";left:2px;opacity:0;position:absolute;right:2px;top:2px}@media (max-width:1024px){.spec-tabs{gap:6px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:12px}.spec-tab{font-size:11px;min-height:40px;padding:8px 10px}}@media (max-width:768px){.spec-tabs{gap:4px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:180px;padding:8px}.spec-tab{font-size:10px;min-height:36px;padding:6px 8px}}@media (max-width:480px){.spec-tabs{gap:4px;grid-template-columns:repeat(2,1fr);max-height:140px;padding:8px}.spec-tab{font-size:10px;line-height:1.2;min-height:32px;padding:6px 4px}.spec-tab-content{padding:12px}.modern-spec-viewer{max-height:75vh}}.spec-content{background:#fafbfc;flex:1 1;overflow-y:auto}.spec-tab-content{margin:0 auto;max-width:1400px;padding:32px}.spec-section-title{border-bottom:3px solid #e2e8f0;color:#1e293b;font-size:28px;font-weight:800;margin-bottom:32px;padding-bottom:16px;position:relative}.spec-section-title:after{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.spec-header{margin-bottom:32px}.spec-title{color:#1e293b;font-size:32px;font-weight:900;line-height:1.2;margin-bottom:16px}.spec-badges{display:flex;flex-wrap:wrap;gap:12px}.spec-badge{border-radius:8px;color:#fff;font-size:13px;padding:8px 16px}.spec-badge-date{background:linear-gradient(135deg,#10b981,#059669)}.spec-badge-version{background:linear-gradient(135deg,#6366f1,#4f46e5)}.spec-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.spec-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.spec-card-primary{background:linear-gradient(135deg,#fff,#f8fafc);border-left:4px solid #3b82f6}.spec-card-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.spec-card-story{border-left:4px solid #a21caf}.spec-card-persona{border-left:4px solid #9333ea}.spec-card-requirement{border-left:4px solid #059669}.spec-card-nfr{border-left:4px solid #7c3aed}.spec-card-acceptance{border-left:4px solid #0284c7}.spec-card-test{border-left:4px solid #ea580c}.spec-card-risk{background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #dc2626}.spec-card-dependency{border-left:4px solid #d97706}.spec-card-dod{border-left:4px solid #22c55e}.spec-card-recommendations{border-left:4px solid #8b5cf6}.spec-card-quality{border-left:4px solid #6366f1}.spec-item-header{flex-wrap:wrap;margin-bottom:16px}.spec-item-id{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.spec-item-title{color:#1e293b;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}.spec-priority{border-radius:6px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.spec-priority-critical,.spec-priority-high{background:#dc2626;color:#fff}.spec-priority-important,.spec-priority-medium{background:#f59e0b;color:#fff}.spec-priority-low,.spec-priority-nice-to-have{background:#10b981;color:#fff}.spec-category{background:#e0e7ff;color:#3730a3;font-size:11px;font-weight:600;text-transform:uppercase}.spec-category,.spec-test-type{border-radius:6px;padding:4px 10px}.spec-test-type{color:#d97706}.spec-content{color:#374151;font-size:15px;line-height:1.7}.spec-content-summary{color:#1e293b;font-size:16px;line-height:1.8}.spec-content-description{color:#374151;line-height:1.7}.spec-list{line-height:1.7;margin:12px 0;padding-left:24px}.spec-list-item{color:#374151;margin-bottom:8px}.spec-object{display:flex;flex-direction:column;gap:12px}.spec-object-item{align-items:flex-start;display:flex;gap:12px}.spec-object-key{color:#1e293b;font-weight:600;min-width:120px}.spec-object-value{color:#374151;flex:1 1}.spec-business-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.spec-items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.spec-acceptance-list,.spec-dependencies-list,.spec-requirements-list,.spec-risks-list,.spec-tests-list{display:flex;flex-direction:column;gap:20px}.spec-estimations{display:flex;flex-direction:column;gap:16px}.spec-estimation-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.spec-estimation-label{color:#475569;font-weight:600}.spec-estimation-value{color:#1e293b;font-weight:700}.spec-complexity-low{color:#10b981}.spec-complexity-medium{color:#f59e0b}.spec-complexity-high{color:#ef4444}.spec-complexity-very-high{color:#dc2626}.spec-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.spec-stat{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.spec-stat-number{color:#3b82f6;font-size:32px;font-weight:900;margin-bottom:8px}.spec-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spec-story-content{background:#f8fafc;border-left:3px solid #a21caf;border-radius:8px;color:#475569;font-style:italic;margin:12px 0;padding:16px}.spec-persona-role{color:#6366f1;font-size:16px;font-weight:600;margin-bottom:16px}.spec-description,.spec-persona-section{margin-bottom:16px}.spec-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.spec-gherkin{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:14px;margin-top:16px;padding:20px}.spec-gherkin-title{color:#475569;font-family:system-ui,sans-serif;font-weight:700;margin-bottom:16px}.spec-gherkin-block{margin-bottom:12px}.spec-gherkin-keyword{display:inline-block;margin-right:8px;min-width:60px}.spec-gherkin-given{color:#059669}.spec-gherkin-when{color:#d97706}.spec-gherkin-then{color:#dc2626}.spec-gherkin ul{list-style:none;margin:8px 0 0 68px;padding:0}.spec-gherkin li{color:#374151;margin-bottom:4px}.spec-test-section{margin-bottom:16px}.spec-test-steps{counter-reset:step-counter;margin:8px 0;padding-left:24px}.spec-test-steps li{counter-increment:step-counter;line-height:1.6;margin-bottom:8px;position:relative}.spec-test-steps li::marker{color:#3b82f6;content:counter(step-counter) ". ";font-weight:700}.spec-expected-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:8px;color:#166534;margin-top:16px;padding:12px 16px}.spec-criteria{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.spec-mitigation{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:4px;margin-top:16px;padding:12px 16px}.spec-impact,.spec-owner{color:#475569;margin-top:12px}.spec-estimation{border-top:1px solid #e2e8f0;color:#6366f1;font-size:14px;margin-top:12px;padding-top:12px}.spec-risk-level{border-radius:4px;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.spec-quality-scores{display:flex;flex-direction:column;gap:24px}.spec-quality-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:140px 1fr 80px}.spec-quality-label{color:#475569;font-size:15px;font-weight:600}.spec-quality-bar{background:#e2e8f0;border-radius:14px;box-shadow:inset 0 2px 4px #0000001a;height:28px;overflow:hidden;position:relative}.spec-quality-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:14px;height:100%;position:relative;transition:width .8s ease}.spec-quality-fill:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.spec-quality-value{color:#3b82f6;font-size:16px;font-weight:700;text-align:right}.spec-quality-overall{border-top:2px solid #e2e8f0;margin-top:8px;padding-top:20px}.spec-quality-overall .spec-quality-label{color:#1e293b;font-size:18px;font-weight:700}.spec-quality-fill-overall{background:linear-gradient(90deg,#10b981,#34d399)}.spec-quality-value-overall{color:#10b981;font-size:20px;font-weight:900}.spec-not-found{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.spec-not-found-icon{font-size:48px;margin-bottom:16px;opacity:.5}.spec-not-found-text{font-size:16px;font-weight:500}@media (max-width:1024px){.spec-tab-content{padding:24px}.spec-business-grid,.spec-items-grid{grid-template-columns:1fr}.spec-stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:768px){.spec-tabs{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-height:160px;padding:12px}.spec-tab{font-size:11px;min-height:36px;padding:8px 10px}.spec-tab-content{padding:16px}.spec-section-title{font-size:24px}.spec-title{font-size:28px}.spec-card{padding:20px}.spec-quality-item{gap:12px;grid-template-columns:120px 1fr 60px}.spec-item-header{flex-wrap:wrap;gap:8px}.spec-estimation-item{align-items:flex-start;flex-direction:column;gap:8px}}.spec-feature-grid,.spec-project-grid,.spec-stakeholders-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.spec-project-name{color:#1e40af;font-size:24px;font-weight:700;margin-bottom:12px}.spec-project-description{color:#374151;font-size:16px;line-height:1.6}.spec-goals-list{list-style:none;margin:0;padding:0}.spec-goal-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0}.spec-goal-item:before{content:"🎯";flex-shrink:0}.spec-feature-name{color:#059669;font-size:22px;font-weight:600;margin-bottom:12px}.spec-feature-description{color:#374151}.spec-requirements-list{display:flex;flex-direction:column;gap:20px}.spec-requirement-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.spec-requirement-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.spec-requirement-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.spec-requirement-id{background:#3b82f6;border-radius:6px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 8px}.spec-requirement-title{color:#1f2937;font-size:16px;font-weight:600;line-height:1.4;margin:0}.spec-acceptance-criteria{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.spec-acceptance-criteria h5{color:#6b7280;font-size:14px;font-weight:600;margin:0 0 8px}.spec-acceptance-criteria ul{margin:0;padding-left:20px}.spec-acceptance-criteria li{color:#374151;line-height:1.5;margin-bottom:6px}.spec-stakeholders-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.spec-stakeholder-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.spec-stakeholder-info{background:#ffffff80;border-radius:8px;color:#92400e;font-size:16px;font-weight:500;padding:12px;text-align:center}.spec-acceptance-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.spec-acceptance-list{margin-top:16px}.spec-acceptance-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:8px 0}.spec-acceptance-item:last-child{border-bottom:none}.spec-acceptance-bullet{color:#10b981;flex-shrink:0;font-size:16px;font-weight:700;margin-top:2px}.spec-acceptance-text{color:#374151;line-height:1.5}.spec-stat-contextual{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.spec-stat-contextual .spec-stat-number{color:#1d4ed8}.spec-stat-contextual .spec-stat-label{color:#1e40af}.spec-card-contextual{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:12px}.spec-card-contextual .spec-card-title{color:#0369a1}.spec-contextual-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.spec-contextual-item{align-items:center;background:#ffffffb3;border:1px solid #bae6fd;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.spec-contextual-label{color:#0c4a6e;font-weight:600}.spec-contextual-value{background:#bae6fd;border-radius:6px;color:#0369a1;font-weight:700;padding:4px 8px}.spec-card-feature{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.spec-card-feature .spec-card-title{color:#166534}.spec-feature-name{color:#15803d;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.spec-feature-description{color:#166534;font-size:16px;line-height:1.6}.spec-contextual-criteria-list{display:flex;flex-direction:column;gap:16px}.spec-card-contextual-criteria{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24}.spec-card-contextual-criteria .spec-card-title{color:#92400e}.spec-test-details{background:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;margin-top:12px;padding:12px}.spec-integration-entry{background:linear-gradient(135deg,#fdf4ff,#fae8ff);border:1px solid #c084fc}.spec-entry-point{background:#c484fc33;border-radius:8px;color:#7c3aed;font-size:18px;font-weight:700;padding:16px;text-align:center}.spec-integration-impacted{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border:1px solid #d8b4fe}.spec-integration-new{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc}.spec-impacted-components,.spec-new-components{display:flex;flex-direction:column;gap:16px}.spec-component-item{background:#fffc;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.spec-new-component{background:#7dd3fc1a;border:1px solid #7dd3fc}.spec-component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.spec-component-name{color:#374151;font-size:16px;font-weight:700;margin:0}.spec-new-badge{background:#06b6d4;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.spec-component-role{color:#6b7280;font-style:italic;margin-bottom:12px}.spec-component-modifications,.spec-component-relations{margin-top:8px}.spec-component-modifications ul,.spec-component-relations ul{margin:8px 0 0 16px;padding:0}.spec-component-modifications li,.spec-component-relations li{color:#374151;margin-bottom:4px}.spec-architectural-context{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1}.spec-arch-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.spec-arch-stat{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.spec-arch-label{color:#475569;font-weight:600}.spec-arch-value{background:#e2e8f0;border-radius:6px;color:#1e293b;font-weight:700;padding:4px 8px}.spec-integration-points{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc}.spec-integration-categories{display:flex;flex-direction:column;gap:16px}.spec-integration-category{background:#fffc;border:1px solid #bae6fd;border-radius:8px;padding:16px}.spec-category-name{color:#0369a1;font-size:16px;font-weight:700;margin:0 0 8px;text-transform:capitalize}.spec-category-nodes{display:flex;flex-wrap:wrap;gap:8px}.spec-node-tag{background:#0369a1;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.spec-conflict-warnings{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.spec-conflict-list{display:flex;flex-direction:column;gap:12px}.spec-conflict-item{background:#ffffffe6;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.spec-conflict-medium{border-left-color:#f59e0b}.spec-conflict-high{border-left-color:#ef4444}.spec-conflict-type{color:#dc2626;font-size:12px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.spec-conflict-message{color:#374151;margin-bottom:8px}.spec-conflict-severity{color:#6b7280;font-size:14px}.spec-severity-medium{color:#d97706;font-weight:600}.spec-severity-high{color:#dc2626;font-weight:600}.spec-analysis-meta{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db}.spec-analysis-timestamp{color:#6b7280;font-size:14px}.spec-existing-nodes{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db}.spec-nodes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.spec-node-item{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.spec-node-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.spec-node-name{color:#374151;font-size:14px;font-weight:700;margin:0}.spec-node-type{background:#6b7280;border-radius:3px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.spec-node-description{color:#6b7280;font-size:13px;line-height:1.4}.spec-nodes-more{align-items:center;background:#6b72801a;border-radius:8px;color:#6b7280;display:flex;font-style:italic;justify-content:center;padding:20px}.spec-arch-patterns{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd}.spec-patterns-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.spec-pattern-item{align-items:center;background:#fffc;border:1px solid #bfdbfe;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.spec-pattern-label{color:#1e40af;font-weight:600}.spec-pattern-value{background:#bfdbfe;border-radius:4px;color:#1d4ed8;font-weight:700;padding:3px 6px}.spec-potential-dependencies{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc}.spec-dependencies-analysis{display:flex;flex-direction:column;gap:16px}.spec-dependency-analysis{background:#fffc;border:1px solid #bae6fd;border-radius:8px;padding:16px}.spec-dependency-category{color:#0369a1;font-size:16px;font-weight:700;margin:0 0 8px;text-transform:capitalize}.spec-dependency-reason{color:#0c4a6e;font-style:italic;margin-bottom:12px}.spec-dependency-nodes{margin-top:8px}.spec-nodes-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.spec-potential-conflicts{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.spec-conflicts-analysis{display:flex;flex-direction:column;gap:16px}.spec-conflict-analysis{background:#ffffffe6;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.spec-conflict-analysis.spec-conflict-medium{border-left-color:#f59e0b}.spec-conflict-type-analysis{color:#dc2626;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.spec-conflict-message-analysis{color:#374151;margin-bottom:8px}.spec-conflict-node{margin-bottom:6px}.spec-conflict-node,.spec-conflict-severity-analysis{color:#6b7280;font-size:14px}.spec-export-jira{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9}.spec-export-confluence{background:linear-gradient(135deg,#fefce8,#fef3c7);border:1px solid #f59e0b}.spec-export-details{display:flex;flex-direction:column;gap:16px}.spec-export-item{background:#fffc;border:1px solid #e5e7eb;padding:10px}.spec-export-value{font-weight:700}.spec-export-content{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.spec-export-content h4{color:#374151;font-size:16px;margin:0 0 12px}.spec-jira-description{background:#f8fafc;border-left:3px solid #0ea5e9;border-radius:6px;font-family:monospace;font-size:14px;line-height:1.5;padding:12px;white-space:pre-line}.spec-confluence-content{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;line-height:1.6;padding:12px}.spec-export-attachments,.spec-export-components,.spec-export-labels{background:#ffffffe6;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.spec-export-attachments h4,.spec-export-components h4,.spec-export-labels h4{color:#374151;font-size:16px;margin:0 0 12px}.spec-components-tags,.spec-labels-tags{display:flex;flex-wrap:wrap;gap:8px}.spec-component-tag{background:#0ea5e9}.spec-component-tag,.spec-label-tag{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.spec-label-tag{background:#f59e0b}.spec-attachment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.spec-attachment-name{color:#374151;font-weight:600}.spec-attachment-type{background:#6b7280;border-radius:3px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.spec-export-subtasks{margin-top:16px}.spec-subtasks-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.spec-subtask-item{align-items:center;background:#f8f9fa;border-left:3px solid #0052cc;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.spec-subtask-type{background:#e8f4fd;border-radius:4px;color:#0052cc;font-size:12px;font-weight:600;min-width:60px;padding:2px 6px;text-align:center}.spec-subtask-summary{color:#374151;flex:1 1;font-size:14px}.spec-subtask-priority{border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.spec-subtask-priority:contains("High"){background:#fef2f2;color:#dc2626}.spec-subtask-priority:contains("Medium"){background:#fffbeb;color:#d97706}.spec-subtask-priority:contains("Low"){background:#f0fdf4;color:#16a34a}.spec-subtask-more{background:#f3f4f6;border-radius:6px;color:#6b7280;font-style:italic;padding:8px 12px;text-align:center}.spec-export-sections{margin-top:16px}.spec-sections-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.spec-section-tag{background:#e8f4fd;border-radius:4px;color:#0052cc;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.spec-confluence-preview{background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:300px;overflow-y:auto}.spec-confluence-content{font-size:14px;line-height:1.5;padding:16px}.spec-confluence-content h1,.spec-confluence-content h2,.spec-confluence-content h3{color:#1f2937;margin-bottom:8px;margin-top:0}.spec-confluence-content table{border-collapse:collapse;margin:12px 0;width:100%}.spec-confluence-content table td,.spec-confluence-content table th{border:1px solid #e2e8f0;padding:8px;text-align:left}.spec-confluence-content table th{background:#f8f9fa;font-weight:600}.spec-confluence-more{background:#f8f9fa;border-top:1px solid #e2e8f0;color:#6b7280;font-style:italic;padding:12px 16px;text-align:center}.spec-labels-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.spec-label-tag{background:#d1fae5;border:1px solid #a7f3d0;border-radius:3px;color:#059669;font-size:11px;font-weight:500;padding:2px 6px}.spec-export-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.spec-export-item{align-items:center;background:#f8f9fa;border-left:3px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.spec-export-confluence .spec-export-item,.spec-export-jira .spec-export-item{border-left-color:#0052cc}.spec-export-label{color:#374151;font-size:13px;font-weight:600}.spec-export-value{color:#1f2937;font-size:13px;font-weight:500}@media (max-width:768px){.spec-export-meta{grid-template-columns:1fr}.spec-subtask-item{align-items:flex-start;flex-direction:column;gap:6px}.spec-sections-list{justify-content:center}}.spec-gherkin-container{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #22c55e;border-radius:12px;margin:8px 0;padding:16px}.spec-gherkin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.spec-scenario-id{background:#d1fae5;border-radius:6px;color:#059669;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:4px 8px}.spec-priority{border-radius:12px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.spec-priority-high{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.spec-priority-medium{background:#fffbeb;border:1px solid #fed7aa;color:#d97706}.spec-priority-low{background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7}.spec-gherkin-title{color:#065f46;font-size:16px;font-weight:600;margin:0 0 16px}.spec-gherkin-steps{display:flex;flex-direction:column;gap:12px}.spec-gherkin-section{background:#ffffffb3;border-left:3px solid #22c55e;border-radius:8px;padding:12px}.spec-gherkin-keyword{color:#059669;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.spec-gherkin-section ul{margin:8px 0 0;padding-left:16px}.spec-gherkin-section li{color:#374151;font-size:14px;line-height:1.5;margin-bottom:4px}.spec-test-container{background:linear-gradient(135deg,#fef3c7,#fef9e7);border:1px solid #f59e0b;border-radius:12px;margin:8px 0;padding:16px}.spec-test-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.spec-test-id{background:#fed7aa;border-radius:6px;color:#d97706;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:4px 8px}.spec-test-type{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;color:#92400e;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.spec-test-title{color:#92400e;font-size:16px;font-weight:600;margin:0 0 12px}.spec-test-description{color:#374151;font-size:14px;line-height:1.5;margin-bottom:16px}.spec-test-section{background:#ffffffb3;border-left:3px solid #f59e0b;border-radius:8px;margin-bottom:12px;padding:12px}.spec-test-preconditions,.spec-test-steps{margin:8px 0 0;padding-left:16px}.spec-test-preconditions li,.spec-test-steps li{color:#374151;font-size:14px;line-height:1.5;margin-bottom:4px}.spec-test-result{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;color:#0369a1;font-weight:500;padding:12px}.spec-risk-container{background:linear-gradient(135deg,#fef2f2,#fef7f7);border:1px solid #ef4444;border-radius:12px;margin:8px 0;padding:16px}.spec-risk-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.spec-risk-id{background:#fecaca;border-radius:6px;color:#dc2626;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:4px 8px}.spec-risk-category{background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#991b1b;font-size:11px;padding:3px 8px}.spec-risk-badge,.spec-risk-category{font-weight:600;text-transform:uppercase}.spec-risk-badge{border-radius:8px;font-size:10px;letter-spacing:.5px;padding:2px 6px}.spec-risk-impact-high,.spec-risk-probability-high{background:#dc2626;color:#fff}.spec-risk-impact-medium,.spec-risk-probability-medium{background:#f59e0b;color:#fff}.spec-risk-impact-low,.spec-risk-probability-low{background:#10b981;color:#fff}.spec-risk-description{color:#374151;font-size:14px;line-height:1.5;margin-bottom:12px}.spec-risk-mitigation{background:#fffc;border:1px solid #f3f4f6;border-left:3px solid #10b981;border-radius:8px;padding:12px}.spec-risk-mitigation strong{color:#059669}.spec-contextual-criteria-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.spec-acceptance-item,.spec-contextual-criteria-item{margin-bottom:12px}.spec-multiple-criteria,.spec-multiple-risks,.spec-multiple-tests{display:flex;flex-direction:column;gap:16px}.spec-content-fallback{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;font-family:system-ui,sans-serif;font-style:italic;padding:12px;white-space:pre-wrap}.spec-empty-value{color:#9ca3af;font-size:14px;font-style:italic}@media (max-width:768px){.spec-gherkin-header,.spec-risk-header,.spec-test-header{align-items:flex-start;flex-direction:column;gap:8px}.spec-contextual-criteria-grid{grid-template-columns:1fr}.spec-multiple-criteria,.spec-multiple-risks,.spec-multiple-tests{gap:12px}}.specification-generator-modal{max-height:99%!important;max-width:1900px!important;overflow:hidden;padding:0!important;width:95vw!important}.specification-generator{border-radius:16px;box-shadow:0 25px 50px -12px #00000040;flex-direction:column;height:90vh;overflow:hidden}.spec-gen-header,.specification-generator{background:linear-gradient(135deg,#667eea,#764ba2);display:flex}.spec-gen-header{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;justify-content:space-between;padding:24px 32px}.spec-gen-title-section{flex:1 1}.spec-gen-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.spec-gen-subtitle{color:#ffffffe6;font-size:16px;font-weight:400;margin:0}.spec-gen-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:40px;transition:all .2s ease;width:40px}.spec-gen-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.spec-gen-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:0 32px}.spec-gen-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 24px;transition:all .2s ease}.spec-gen-tab:hover{background:#f9fafb;color:#374151}.spec-gen-tab.active{background:linear-gradient(180deg,#f8fafc,#fff);border-bottom-color:#6366f1;color:#6366f1}.spec-gen-tab:disabled{cursor:not-allowed;opacity:.5}.spec-nav-tabs{background:linear-gradient(135deg,#f8f9ff,#e8efff);border-bottom:1px solid #e1e5e9;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;padding:16px}.spec-nav-tab{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:36px;padding:8px 16px;transition:all .3s ease}.spec-nav-tab:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.spec-nav-tab.active,.spec-nav-tab:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.spec-nav-tab.active{box-shadow:0 4px 12px #6366f166}.spec-content-container{background:#fff;flex:1 1;overflow-y:auto;padding:24px}.spec-gen-input-section,.spec-gen-result-section{background:#f8fafc;flex:1 1;overflow-y:auto;padding:32px}.spec-gen-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:32px;padding:24px}.spec-gen-section-title{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.spec-gen-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.spec-gen-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.spec-gen-textarea.large{min-height:150px}.spec-gen-textarea.small{min-height:80px}.spec-gen-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.spec-gen-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.spec-gen-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.spec-gen-section.half{margin-bottom:0}.stakeholder-input{margin-bottom:16px}.stakeholder-form{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1fr 2fr auto}.stakeholder-field{border:2px solid #e5e7eb;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.stakeholder-field:focus{border-color:#6366f1;outline:none}.add-stakeholder-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 12px;transition:background-color .2s ease}.add-stakeholder-btn:hover{background:#059669}.stakeholders-list{max-height:200px;overflow-y:auto}.stakeholder-item{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.stakeholder-info{flex:1 1}.stakeholder-responsibilities{color:#6b7280;font-size:12px;margin-top:4px}.remove-stakeholder-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:background-color .2s ease}.remove-stakeholder-btn:hover{background:#dc2626}.generation-options{display:flex;flex-direction:column}.mandatory-options{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;margin-bottom:24px;padding:20px}.mandatory-header{align-items:center;color:#0369a1;display:flex;font-size:16px;gap:8px;margin-bottom:16px}.mandatory-icon{font-size:18px}.mandatory-list{display:flex;flex-wrap:wrap;gap:8px}.mandatory-item{align-items:center;background:#fff;border:1px solid #0ea5e9;border-radius:6px;box-shadow:0 1px 3px #0ea5e91a;color:#0369a1;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px}.mandatory-item:nth-child(2n){background:linear-gradient(135deg,#fff,#f8fafc)}.advanced-mandatory{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #8b5cf6;border-radius:12px;margin-top:16px;padding:20px}.advanced-header{align-items:center;color:#7c3aed;display:flex;font-size:16px;gap:8px;margin-bottom:16px}.advanced-icon{font-size:18px}.advanced-list{gap:12px}.advanced-item,.advanced-list{display:flex;flex-direction:column}.advanced-item{background:#fff;border:1px solid #8b5cf6;border-radius:8px;box-shadow:0 2px 4px #8b5cf61a;color:#7c3aed;font-size:14px;font-weight:600;gap:4px;padding:12px 16px}.advanced-item.contextual{background:linear-gradient(135deg,#fef3ff,#f3e8ff);border-color:#a855f7}.advanced-item.export{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6;color:#1d4ed8}.advanced-item small{font-size:12px;font-style:italic;font-weight:400;opacity:.8}.unified-options{display:flex;flex-direction:column;gap:20px}.unified-options .mandatory-options{margin-bottom:0}.unified-options .advanced-mandatory,.unified-options .advanced-options{margin-top:0}.benefits-preview{background:linear-gradient(135deg,#fef7ff,#f3e8ff);border:2px solid #d946ef;border-radius:16px;padding:24px}.benefits-info{margin-top:16px}.benefits-grid{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.benefit-card{background:#fffc;border:1px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px}.benefit-card.contextual{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f7}.benefit-card.export{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f6}.benefit-icon{font-size:32px;margin-bottom:12px}.benefit-content h4{color:#374151;font-size:16px;font-weight:700;margin:0 0 12px}.benefit-content ul{list-style-type:none;margin:0;padding-left:16px}.benefit-content li{color:#6b7280;font-size:14px;margin-bottom:6px;position:relative}.benefit-content li:before{color:#10b981;content:"✓";font-weight:700;left:-16px;position:absolute}@media (max-width:768px){.benefits-grid{gap:16px;grid-template-columns:1fr}.benefit-card{padding:16px}.benefit-icon{font-size:24px}}.template-selector{margin-bottom:16px}.template-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.spec-gen-actions{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:16px;padding:24px}.spec-gen-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:12px 24px;transition:all .2s ease}.spec-gen-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px 0 #6366f163;color:#fff}.spec-gen-btn.primary:hover:not(:disabled){box-shadow:0 6px 20px 0 #6366f180;transform:translateY(-2px)}.spec-gen-btn.secondary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px 0 #10b98163;color:#fff}.spec-gen-btn.secondary:hover:not(:disabled){box-shadow:0 6px 20px 0 #10b98180;transform:translateY(-2px)}.spec-gen-btn.tertiary{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.spec-gen-btn.tertiary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.spec-gen-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.spec-gen-btn.large{font-size:18px;font-weight:700;min-width:300px;padding:16px 32px}.generation-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px}.option-checkbox{color:#374151;font-size:14px;font-weight:500}.option-checkbox input[type=checkbox]{accent-color:#6366f1;height:18px;width:18px}.result-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:24px;padding:24px}.result-title{color:#374151;font-size:24px;font-weight:700;margin:0}.result-actions{align-items:center;display:flex;gap:12px}.export-section{align-items:center;display:flex;gap:8px}.export-format-select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;padding:8px 12px}.export-btn,.save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.export-btn{background:#f59e0b;color:#fff}.export-btn:hover{background:#d97706}.save-btn{background:#10b981;color:#fff}.save-btn:hover:not(:disabled){background:#059669}.copy-spec-btn{font-size:13px!important;padding:8px 12px!important}.specification-display{background:#fff;border-radius:12px;max-height:70vh;overflow-y:auto;padding:24px}.spec-section{background:#f8fafc;border-left:4px solid #6366f1;border-radius:8px;margin-bottom:32px;padding:20px}.spec-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.spec-section h4{color:#374151;font-size:16px;font-weight:600;margin:16px 0 8px}.spec-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:16px}.spec-item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.spec-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.spec-badge.id{background:#6366f1;color:#fff}.spec-badge.priority{background:#f59e0b;color:#fff}.spec-badge.type{background:#10b981;color:#fff}.spec-content{color:#4b5563;line-height:1.6}.gherkin-block{background:#1f2937;border-radius:4px;color:#f9fafb;font-family:monospace;font-size:13px;margin-top:8px;padding:12px}.gherkin-step{margin:4px 0}.gherkin-step .keyword{color:#10b981;font-weight:700}.test-steps{margin-top:8px}.test-steps ol{margin:8px 0;padding-left:20px}.test-steps li{color:#374151;margin:4px 0}.business-value ul{margin:8px 0;padding-left:20px}.business-value li{color:#374151;margin:4px 0}.spec-content-block h4{color:#374151;font-size:20px;font-weight:600;margin:0 0 16px}.spec-content-block h5{color:#4b5563;font-size:16px;font-weight:600;margin:16px 0 8px}.user-story-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.story-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.story-id{background:#6366f1;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.story-title{color:#374151;font-weight:600}.ac-priority,.req-priority,.story-priority{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.priority-critical,.priority-high{background:#fee2e2;color:#dc2626}.priority-medium{background:#fef3c7;color:#d97706}.priority-low{background:#d1fae5;color:#059669}.story-content{color:#4b5563;font-style:italic;margin-bottom:8px}.story-estimation{color:#6b7280;font-size:12px}.requirement-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.req-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.req-id{background:#059669;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.req-title{color:#374151;font-weight:600}.req-description{color:#4b5563;margin-bottom:8px}.req-category{color:#6b7280;font-size:12px}.acceptance-criteria-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.ac-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ac-id{background:#8b5cf6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.ac-title{color:#374151;font-weight:600}.gherkin-scenario{background:#f9fafb;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:16px}.gherkin-step{margin-bottom:4px;padding:4px 0}.gherkin-step.given strong{color:#059669}.gherkin-step.when strong{color:#3b82f6}.gherkin-step.then strong{color:#dc2626}.gherkin-step.and strong{color:#6b7280}.test-case-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.test-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.test-id{background:#f59e0b;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.test-title{color:#374151}.test-type{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.test-description{color:#4b5563}.test-description,.test-steps{margin-bottom:12px}.test-steps ol{margin:8px 0 0 16px}.test-expected{color:#374151;font-weight:500}.risk-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.risk-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.risk-category{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.category-technical{background:#dbeafe;color:#1e40af}.category-business{background:#fef3c7;color:#92400e}.category-resource{background:#ecfdf5;color:#065f46}.category-timeline{background:#fce7f3;color:#be185d}.risk-impact,.risk-probability{border-radius:10px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.impact-low,.prob-low{background:#d1fae5;color:#065f46}.impact-medium,.prob-medium{background:#fef3c7;color:#92400e}.impact-high,.prob-high{background:#fee2e2;color:#991b1b}.risk-description{color:#4b5563;margin-bottom:8px}.risk-mitigation{color:#374151;font-size:13px}@media (max-width:768px){.specification-generator-modal{height:95vh!important;width:98vw!important}.spec-gen-header{padding:16px 20px}.spec-gen-title{font-size:24px}.spec-gen-input-section,.spec-gen-result-section{padding:20px}.spec-gen-section{margin-bottom:20px;padding:16px}.spec-gen-row{gap:16px;grid-template-columns:1fr}.stakeholder-form{gap:8px;grid-template-columns:1fr 1fr}.stakeholder-form .stakeholder-field:nth-child(3){grid-column:1/-1}.result-header{align-items:stretch;flex-direction:column;gap:16px}.result-actions{flex-wrap:wrap;justify-content:center}.spec-sections-nav{gap:8px}.spec-gen-actions,.spec-sections-nav{flex-direction:column}}.spec-content-block{animation:fadeIn .3s ease-out}.spec-gen-input-section::-webkit-scrollbar,.spec-gen-result-section::-webkit-scrollbar,.spec-section-content::-webkit-scrollbar{width:8px}.spec-gen-input-section::-webkit-scrollbar-track,.spec-gen-result-section::-webkit-scrollbar-track,.spec-section-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.spec-gen-input-section::-webkit-scrollbar-thumb,.spec-gen-result-section::-webkit-scrollbar-thumb,.spec-section-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.spec-gen-input-section::-webkit-scrollbar-thumb:hover,.spec-gen-result-section::-webkit-scrollbar-thumb:hover,.spec-section-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.spec-gen-error-alert{align-items:flex-start;animation:slideInError .3s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:12px;box-shadow:0 4px 6px -1px #dc26261a;display:flex;gap:16px;margin-bottom:24px;padding:20px}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spec-gen-error-icon{flex-shrink:0;font-size:24px;margin-top:2px}.spec-gen-error-content{flex:1 1}.spec-gen-error-title{color:#dc2626;font-size:16px;font-weight:700;margin-bottom:6px}.spec-gen-error-message{color:#7f1d1d;font-size:14px;line-height:1.5}.spec-gen-error-close{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:16px;padding:4px;transition:all .2s ease}.spec-gen-error-close:hover{background:#dc26261a;transform:scale(1.1)}.advanced-options{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border-top:2px solid #e2e8f0;display:block!important;margin-top:20px;padding:20px}.advanced-options-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.option-checkbox.contextual{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;box-shadow:0 4px 6px -1px #3b82f633;color:#fff;margin-bottom:12px;padding:12px 16px;transition:all .3s ease}.option-checkbox.contextual:hover{box-shadow:0 8px 15px -3px #3b82f64d;transform:translateY(-2px)}.option-checkbox.contextual input[type=checkbox]{accent-color:#fff;height:20px;margin-right:12px;width:20px}.option-label-contextual{display:flex;flex-direction:column;gap:4px}.option-label-contextual small{font-size:12px;font-weight:400;opacity:.9}.contextual-suboptions{display:flex;flex-direction:column;gap:8px;margin-left:32px;margin-top:12px}.option-checkbox.sub{background:#ffffffe6;border:1px solid #3b82f633;border-radius:6px;color:#1e293b;font-size:14px;padding:8px 12px}.option-checkbox.sub:hover{background:#fff;border-color:#3b82f6}.contextual-preview{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;margin-top:20px}.contextual-info{background:#fff;border-radius:8px;margin-top:12px;padding:16px}.contextual-benefit{color:#065f46;font-size:14px;line-height:1.6}.architectural-context-panel{animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;margin:20px 0;padding:20px}.context-title{align-items:center;color:#92400e;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.context-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.context-stat{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:12px;transition:transform .2s ease}.context-stat:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-value{color:#92400e;min-width:40px;text-align:right}.stat-value.zero{color:#9ca3af;font-style:italic}.conflicts-section,.dependencies-section{background:#ffffffb3;border-radius:8px;margin-top:16px;padding:16px}.conflicts-section h4,.dependencies-section h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 12px}.conflicts-list,.dependencies-list{list-style:none;margin:0;padding:0}.conflict-item,.dependency-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:8px;padding:12px}.affected-nodes{font-style:italic}.exports-panel{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #8b5cf6;border-radius:12px;margin:20px 0;padding:20px}.exports-title{color:#5b21b6;font-size:18px;font-weight:600;margin:0 0 16px}.exports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.export-item{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px;transition:all .3s ease}.export-item:hover{box-shadow:0 8px 15px -3px #00000026;transform:translateY(-2px)}.export-item.confluence,.export-item.jira{border-left:4px solid #0052cc}.export-item h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.export-item p{color:#6b7280;font-size:14px;margin:0 0 16px}.export-actions{display:flex;flex-wrap:wrap;gap:8px}.export-copy-btn,.export-download-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.export-download-btn{background:#3b82f6;color:#fff}.export-download-btn:hover{background:#2563eb;transform:translateY(-1px)}.export-copy-btn{background:#6b7280;color:#fff}.export-copy-btn:hover{background:#4b5563;transform:translateY(-1px)}.export-details{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:6px;margin:12px 0;padding:12px}.detail-item{align-items:flex-start;color:#475569;font-size:13px;gap:8px;margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.detail-icon{flex-shrink:0;font-size:14px;margin-top:1px}.section-list,.subtask-list{list-style:none;margin:4px 0 0;padding-left:16px}.section-list li,.subtask-list li{color:#64748b;font-size:12px;margin:2px 0;text-transform:capitalize}.export-item.confluence .export-details,.export-item.jira .export-details{border-left-color:#0052cc}@media (max-width:768px){.advanced-options{padding:16px}.context-stats,.exports-grid{grid-template-columns:1fr}.export-actions{flex-direction:column}.contextual-suboptions{margin-left:16px}.architectural-context-panel{margin:16px 0;padding:16px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.conflict-item.empty,.dependency-item.empty{color:#9ca3af;font-style:italic}.affected-nodes{color:#6b7280;font-size:12px;margin-top:4px;word-break:break-word}.conflict-item.low{border-left:4px solid #10b981}.conflict-item.medium{border-left:4px solid #f59e0b}.conflict-item.high{border-left:4px solid #ef4444}.context-loading{align-items:center;color:#6b7280;display:flex;font-style:italic;justify-content:center;padding:40px}.context-loading:before{animation:pulse 1.5s infinite;content:"🧠";margin-right:8px}.no-context-message{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-style:italic;margin:16px 0;padding:20px;text-align:center}.context-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:16px 0;padding:16px}.context-error:before{content:"⚠️ ";margin-right:8px}:root{--dmbt-primary:#8b5cf6;--dmbt-secondary:#6366f1;--dmbt-accent:#a855f7;--dmbt-text-primary:#1e293b;--dmbt-text-secondary:#64748b;--dmbt-text-light:#94a3b8;--dmbt-bg-primary:#fff;--dmbt-bg-secondary:#f8fafc;--dmbt-bg-tertiary:#f1f5f9;--dmbt-border-light:#e2e8f0;--dmbt-border-medium:#cbd5e1;--dmbt-shadow-sm:0 1px 2px 0 #0000000d;--dmbt-shadow-md:0 4px 6px -1px #0000001a;--dmbt-shadow-lg:0 10px 15px -3px #0000001a;--dmbt-shadow-xl:0 20px 25px -5px #0000001a;--dmbt-radius-sm:6px;--dmbt-radius-md:8px;--dmbt-radius-lg:12px;--dmbt-radius-xl:16px;--dmbt-radius-2xl:20px}.dmbt-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.dmbt-modal{animation:slideIn .4s ease-out;background:#fff;border-radius:20px;border-radius:var(--dmbt-radius-2xl);box-shadow:0 25px 50px #00000040;flex-direction:column;margin:0 auto;max-height:100%;width:98%}.dmbt-header,.dmbt-modal{display:flex;overflow:hidden}.dmbt-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:space-between;padding:24px 32px;position:relative}.dmbt-header:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dmbt-header-content{align-items:center;display:flex;gap:16px;z-index:1}.dmbt-header-icon{animation:pulse 2s infinite;font-size:32px}.dmbt-header-text h2{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.dmbt-header-text .subtitle{color:#ffffffe6;font-size:14px;font-weight:500;margin:4px 0 0}.dmbt-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;border-radius:var(--dmbt-radius-lg);color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .3s ease;width:44px;z-index:1}.dmbt-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 15px #0003;transform:scale(1.1)}.dmbt-close-btn:active{transform:scale(.95)}.dmbt-guide{background:#fff;background:var(--dmbt-bg-primary);border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--dmbt-shadow-xl);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;overflow:hidden;width:98%}.dmbt-tabs{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #0000000d;display:flex;gap:4px;justify-content:center;padding:20px 24px 8px;position:relative;scrollbar-width:none}.dmbt-tabs::-webkit-scrollbar{display:none}.dmbt-tabs:before{background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.dmbt-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:none;border-bottom:3px solid #0000;border-radius:16px 16px 0 0;color:#64748b;color:var(--dmbt-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;min-width:120px;overflow:hidden;padding:16px 20px 12px;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.dmbt-tab:before{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);bottom:0;left:0;right:0;top:0;transition:opacity .3s ease}.dmbt-tab:after,.dmbt-tab:before{content:"";opacity:0;position:absolute}.dmbt-tab:after{background:#8b5cf699;border-radius:50%;height:8px;right:6px;top:6px;transform:scale(0);transition:all .3s ease;width:8px}.dmbt-tab:hover{background:#fffffff2;border-bottom-color:#8b5cf64d;box-shadow:0 8px 25px #8b5cf626;color:#8b5cf6;color:var(--dmbt-primary);transform:translateY(-4px)}.dmbt-tab:hover:before{opacity:1}.dmbt-tab:hover:after{opacity:.7;transform:scale(1)}.dmbt-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-color:#667eea;box-shadow:0 12px 30px #8b5cf64d;color:#fff;transform:translateY(-6px);z-index:2}.dmbt-tab.active:before{background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:1}.dmbt-tab.active:after{animation:activeIndicator 2s ease-in-out infinite;background:#ffffffe6;opacity:1;transform:scale(1)}@keyframes activeIndicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.dmbt-tab:focus{box-shadow:0 0 0 3px #8b5cf633;outline:none}.dmbt-tab:active{transform:translateY(-2px)}.tab-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px;transition:all .3s ease}.dmbt-tab:hover .tab-icon{transform:scale(1.15) rotate(5deg)}.dmbt-tab.active .tab-icon{animation:iconBounce .6s ease-out;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:scale(1.2)}@keyframes iconBounce{0%{transform:scale(1.2) translateY(0)}50%{transform:scale(1.3) translateY(-3px)}to{transform:scale(1.2) translateY(0)}}.tab-label{font-size:11px;letter-spacing:.5px;line-height:1.2;opacity:.9;text-align:center;text-transform:uppercase}.dmbt-tab.active .tab-label{opacity:1;text-shadow:0 1px 2px #0003}.dmbt-content-wrapper{background:linear-gradient(135deg,#fafafa,#f8fafc 50%,#f1f5f9);flex:1 1;overflow-y:auto;position:relative;scrollbar-color:#8b5cf64d #0000;scrollbar-width:thin}.dmbt-content-wrapper:before{background:radial-gradient(circle at 20% 20%,#8b5cf608 0,#0000 50%),radial-gradient(circle at 80% 80%,#3b82f608 0,#0000 50%),radial-gradient(circle at 40% 40%,#a855f705 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dmbt-content-wrapper::-webkit-scrollbar{width:12px}.dmbt-content-wrapper::-webkit-scrollbar-track{background:#f8fafccc;border-radius:6px}.dmbt-content-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf666,#6366f166);border:2px solid #f8fafccc;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease}.dmbt-content-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b5cf699,#6366f199);transform:scale(1.1)}.dmbt-content{animation:contentSlideIn .8s cubic-bezier(.4,0,.2,1);line-height:1.8;margin:0 auto;max-width:1100px;padding:40px 48px;position:relative;z-index:1}@keyframes contentSlideIn{0%{filter:blur(4px);opacity:0;transform:translateY(30px) scale(.98)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.dmbt-content h1{-webkit-text-fill-color:#0000;animation:titleGlow .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--dmbt-text-primary);font-size:42px;font-weight:900;margin:0 0 48px;padding-bottom:24px;position:relative;text-align:center}@keyframes titleGlow{0%{filter:blur(8px);opacity:0;transform:translateY(-20px) scale(.9)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.dmbt-content h1:after{animation:underlineExpand 1.2s ease-out .3s both;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:3px;bottom:0;box-shadow:0 4px 12px #8b5cf666;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:120px}@keyframes underlineExpand{0%{opacity:0;width:0}to{opacity:1;width:120px}}.dmbt-content h2{align-items:center;animation:sectionSlideIn .6s ease-out;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #8b5cf61a;border-radius:16px;box-shadow:0 8px 24px #8b5cf614;display:flex;font-size:28px;font-weight:800;gap:16px;margin:56px 0 28px;padding:24px 28px 24px 0;transition:all .3s ease}@keyframes sectionSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.dmbt-content h2:hover{border-color:#8b5cf64d;box-shadow:0 12px 32px #8b5cf626;transform:translateX(8px)}.dmbt-content h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;box-shadow:0 2px 8px #8b5cf64d;flex-shrink:0;height:32px;width:6px}.dmbt-content h3{font-size:22px;font-weight:700;margin:40px 0 20px;padding-left:24px;position:relative;transition:all .3s ease}.dmbt-content h3:before{color:#667eea;content:"✦";font-size:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.dmbt-content h3:hover:before{color:#764ba2;transform:translateY(-50%) rotate(45deg) scale(1.2)}.dmbt-content h4{font-size:19px;font-weight:650;margin:28px 0 16px;padding-left:16px;position:relative}.dmbt-content h4:before{background:linear-gradient(135deg,#a78bfa,#c084fc);border-radius:2px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.dmbt-content p{font-size:17px;font-weight:450;line-height:1.75;margin:0 0 24px;padding:0 4px;transition:all .3s ease}.dmbt-content p:hover{transform:translateX(2px)}.dmbt-content h2,.dmbt-content p:hover{color:#1e293b;color:var(--dmbt-text-primary)}.dmbt-content h2{font-size:24px;font-weight:700;margin:48px 0 24px;padding-left:20px;position:relative}.dmbt-content h2:before{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--dmbt-primary) 0,var(--dmbt-secondary) 100%);border-radius:2px;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.dmbt-content h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:20px;font-weight:600;margin:32px 0 16px}.dmbt-content h4{font-size:18px;font-weight:600;margin:24px 0 12px}.dmbt-content h4,.dmbt-content p{color:#64748b;color:var(--dmbt-text-secondary)}.dmbt-content p{font-size:16px;line-height:1.6;margin:0 0 20px}.dmbt-content ul{list-style:none;margin:20px 0;padding-left:0}.methodology-phases{animation:phasesSectionSlideIn .8s cubic-bezier(.34,1.56,.64,1) .2s both;background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:2px solid #8b5cf61a;border-radius:24px;box-shadow:0 20px 60px #8b5cf61f,0 8px 24px #6366f114,inset 0 2px 0 #fffc;margin:40px 0;overflow:hidden;padding:32px;position:relative}.methodology-phases:before{animation:floatBackground 8s ease-in-out infinite;background:radial-gradient(circle,#8b5cf614 0,#6366f10d 40%,#0000 70%);content:"";height:400px;pointer-events:none;position:absolute;right:-30%;top:-50%;width:400px}@keyframes phasesSectionSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatBackground{0%,to{opacity:.6;transform:translate(0) scale(1) rotate(0deg)}50%{opacity:.8;transform:translate(-20px,20px) scale(1.1) rotate(180deg)}}.methodology-phases h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:40px;position:relative;text-align:center;z-index:1}.phase-timeline{padding:20px 0;position:relative;z-index:1}.phase-timeline:before{animation:timelineGrow 1.5s ease-out .5s both;background:linear-gradient(180deg,#667eea,#764ba2 25%,#8b5cf6 50%,#a855f7 75%,#c084fc);border-radius:2px;bottom:0;box-shadow:0 0 20px #8b5cf64d;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}@keyframes timelineGrow{0%{height:0;opacity:0}to{height:100%;opacity:1}}.phase-item{align-items:flex-start;animation:phaseItemSlideIn .6s ease-out both;margin-bottom:40px}.phase-item:first-child{animation-delay:.6s}.phase-item:nth-child(2){animation-delay:.8s}.phase-item:nth-child(3){animation-delay:1s}.phase-item:nth-child(4){animation-delay:1.2s}.phase-item:nth-child(5){animation-delay:1.4s}@keyframes phaseItemSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.phase-item:nth-child(odd){flex-direction:row;text-align:right}.phase-item:nth-child(2n){flex-direction:row-reverse;text-align:left}.phase-number{align-items:center;animation:numberPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #8b5cf64d,0 4px 12px #6366f133,inset 0 2px 0 #ffffff4d;color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:60px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:60px;z-index:2}.phase-item:hover .phase-number{box-shadow:0 12px 36px #8b5cf666,0 6px 18px #6366f14d,inset 0 2px 0 #ffffff80;transform:scale(1.15) rotate(5deg)}.phase-content{background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #8b5cf626;border-radius:18px;box-shadow:0 12px 32px #8b5cf61a,0 4px 12px #6366f114,inset 0 1px 0 #fffc;flex:1 1;margin:0 30px;max-width:450px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.phase-content:before{background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.phase-item:hover .phase-content:before{left:100%}.phase-item:hover .phase-content{border-color:#8b5cf64d;box-shadow:0 20px 48px #8b5cf62e,0 8px 24px #6366f11f,inset 0 2px 0 #ffffffe6;transform:translateY(-4px) scale(1.02)}.phase-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;margin:0 0 12px;padding-left:0}.phase-content h3:before{display:none}.phase-details{background:#f8fafccc;border:1px solid #8b5cf61a;border-radius:12px;margin-top:16px;padding:16px}.phase-details strong{color:#2563eb;display:block;font-size:1.05rem;font-weight:700;margin:12px 0 8px}.phase-details ul{margin:8px 0 16px;padding-left:0}.phase-details ul li{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border-left:3px solid #8b5cf6;border-radius:8px;box-shadow:0 2px 8px #8b5cf614;margin:6px 0;padding:8px 16px 8px 40px;position:relative;transition:all .2s ease}.phase-details ul li:before{color:#8b5cf6;content:"▶";font-size:.8rem;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.phase-details ul li:hover{border-left-color:#6366f1;box-shadow:0 4px 16px #8b5cf626;transform:translateX(4px)}@media (max-width:768px){.phase-timeline:before{left:30px}.phase-item{flex-direction:row!important;text-align:left!important}.phase-content{margin:0 0 0 20px;max-width:none}.phase-number{font-size:1.2rem;height:50px;width:50px}}.methodology-best-practices{animation:bestPracticesSlideIn .8s cubic-bezier(.34,1.56,.64,1) .4s both;margin:60px 0 40px}@keyframes bestPracticesSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.methodology-best-practices h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:40px;text-align:center}.best-practices-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.practice-card{animation:practiceCardSlideIn .6s ease-out both;background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:2px solid #8b5cf61a;border-radius:20px;box-shadow:0 12px 32px #8b5cf61f,0 4px 12px #6366f114,inset 0 2px 0 #fffc;cursor:pointer;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.practice-card:first-child{animation-delay:.6s}.practice-card:nth-child(2){animation-delay:.8s}.practice-card:nth-child(3){animation-delay:1s}.practice-card:nth-child(4){animation-delay:1.2s}@keyframes practiceCardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.practice-card:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.practice-card:hover:before{left:100%}.practice-card:hover{border-color:#8b5cf64d;box-shadow:0 20px 48px #8b5cf633,0 8px 24px #6366f126,inset 0 2px 0 #ffffffe6;transform:translateY(-8px) scale(1.03)}.practice-icon{display:block;filter:drop-shadow(0 4px 12px rgba(139,92,246,.2));font-size:3rem;margin-bottom:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.practice-card:hover .practice-icon{filter:drop-shadow(0 8px 24px rgba(139,92,246,.35));transform:scale(1.2) rotate(-5deg) translateY(-4px)}.practice-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;margin:0 0 12px;padding-left:0}.practice-card h3:before{display:none}.practice-card p{color:#64748b;font-size:1rem;line-height:1.6;margin:0;transition:color .2s ease}.practice-card:hover p{color:#475569}@media (max-width:768px){.best-practices-grid{gap:20px;grid-template-columns:1fr}.practice-card{padding:20px 16px}.practice-icon{font-size:2.5rem}}.dmbt-content li{color:#64748b;color:var(--dmbt-text-secondary);font-size:16px;line-height:1.6;margin-bottom:12px;padding-left:32px;position:relative;transition:all .3s ease}.dmbt-content li:before{content:"✨";font-size:14px;left:0;position:absolute;top:2px;transition:all .3s ease}.dmbt-content li:hover{color:#1e293b;color:var(--dmbt-text-primary);padding-left:36px;transform:translateX(4px)}.dmbt-content li:hover:before{filter:drop-shadow(0 0 8px rgba(139,92,246,.5));transform:scale(1.2)}.dmbt-content strong{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid #8b5cf633;border-radius:4px;color:#1e293b;color:var(--dmbt-text-primary);font-weight:700;padding:2px 6px}.dmbt-content .highlight-box{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:16px;box-shadow:0 8px 24px #f59e0b26;margin:24px 0;padding:24px;position:relative}.dmbt-content .info-box{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:16px;box-shadow:0 8px 24px #3b82f626;margin:24px 0;padding:24px;position:relative}.dmbt-content .success-box{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #10b981;border-radius:16px;box-shadow:0 8px 24px #10b98126;margin:24px 0;padding:24px;position:relative}.dmbt-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#ddd6fe);border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin-bottom:40px;overflow:hidden;padding:60px 32px;position:relative;text-align:center}.dmbt-hero:before{animation:hero-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#8b5cf60d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes hero-pulse{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:.3;transform:scale(1.1) rotate(180deg)}}.dmbt-hero-icon{animation:icon-float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(139,92,246,.2));font-size:80px;margin-bottom:24px;position:relative;z-index:1}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dmbt-hero h1{font-size:42px;margin-bottom:20px;position:relative;z-index:1}.dmbt-hero-subtitle{color:#64748b;color:var(--dmbt-text-secondary);font-size:18px;font-weight:500;line-height:1.6;margin:0 auto;max-width:700px;position:relative;z-index:1}.principle-card{background:linear-gradient(135deg,#fef7ff,#f3e8ff 30%,#e9d5ff);border:2px solid #8b5cf633;border-radius:24px;box-shadow:0 20px 40px #8b5cf61a,0 8px 16px #8b5cf60d;margin:32px 0;overflow:hidden;padding:40px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.principle-card:hover{border-color:#8b5cf666;box-shadow:0 32px 64px #8b5cf633,0 16px 32px #8b5cf61a;transform:translateY(-8px) rotateX(2deg)}.principle-card:before{animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f093fb,#764ba2,#667eea);background-size:300% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}.principle-card:after{animation:pulseGlow 2s ease-in-out infinite;background:radial-gradient(circle,#8b5cf633 0,#0000 70%);border-radius:50%;content:"";height:40px;position:absolute;right:20px;top:20px;width:40px}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.principle-card p{color:#1e293b;color:var(--dmbt-text-primary);font-size:18px;font-weight:600;line-height:1.7;margin:0 0 24px;position:relative;z-index:1}.principle-formula{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #8b5cf64d;border-radius:16px;box-shadow:inset 0 2px 8px #8b5cf61a,0 4px 12px #8b5cf626;color:#8b5cf6;color:var(--dmbt-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:17px;font-weight:700;margin-top:24px;padding:20px 28px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.principle-formula:hover{box-shadow:inset 0 2px 8px #8b5cf633,0 8px 24px #8b5cf640;transform:scale(1.02)}.dmbt-stats{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:48px 0}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #8b5cf626;border-radius:20px;padding:36px 28px;transition:all .5s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#0000,#8b5cf614,#6366f114,#0000);height:100%;left:-100%;transition:left .8s ease;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover:after{opacity:1}.stat-number{-webkit-text-fill-color:#0000;animation:numberPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(139,92,246,.2));font-size:52px;font-weight:900;margin-bottom:16px}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.stat-label{color:#1e293b;color:var(--dmbt-text-primary);font-size:18px;font-weight:700;margin-bottom:12px}.stat-detail{color:#94a3b8;color:var(--dmbt-text-light);font-style:italic;font-weight:500;opacity:.8}.dmbt-comparison{margin:48px 0}.comparison-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-top:24px}.comparison-item{border-radius:16px;border-radius:var(--dmbt-radius-xl);overflow:hidden;padding:32px;position:relative}.comparison-item.traditional{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca}.comparison-item.dmbt{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0}.comparison-item h3{font-size:20px;font-weight:700;margin-bottom:20px;margin-top:0}.comparison-item.traditional h3{color:#dc2626}.comparison-item.dmbt h3{color:#16a34a}.comparison-item ul{margin:0;padding-left:20px}.comparison-item li{font-size:15px;line-height:1.5;margin-bottom:12px}.comparison-item.traditional li{color:#7f1d1d}.comparison-item.dmbt li{color:#14532d}.node-types{margin:32px 0}.node-type-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.node-type-card{background:#fff;background:var(--dmbt-bg-primary);border:2px solid #e2e8f0;border:2px solid var(--dmbt-border-light);border-radius:16px;border-radius:var(--dmbt-radius-xl);overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.node-type-card.action{border-color:#3b82f6}.node-type-card.state{border-color:#10b981}.node-type-card.decision{border-color:#f59e0b}.node-type-card.data{border-color:#8b5cf6}.node-type-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--dmbt-shadow-xl);transform:translateY(-4px)}.node-type-card.action:hover{border-color:#2563eb;box-shadow:0 20px 40px #3b82f626}.node-type-card.state:hover{border-color:#059669;box-shadow:0 20px 40px #10b98126}.node-type-card.decision:hover{border-color:#d97706;box-shadow:0 20px 40px #f59e0b26}.node-type-card.data:hover{border-color:#7c3aed;box-shadow:0 20px 40px #8b5cf626}.node-icon{display:block;font-size:32px;margin-bottom:16px;text-align:center}.node-type-card h4{font-size:18px;font-weight:700;margin:0 0 12px;text-align:center}.node-type-card p{color:#94a3b8;color:var(--dmbt-text-light);font-size:14px;font-weight:500;margin-bottom:20px;text-align:center}.node-details{border-top:1px solid #e2e8f0;border-top:1px solid var(--dmbt-border-light);margin-top:16px;padding-top:16px}.node-details strong{color:#1e293b;color:var(--dmbt-text-primary);display:block;font-size:14px;margin-bottom:8px}.node-details ul{margin:0;padding-left:16px}.node-details li{color:#64748b;color:var(--dmbt-text-secondary);font-size:13px;margin-bottom:4px}.code-example{background:#1e293b;border-radius:12px;border-radius:var(--dmbt-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--dmbt-shadow-lg);margin:24px 0;overflow:hidden}.code-example pre{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:24px}.code-example pre::-webkit-scrollbar{height:8px}.code-example pre::-webkit-scrollbar-track{background:#334155}.code-example pre::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}.node-lifecycle{background:linear-gradient(135deg,#8b5cf605,#6366f105 50%,#a855f705);border:1px solid #8b5cf61a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.node-lifecycle:before{background:linear-gradient(90deg,#8b5cf6,#6366f1 50%,#a855f7);background:linear-gradient(90deg,var(--dmbt-primary) 0,var(--dmbt-secondary) 50%,var(--dmbt-accent) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.node-lifecycle h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.node-lifecycle h2:after{background:linear-gradient(90deg,#8b5cf6,#a855f7);background:linear-gradient(90deg,var(--dmbt-primary),var(--dmbt-accent));border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.lifecycle-stages{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;margin:40px 0;position:relative}.stage{animation:stageSlideIn .6s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #8b5cf626;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #8b5cf614,0 1px 4px #0000000d;opacity:0;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stage:first-child{animation-delay:.1s}.stage:nth-child(3){animation-delay:.2s}.stage:nth-child(5){animation-delay:.3s}.stage:nth-child(7){animation-delay:.4s}@keyframes stageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage:before{background:linear-gradient(90deg,#8b5cf699,#6366f199 50%,#a855f799);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.stage:hover{border-color:#8b5cf64d;box-shadow:0 12px 32px #8b5cf626,0 4px 16px #0000001a;transform:translateY(-8px) scale(1.02)}.stage:hover:before{transform:scaleX(1)}.stage-icon{display:block;filter:drop-shadow(0 2px 4px rgba(139,92,246,.2));font-size:36px;margin-bottom:16px;transition:all .3s ease}.stage:hover .stage-icon{filter:drop-shadow(0 4px 8px rgba(139,92,246,.3));transform:scale(1.1)}.stage h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:16px;font-weight:700;line-height:1.3;margin:0 0 12px}.stage p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.5;margin:0}.stage-arrow{align-items:center;animation:pulse 2s infinite;color:#8b5cf6;color:var(--dmbt-primary);display:flex;filter:drop-shadow(0 2px 4px rgba(139,92,246,.2));font-size:24px;font-weight:700;justify-content:center}.node-example-title{color:#000!important}.node-example{background:linear-gradient(135deg,#1e293bf2,#334155f2);border:1px solid #64748b4d;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.node-example:before{background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.node-example h2{color:#e2e8f0;font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.node-example .code-example{border-radius:12px;border-radius:var(--dmbt-radius-lg);box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;margin:0;overflow:hidden}.node-benefits{background:linear-gradient(135deg,#10b98105,#3b82f605 50%,#8b5cf605);border:1px solid #10b9811a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.node-benefits:before{background:linear-gradient(90deg,#10b981,#3b82f6 50%,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.node-benefits h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.node-benefits h2:after{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:32px 0}.benefit-item{align-items:flex-start;animation:benefitSlideIn .6s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #10b98126;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #10b98114,0 1px 4px #0000000d;display:flex;gap:16px;opacity:0;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.benefit-item:first-child{animation-delay:.1s}.benefit-item:nth-child(2){animation-delay:.2s}.benefit-item:nth-child(3){animation-delay:.3s}.benefit-item:nth-child(4){animation-delay:.4s}@keyframes benefitSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.benefit-item:before{background:linear-gradient(90deg,#10b98199,#3b82f699 50%,#8b5cf699);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.benefit-item:hover{border-color:#10b9814d;box-shadow:0 12px 32px #10b98126,0 4px 16px #0000001a;transform:translateY(-6px) scale(1.02)}.benefit-item:hover:before{transform:scaleX(1)}.benefit-icon{filter:drop-shadow(0 2px 4px rgba(16,185,129,.2));flex-shrink:0;font-size:28px;margin-top:2px;transition:all .3s ease}.benefit-item:hover .benefit-icon{filter:drop-shadow(0 4px 8px rgba(16,185,129,.3));transform:scale(1.1)}.relation-types{background:linear-gradient(135deg,#3b82f605,#10b98105 50%,#f59e0b05);border:1px solid #3b82f61a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.relation-types:before{background:linear-gradient(90deg,#3b82f6,#10b981 50%,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.relation-types h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.relation-types h2:after{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.relation-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px}.relation-card{animation:relationSlideIn .6s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #3b82f626;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #3b82f614,0 1px 4px #0000000d;opacity:0;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.relation-card:first-child{animation-delay:.1s}.relation-card:nth-child(2){animation-delay:.2s}.relation-card:nth-child(3){animation-delay:.3s}.relation-card:nth-child(4){animation-delay:.4s}@keyframes relationSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.relation-card:before{background:linear-gradient(90deg,#3b82f699,#10b98199 50%,#f59e0b99);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.relation-card:hover{border-color:#3b82f64d;box-shadow:0 12px 32px #3b82f626,0 4px 16px #0000001a;transform:translateY(-8px) scale(1.02)}.relation-card:hover:before{transform:scaleX(1)}.relation-icon{display:block;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2));font-size:36px;margin-bottom:16px;transition:all .3s ease}.relation-card:hover .relation-icon{filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));transform:scale(1.1)}.relation-card h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 12px}.relation-card p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.6;margin:0}.relation-metadata{background:linear-gradient(135deg,#f59e0b05,#8b5cf605 50%,#3b82f605);border:1px solid #f59e0b1a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.relation-metadata:before{background:linear-gradient(90deg,#f59e0b,#8b5cf6 50%,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.relation-metadata h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.relation-metadata h2:after{background:linear-gradient(90deg,#f59e0b,#8b5cf6);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.metadata-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.metadata-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #f59e0b26;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #f59e0b14,0 1px 4px #0000000d;flex-direction:column;gap:12px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.metadata-item:before{background:linear-gradient(90deg,#f59e0b99,#8b5cf699);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.metadata-item:hover{border-color:#f59e0b4d;box-shadow:0 12px 32px #f59e0b26,0 4px 16px #0000001a;transform:translateY(-6px) scale(1.02)}.metadata-item:hover:before{transform:scaleX(1)}.metadata-item strong{color:#1e293b;color:var(--dmbt-text-primary);font-size:16px;font-weight:700}.metadata-item{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.6}.workflow-steps{background:linear-gradient(135deg,#10b98105,#8b5cf605 50%,#3b82f605);border:1px solid #10b9811a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.workflow-steps:before{background:linear-gradient(90deg,#10b981,#8b5cf6 50%,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.workflow-step{align-items:flex-start;animation:workflowSlideIn .6s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #10b98126;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #10b98114,0 1px 4px #0000000d;display:flex;gap:24px;margin-bottom:32px;opacity:0;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.workflow-step:first-child{animation-delay:.1s}.workflow-step:nth-child(2){animation-delay:.2s}.workflow-step:nth-child(3){animation-delay:.3s}.workflow-step:nth-child(4){animation-delay:.4s}@keyframes workflowSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.workflow-step:before{background:linear-gradient(180deg,#10b981cc,#8b5cf6cc);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .4s ease;width:4px}.workflow-step:hover{border-color:#10b9814d;box-shadow:0 12px 32px #10b98126,0 4px 16px #0000001a;transform:translateX(12px) scale(1.01)}.workflow-step:hover:before{transform:scaleY(1)}.step-number{align-items:center;background:linear-gradient(135deg,#10b981,#8b5cf6);border-radius:50%;box-shadow:0 8px 20px #10b98140,0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px;z-index:2}.workflow-step:hover .step-number{box-shadow:0 12px 28px #10b98159,0 4px 12px #00000026;transform:scale(1.1)}.step-content h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:20px;font-weight:700;margin:0 0 12px}.step-content p{font-size:15px;line-height:1.6}.use-cases{background:linear-gradient(135deg,#8b5cf605,#f59e0b05 50%,#10b98105);border:1px solid #8b5cf61a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.use-cases:before{background:linear-gradient(90deg,#8b5cf6,#f59e0b 50%,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.use-cases h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.use-cases h2:after{background:linear-gradient(90deg,#8b5cf6,#f59e0b);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.use-case-tabs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:32px}.use-case{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #8b5cf626;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #8b5cf614,0 1px 4px #0000000d;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.use-case:before{background:linear-gradient(90deg,#8b5cf699,#f59e0b99);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.use-case:hover{border-color:#8b5cf64d;box-shadow:0 12px 32px #8b5cf626,0 4px 16px #0000001a;transform:translateY(-6px) scale(1.02)}.use-case:hover:before{transform:scaleX(1)}.use-case h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.flow-diagram{background:#1e293b0d;border:1px solid #64748b1a;border-radius:8px;border-radius:var(--dmbt-radius-md);color:#64748b;color:var(--dmbt-text-secondary);color:#1e293b;color:var(--dmbt-text-primary);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;padding:20px;white-space:pre-line}.step-content p{color:#64748b;color:var(--dmbt-text-secondary);line-height:1.5;margin:0}.role-benefits{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:32px 0}.role-card{background:var(--dmbt-bg-primary);border:2px solid #e2e8f0;border:2px solid var(--dmbt-border-light);border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--dmbt-shadow-md);overflow:hidden;transition:all .3s ease}.role-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--dmbt-shadow-xl);transform:translateY(-4px)}.role-card.testers{border-color:#3b82f6}.role-card.product-owners{border-color:#10b981}.role-card.developers{border-color:#f59e0b}.role-card.management{border-color:#8b5cf6}.role-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--dmbt-bg-secondary) 0,var(--dmbt-bg-tertiary) 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--dmbt-border-light);padding:24px}.role-card.testers .role-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.role-card.product-owners .role-header{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.role-card.developers .role-header{background:linear-gradient(135deg,#fef3c7,#fde68a)}.role-card.management .role-header{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.role-icon{font-size:32px;margin-bottom:12px}.role-header h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.role-badge{background:#8b5cf6;background:var(--dmbt-primary);border-radius:8px;border-radius:var(--dmbt-radius-md);color:#fff;display:inline-block;padding:4px 12px}.role-content{padding:24px}.benefit-category{margin-bottom:24px}.benefit-category h4{color:#1e293b;color:var(--dmbt-text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.benefit-category ul{margin:0;padding-left:16px}.benefit-category li{color:#64748b;color:var(--dmbt-text-secondary);line-height:1.5;margin-bottom:8px}.benefit-metric{background:#f8fafc;background:var(--dmbt-bg-secondary);border-radius:12px;border-radius:var(--dmbt-radius-lg);margin-top:20px;padding:16px;text-align:center}.metric-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--dmbt-primary) 0,var(--dmbt-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:32px;margin-bottom:4px}.metric-label{color:#64748b;color:var(--dmbt-text-secondary)}.benefits-comparison{background:linear-gradient(135deg,#22c55e05,#3b82f605 50%,#ef444405);border:1px solid #22c55e1a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.benefits-comparison:before{background:linear-gradient(90deg,#22c55e,#3b82f6 50%,#ef4444);content:"";height:4px;left:0;position:absolute;right:0;top:0}.benefits-comparison h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.benefits-comparison h2:after{background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.comparison-table{grid-gap:2px;background:#64748b1a;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 8px 32px #22c55e1a,0 2px 8px #0000000d;display:grid;gap:2px;grid-template-columns:1fr 1fr 1fr;overflow:hidden}.comparison-header{display:contents}.comparison-header>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293bf2,#334155f2);color:#fff;font-size:16px;font-weight:700;padding:20px 24px;position:relative;text-align:center}.comparison-header .comparison-aspect{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6)!important}.comparison-header .comparison-before{background:linear-gradient(135deg,#ef4444e6,#dc2626e6)!important}.comparison-header .comparison-after{background:linear-gradient(135deg,#22c55ee6,#16a34ae6)!important}.comparison-row{display:contents}.comparison-row>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;font-size:14px;line-height:1.6;padding:24px;position:relative;transition:all .3s ease}.comparison-row:hover>div{background:#fffffff2;transform:scale(1.01)}.comparison-aspect{align-items:center;background:#6366f10d!important;border-left:4px solid #6366f1;color:#1e293b;color:var(--dmbt-text-primary);display:flex;font-weight:700;justify-content:center;text-align:center}.comparison-before{background:#ef444408!important;border-left:4px solid #ef4444;color:#64748b;color:var(--dmbt-text-secondary);position:relative}.comparison-before:before{content:"❌";font-size:18px;left:12px;opacity:.7;top:12px}.comparison-after{background:#22c55e08!important;border-left:4px solid #22c55e;color:#64748b;color:var(--dmbt-text-secondary);font-weight:500;position:relative}.comparison-after:before{content:"✅";font-size:18px;left:12px;opacity:.8;top:12px}.comparison-after,.comparison-before{padding-left:56px}.comparison-row{animation:comparisonSlideIn .6s ease-out forwards;opacity:0}.comparison-row:nth-child(2){animation-delay:.1s}.comparison-row:nth-child(3){animation-delay:.2s}.comparison-row:nth-child(4){animation-delay:.3s}.comparison-row:nth-child(5){animation-delay:.4s}@keyframes comparisonSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comparison-table:hover .comparison-row>div{box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff1a}.dashboard-widgets{background:linear-gradient(135deg,#3b82f605,#8b5cf605 50%,#10b98105);border:1px solid #3b82f61a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.dashboard-widgets:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#10b981);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-widgets h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.dashboard-widgets h2:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.widget-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:32px}.widget-card{animation:widgetSlideIn .6s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #3b82f626;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #3b82f614,0 1px 4px #0000000d;opacity:0;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.widget-card:first-child{animation-delay:.1s}.widget-card:nth-child(2){animation-delay:.2s}.widget-card:nth-child(3){animation-delay:.3s}.widget-card:nth-child(4){animation-delay:.4s}@keyframes widgetSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-card:before{background:linear-gradient(90deg,#3b82f699,#8b5cf699 50%,#10b98199);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.widget-card:hover{border-color:#3b82f64d;box-shadow:0 12px 32px #3b82f626,0 4px 16px #0000001a;transform:translateY(-8px) scale(1.02)}.widget-card:hover:before{transform:scaleX(1)}.widget-icon{display:block;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2));font-size:36px;margin-bottom:16px;transition:all .3s ease}.widget-card:hover .widget-icon{filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));transform:scale(1.1) rotate(5deg)}.widget-card h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 12px}.widget-card p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.6;margin:0}.roadmap{background:linear-gradient(135deg,#10b98105,#f59e0b05 50%,#ef444405);border:1px solid #10b9811a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.roadmap:before{background:linear-gradient(90deg,#10b981,#f59e0b 50%,#ef4444);content:"";height:4px;left:0;position:absolute;right:0;top:0}.roadmap h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.roadmap h2:after{background:linear-gradient(90deg,#10b981,#f59e0b);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.phases{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.phase{animation:phaseSlideIn .8s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #10b98126;border-radius:20px;border-radius:var(--dmbt-radius-2xl);box-shadow:0 8px 32px #10b9811a,0 2px 8px #0000000d;opacity:0;overflow:hidden;padding:32px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.phase:first-child{animation-delay:.1s;border-color:#10b98133}.phase:nth-child(2){animation-delay:.3s;border-color:#f59e0b33}.phase:nth-child(3){animation-delay:.5s;border-color:#ef444433}@keyframes phaseSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.phase:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.phase:first-child:before{background:linear-gradient(90deg,#10b981,#059669)}.phase:nth-child(2):before{background:linear-gradient(90deg,#f59e0b,#d97706)}.phase:nth-child(3):before{background:linear-gradient(90deg,#ef4444,#dc2626)}.phase:hover{box-shadow:0 16px 48px #10b98133,0 8px 24px #0000001a;transform:translateY(-8px) scale(1.01)}.phase:hover:before{transform:scaleX(1)}.phase h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:20px;font-weight:700;margin:0 0 20px;position:relative;text-align:center}.phase:first-child h3:after{background:linear-gradient(135deg,#10b981,#059669);content:"✅ Completed"}.phase:first-child h3:after,.phase:nth-child(2) h3:after{border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:-12px;text-transform:uppercase;top:-22px}.phase:nth-child(2) h3:after{background:linear-gradient(135deg,#f59e0b,#d97706);content:"🚧 In Progress"}.phase:nth-child(3) h3:after{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;color:#fff;content:"📋 Planned";font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:-12px;text-transform:uppercase;top:-22px}.phase-items{display:flex;flex-direction:column;gap:16px}.phase-item{align-items:center;border-radius:12px;border-radius:var(--dmbt-radius-lg);display:flex;font-size:14px;gap:16px;line-height:1.6;padding:16px 20px;position:relative;transition:all .3s ease}.phase-item.completed{background:#10b9810d;border:1px solid #10b98133;color:#1e293b;color:var(--dmbt-text-primary)}.phase-item.completed:before{content:"✅";flex-shrink:0;font-size:16px}.phase-item.in-progress{background:#f59e0b0d;border:1px solid #f59e0b33;color:#1e293b;color:var(--dmbt-text-primary)}.phase-item.in-progress:before{content:"🚧";flex-shrink:0;font-size:16px}.phase-item.planned{background:#ef44440d;border:1px solid #ef444433;color:#1e293b;color:var(--dmbt-text-primary)}.phase-item.planned:before{content:"📋";flex-shrink:0;font-size:16px}.phase-item:hover{box-shadow:0 4px 16px #00000014,inset 0 1px 0 #ffffff1a;transform:translateX(8px)}.dmbt-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--dmbt-bg-secondary) 0,var(--dmbt-bg-tertiary) 100%);border-top:1px solid #e2e8f0;border-top:1px solid var(--dmbt-border-light);padding:32px 40px;text-align:center}.footer-quote{color:#64748b;color:var(--dmbt-text-secondary);font-size:18px;font-style:italic;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:600px}.footer-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.footer-btn{border:none;border-radius:12px;border-radius:var(--dmbt-radius-lg);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.footer-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--dmbt-primary) 0,var(--dmbt-secondary) 100%);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--dmbt-shadow-md);color:#fff}.footer-btn.primary:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--dmbt-shadow-lg);transform:translateY(-2px)}.footer-btn.secondary{background:#fff;background:var(--dmbt-bg-primary);border:2px solid #cbd5e1;border:2px solid var(--dmbt-border-medium);color:#1e293b;color:var(--dmbt-text-primary)}.footer-btn.secondary:hover{border-color:#8b5cf6;border-color:var(--dmbt-primary);color:#8b5cf6;color:var(--dmbt-primary)}.patterns-intro{background:#6366f10d;border:1px solid #6366f11a;border-radius:12px;border-radius:var(--dmbt-radius-lg);margin:32px 0;padding:24px;text-align:center}.patterns-intro p{color:#64748b;color:var(--dmbt-text-secondary);font-size:16px;font-weight:500;line-height:1.7;margin:0}.patterns-catalog{background:linear-gradient(135deg,#6366f105,#a855f705 50%,#f59e0b05);border:1px solid #6366f11a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.patterns-catalog:before{background:linear-gradient(90deg,#6366f1,#a855f7 50%,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.patterns-catalog h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.patterns-catalog h2:after{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.pattern-card{animation:patternSlideIn .8s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #6366f126;border-radius:20px;border-radius:var(--dmbt-radius-2xl);box-shadow:0 8px 32px #6366f11a,0 2px 8px #0000000d;margin-bottom:32px;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pattern-card:first-child{animation-delay:.1s}.pattern-card:nth-child(2){animation-delay:.2s}.pattern-card:nth-child(3){animation-delay:.3s}.pattern-card:nth-child(4){animation-delay:.4s}.pattern-card:nth-child(5){animation-delay:.5s}@keyframes patternSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pattern-card:before{background:linear-gradient(90deg,#6366f1cc,#a855f7cc 50%,#f59e0bcc);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.pattern-card:hover{border-color:#6366f14d;box-shadow:0 16px 48px #6366f133,0 8px 24px #0000001a;transform:translateY(-8px) scale(1.01)}.pattern-card:hover:before{transform:scaleX(1)}.pattern-header{align-items:center;background:linear-gradient(135deg,#6366f10d,#a855f70d);border-bottom:1px solid #6366f11a;display:flex;gap:16px;padding:28px 32px 20px;position:relative}.pattern-icon{filter:drop-shadow(0 2px 4px rgba(99,102,241,.2));font-size:32px;transition:all .3s ease}.pattern-card:hover .pattern-icon{filter:drop-shadow(0 4px 8px rgba(99,102,241,.3));transform:scale(1.15) rotate(5deg)}.pattern-header h3{color:#1e293b;color:var(--dmbt-text-primary);flex-grow:1;font-size:20px;font-weight:700;margin:0}.pattern-tag{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:20px;box-shadow:0 2px 8px #6366f14d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.pattern-content{display:flex;flex-direction:column;gap:20px;padding:24px 32px 32px}.pattern-example,.pattern-problem,.pattern-solution{border-left:4px solid;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:16px 20px}.pattern-problem{background:#ef44440d;border-left-color:#ef4444}.pattern-solution{background:#10b9810d;border-left-color:#10b981}.pattern-example{background:#3b82f60d;border-left-color:#3b82f6}.pattern-example strong,.pattern-problem strong,.pattern-solution strong{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.pattern-problem strong{color:#dc2626}.pattern-solution strong{color:#059669}.pattern-example strong{color:#2563eb}.pattern-benefits{background:#a855f70d;border:1px solid #a855f71a;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:20px}.pattern-benefits strong{color:#7c3aed;display:block;font-size:14px;font-weight:700;margin-bottom:12px}.pattern-benefits ul{list-style-type:none;margin:0;padding-left:20px}.pattern-benefits li{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:24px;position:relative}.pattern-benefits li:before{color:#10b981;content:"✓";font-size:14px;font-weight:700;left:0;position:absolute}.patterns-implementation{background:linear-gradient(135deg,#10b98105,#6366f105 50%,#8b5cf605);border:1px solid #10b9811a;border-radius:20px;border-radius:var(--dmbt-radius-2xl);margin:48px 0;overflow:hidden;padding:32px;position:relative}.patterns-implementation:before{background:linear-gradient(90deg,#10b981,#6366f1 50%,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.patterns-implementation h2{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.patterns-implementation h2:after{background:linear-gradient(90deg,#10b981,#6366f1);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.implementation-steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.step-card{align-items:flex-start;animation:stepSlideIn .6s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #10b98126;border-radius:16px;border-radius:var(--dmbt-radius-xl);box-shadow:0 4px 16px #10b98114,0 1px 4px #0000000d;display:flex;gap:20px;opacity:0;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.2s}.step-card:nth-child(3){animation-delay:.3s}@keyframes stepSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-card:before{background:linear-gradient(90deg,#10b98199,#6366f199);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.step-card:hover{border-color:#10b9814d;box-shadow:0 12px 32px #10b98126,0 4px 16px #0000001a;transform:translateY(-6px) scale(1.02)}.step-card:hover:before{transform:scaleX(1)}.step-card .step-number{align-items:center;background:linear-gradient(135deg,#10b981,#6366f1);border-radius:50%;box-shadow:0 6px 16px #10b9814d,0 2px 6px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.step-card:hover .step-number{box-shadow:0 8px 20px #10b98166,0 3px 8px #00000026;transform:scale(1.1)}.step-card .step-content{flex-grow:1}.step-card .step-content h3{color:#1e293b;color:var(--dmbt-text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 12px}.step-card .step-content p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.6;margin:0}@media (max-width:1024px){.dmbt-content{padding:32px 24px}.dmbt-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.comparison-grid{gap:24px;grid-template-columns:1fr}.node-type-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.role-benefits{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.dmbt-guide{height:95vh;max-height:none}.dmbt-tabs{gap:2px;padding:12px 16px 4px}.dmbt-tab{font-size:12px;min-width:80px;padding:12px 16px 8px}.tab-icon{font-size:20px}.tab-label{font-size:10px;letter-spacing:.3px}.dmbt-content{padding:24px 20px}.dmbt-content h1{font-size:28px}.dmbt-hero{padding:40px 20px}.dmbt-hero h1{font-size:32px}.dmbt-hero-icon{font-size:60px}.dmbt-stats{gap:20px}.dmbt-stats,.node-type-grid{grid-template-columns:1fr}.relation-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metadata-list,.use-case-tabs{grid-template-columns:1fr}.implementation-steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pattern-header{flex-direction:column;gap:12px;text-align:center}.pattern-content{padding:20px 24px 24px}.comparison-table{gap:1px;grid-template-columns:1fr}.comparison-header{display:none}.comparison-row{grid-gap:1px;border-radius:12px;border-radius:var(--dmbt-radius-lg);box-shadow:0 4px 16px #00000014;display:grid;gap:1px;grid-template-columns:1fr;margin-bottom:24px;overflow:hidden}.comparison-row>div{padding:20px}.comparison-aspect{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)!important;border-left:none;border-top:4px solid #6366f1;font-size:16px;font-weight:700;text-align:center}.comparison-after:before,.comparison-before:before{font-size:16px;left:8px;top:8px}.comparison-after,.comparison-before{padding-left:44px}.workflow-step{flex-direction:column;gap:16px;text-align:center}.role-benefits{grid-template-columns:1fr}.footer-actions{flex-direction:column}.footer-btn{width:100%}.dmbt-footer{padding:24px 20px}.lifecycle-stages{gap:16px;grid-template-columns:1fr auto 1fr}.stage:nth-child(5),.stage:nth-child(7){grid-column:1/-1;margin-top:20px}.stage:nth-child(6){display:none}.stage{padding:24px 20px}.stage-icon{font-size:32px}}@media (max-width:480px){.dmbt-content h1{font-size:24px}.dmbt-content h2{font-size:20px}.dmbt-hero-icon{font-size:60px}.dmbt-hero h1{font-size:28px}.stat-number{font-size:36px}.role-benefits{gap:20px}.role-card{margin:0}.lifecycle-stages{gap:16px;grid-template-columns:1fr}.stage-arrow{font-size:20px;transform:rotate(90deg)}.stage{padding:20px 16px}.stage-icon{font-size:28px;margin-bottom:12px}.stage h3{font-size:15px}.stage p{font-size:13px}.relation-cards{grid-template-columns:1fr}.relation-card{padding:20px 16px}.relation-icon{font-size:28px}.pattern-header{padding:20px 16px 16px}.pattern-content{gap:16px;padding:16px 20px 20px}.pattern-example,.pattern-problem,.pattern-solution{padding:12px 16px}.pattern-icon{font-size:28px}.step-card{gap:16px;padding:20px 16px}.step-card .step-number{font-size:16px;height:40px;width:40px}.benefits-comparison{padding:24px 16px}.benefits-comparison h2{font-size:24px}.comparison-row>div{font-size:13px;padding:16px}.comparison-aspect{font-size:14px;padding:16px 12px}.comparison-after,.comparison-before{padding-left:40px}.comparison-after:before,.comparison-before:before{font-size:14px}.dashboard-widgets{padding:24px 16px}.dashboard-widgets h2{font-size:24px}.widget-grid{grid-template-columns:1fr}.widget-card{padding:20px 16px}.widget-icon{font-size:28px}.roadmap{padding:24px 16px}.roadmap h2{font-size:24px}.phases{gap:20px;grid-template-columns:1fr}.phase{padding:20px 16px}.phase h3:after{display:block;font-size:8px;margin-top:8px;padding:2px 4px;position:static}.phase-item{font-size:13px;padding:12px 16px}}.advanced-features{animation:slideInUp .6s ease-out;padding:32px}.advanced-features>h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--dmbt-primary),var(--dmbt-secondary));background-clip:text;-webkit-background-clip:text;color:#1e293b;color:var(--dmbt-text-primary);font-size:32px;font-weight:700;margin-bottom:24px;text-align:center}.advanced-intro{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid #8b5cf633;border-radius:16px;border-radius:var(--dmbt-radius-xl);margin-bottom:32px;padding:24px;text-align:center}.advanced-intro p{color:#64748b;color:var(--dmbt-text-secondary);font-size:16px;line-height:1.6;margin:0}.feature-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #e2e8f0cc;border-radius:16px;border-radius:var(--dmbt-radius-xl);margin-bottom:24px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-section:before{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--dmbt-primary),var(--dmbt-secondary));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-section:hover{border-color:#8b5cf64d;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--dmbt-shadow-xl);transform:translateY(-4px)}.feature-section:hover:before{opacity:1}.feature-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.feature-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:48px}.feature-title{color:#1e293b;color:var(--dmbt-text-primary);font-size:28px;font-weight:700;line-height:1.2;margin:0}.feature-description{color:#64748b;color:var(--dmbt-text-secondary);font-size:16px;line-height:1.6;margin-bottom:24px}.feature-highlights{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.highlight-card{background:linear-gradient(135deg,#8b5cf60d,#6366f105);border:1px solid #8b5cf626;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:20px;transition:all .3s ease}.highlight-card:hover{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-color:#8b5cf640;transform:translateY(-2px)}.highlight-card h4{align-items:center;color:#1e293b;color:var(--dmbt-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.highlight-card p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.5;margin:0}.feature-capabilities{margin-top:24px}.capability-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.capability-item{align-items:center;background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:8px;border-radius:var(--dmbt-radius-md);color:#64748b;color:var(--dmbt-text-secondary);display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease}.capability-item:hover{background:#8b5cf61a;border-color:#8b5cf633;color:#1e293b;color:var(--dmbt-text-primary)}.capability-item:before{content:"✨";font-size:12px}.phases-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.phase-card{background:linear-gradient(135deg,#8b5cf60d,#6366f105);border:1px solid #8b5cf626;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:24px;position:relative;transition:all .3s ease}.phase-card:before{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--dmbt-primary),var(--dmbt-secondary));border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--dmbt-shadow-md);color:#fff;content:attr(data-phase);font-size:12px;font-weight:600;left:16px;padding:4px 12px;position:absolute;top:-8px}.phase-card:hover{border-color:#8b5cf640;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--dmbt-shadow-lg);transform:translateY(-2px)}.phase-card h4{color:#1e293b;color:var(--dmbt-text-primary);font-size:18px;font-weight:600;margin:8px 0 12px}.phase-card p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.phase-features{list-style:none;margin:0;padding:0}.phase-features li{align-items:center;color:#64748b;color:var(--dmbt-text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:6px}.phase-features li:before{color:#8b5cf6;color:var(--dmbt-primary);content:"▸";font-weight:700}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.category-card{background:linear-gradient(135deg,#8b5cf60d,#6366f105);border:1px solid #8b5cf626;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:24px;transition:all .3s ease}.category-card:hover{border-color:#8b5cf640;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--dmbt-shadow-lg);transform:translateY(-2px)}.category-card h4{align-items:center;color:#1e293b;color:var(--dmbt-text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 12px}.category-card p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.category-examples{list-style:none;margin:0;padding:0}.category-examples li{align-items:center;background:#8b5cf608;border-radius:6px;border-radius:var(--dmbt-radius-sm);color:#64748b;color:var(--dmbt-text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:6px;padding:6px 12px}.category-examples li:before{color:#8b5cf6;color:var(--dmbt-primary);content:"•";font-weight:700}.import-steps{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.import-step{background:linear-gradient(135deg,#8b5cf60d,#6366f105);border:1px solid #8b5cf626;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:20px;position:relative;transition:all .3s ease}.import-step:before{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--dmbt-primary),var(--dmbt-secondary));border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--dmbt-shadow-md);color:#fff;content:counter(step-counter);counter-increment:step-counter;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;left:16px;position:absolute;top:-10px;width:24px}.import-steps{counter-reset:step-counter}.import-step:hover{border-color:#8b5cf640;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--dmbt-shadow-lg);transform:translateY(-2px)}.import-step h4{color:#1e293b;color:var(--dmbt-text-primary);font-size:16px;font-weight:600;margin:8px 0 12px}.import-step p{color:#64748b;color:var(--dmbt-text-secondary);font-size:14px;line-height:1.5;margin:0}.dimensions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.dimension-card{background:linear-gradient(135deg,#8b5cf60d,#6366f105);border:1px solid #8b5cf626;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:20px;transition:all .3s ease}.dimension-card:hover{border-color:#8b5cf640;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--dmbt-shadow-lg);transform:translateY(-2px)}.dimension-card h4{align-items:center;color:#1e293b;color:var(--dmbt-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.dimension-metrics{list-style:none;margin:0;padding:0}.dimension-metrics li{align-items:center;background:#8b5cf608;border-radius:6px;border-radius:var(--dmbt-radius-sm);color:#64748b;color:var(--dmbt-text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:6px;padding:4px 8px}.dimension-metrics li:before{content:"📊";font-size:10px}.maturity-levels{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.maturity-level{background:linear-gradient(135deg,#8b5cf60d,#6366f105);border:1px solid #8b5cf626;border-radius:12px;border-radius:var(--dmbt-radius-lg);padding:20px;position:relative;text-align:center;transition:all .3s ease}.maturity-level:before{border-radius:12px 12px 0 0;border-radius:var(--dmbt-radius-lg) var(--dmbt-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.maturity-level.level-1:before{background:#ef4444}.maturity-level.level-2:before{background:#f97316}.maturity-level.level-3:before{background:#eab308}.maturity-level.level-4:before{background:#22c55e}.maturity-level.level-5:before{background:#8b5cf6}.maturity-level:hover{border-color:#8b5cf640;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--dmbt-shadow-lg);transform:translateY(-2px)}.maturity-level h4{color:#1e293b;color:var(--dmbt-text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.maturity-level .level-number{color:#8b5cf6;color:var(--dmbt-primary);font-size:32px;font-weight:700;margin-bottom:8px}.maturity-level p{color:#64748b;color:var(--dmbt-text-secondary);font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.advanced-features{padding:20px}.advanced-features>h1{font-size:24px}.feature-section{padding:20px}.feature-header{flex-direction:column;gap:12px;text-align:center}.feature-icon{font-size:36px}.feature-title{font-size:22px}.capability-grid,.category-grid,.dimensions-grid,.feature-highlights,.import-steps,.maturity-levels,.phases-grid{grid-template-columns:1fr}.category-card,.dimension-card,.import-step,.maturity-level,.phase-card{padding:16px}}.advanced-index{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf608,#6366f108);border:1px solid #8b5cf61a;border-radius:16px;border-radius:var(--dmbt-radius-xl);margin:40px 0;padding:32px}.advanced-index h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--dmbt-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:center}.index-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.index-item{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #8b5cf61a;border-radius:12px;border-radius:var(--dmbt-radius-lg);color:inherit;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.index-item:before{background:linear-gradient(135deg,#8b5cf60d,#6366f10d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.index-item:hover{border-color:#8b5cf633;box-shadow:0 8px 25px #8b5cf626,0 4px 10px #0000001a;transform:translateY(-4px)}.index-item:hover:before{opacity:1}.index-item:active{transform:translateY(-2px)}.index-icon{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid #8b5cf633;border-radius:8px;border-radius:var(--dmbt-radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.index-item:hover .index-icon{background:linear-gradient(135deg,#8b5cf633,#6366f133);border-color:#8b5cf64d;transform:scale(1.1)}.index-content{flex:1 1}.index-content h4{color:#1e293b;color:var(--dmbt-text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 8px}.index-content p{color:#64748b;color:var(--dmbt-text-secondary);font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.advanced-index{margin:24px 0;padding:20px}.index-grid{gap:16px;grid-template-columns:1fr}.index-item{gap:12px;padding:16px}.index-icon{font-size:1.25rem;height:40px;width:40px}.index-content h4{font-size:1rem}.index-content p{font-size:.85rem}}html{scroll-behavior:smooth}.feature-section:target{animation:highlightSection 2s ease-out}@keyframes highlightSection{0%{background:#8b5cf61a;transform:scale(1.02)}to{background:#0000;transform:scale(1)}}.mobile-graph-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;height:68vh;max-height:620px;min-height:340px;overflow:hidden;position:relative}.mobile-graph-container.compact{border-radius:8px;box-shadow:0 2px 10px #00000014;height:60vh;min-height:300px}.mobile-graph-container.fullscreen{border-radius:0;bottom:0;box-shadow:none;height:100vh;left:0;max-height:none;position:fixed;right:0;top:0;z-index:9999}.mobile-graph-controls{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;padding:.6rem .75rem}.mobile-graph-search{margin-bottom:.75rem}.search-input-wrapper{align-items:center;background:#fff;border:1px solid #eef3f8;border-radius:8px;box-shadow:0 1px 1px #0000000a;display:flex;padding:.45rem;position:relative}.mobile-search-input{background:#0000;border:none;border-radius:4px;color:#2d3748;padding:.5rem .75rem}.mobile-search-input:focus{box-shadow:0 0 0 2px #3182ce33}.mobile-search-input::placeholder{color:#718096}.mobile-graph-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mobile-graph-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4f46e5;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:36px;justify-content:center;min-width:40px;padding:0 8px;transition:all .14s ease}.mobile-graph-btn:hover{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 6px 18px #4f46e50f;transform:translateY(-1px)}.mobile-graph-btn:active{transform:translateY(0)}.mobile-graph-stats{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;height:8%;justify-content:flex-start;padding:.6rem .75rem}.stat-item{border-radius:8px;box-shadow:0 2px 4px #0000000d;min-height:35px;min-width:60px;padding:.5rem 1rem}.stat-item.highlight{background:linear-gradient(135deg,gold,#f6ad55);color:#fff}.stat-value{font-size:1.25rem;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.75rem;opacity:.8}.mobile-graph-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:center;padding:.75rem 1rem}.filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.filter-btn:hover:not(.active){background:#f9fafb;border-color:#d1d5db}.mobile-graph-wrapper{flex:1 1 auto;overflow:auto;position:relative}.mobile-graph-canvas{border:none;height:100%;outline:none;touch-action:pan-y pinch-zoom;width:100%}.mobile-graph-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;font-weight:500;gap:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea}.mobile-graph-empty{color:#718096;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.mobile-graph-empty p{color:#4a5568;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.mobile-graph-empty small{font-size:.875rem;opacity:.8}.mobile-graph-exit-fullscreen{align-items:center;background:#000c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.mobile-graph-exit-fullscreen:hover{background:#000000e6}@media (max-width:380px){.mobile-graph-controls{padding:.75rem}.mobile-graph-buttons{gap:.25rem}.mobile-graph-btn{font-size:1rem;height:40px;min-width:40px}.mobile-graph-stats{gap:.5rem;padding:.75rem}.stat-item{min-width:50px;padding:.375rem .75rem}.stat-value{font-size:1.125rem}}@media (min-width:481px) and (max-width:768px){.mobile-graph-container:not(.compact) .mobile-graph-canvas{height:500px}.mobile-graph-controls{padding:1.5rem}.mobile-graph-stats{padding:1.25rem}}.filter-btn,.mobile-graph-btn{min-height:44px}.mobile-graph-canvas{-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-graph-wrapper{touch-action:pan-x pan-y}.mobile-graph-container.fullscreen .mobile-graph-wrapper{touch-action:manipulation}.mobile-graph-container{transition:all .3s ease}.mobile-graph-stats .stat-item{animation:fadeInUp .4s ease-out}.mobile-graph-filters .filter-btn{animation:fadeInUp .5s ease-out}@media (prefers-color-scheme:dark){.mobile-graph-container{background:#1a202c}.mobile-graph-filters,.mobile-graph-stats{background:#2d3748;border-bottom-color:#4a5568}.stat-item{background:#374151;color:#f7fafc}.filter-btn{background:#374151;border-color:#4a5568;color:#e2e8f0}.filter-btn:hover:not(.active){background:#4a5568;border-color:#718096}.mobile-graph-empty{color:#a0aec0}.mobile-graph-empty p{color:#e2e8f0}}.filter-btn,.mobile-graph-btn,.stat-item{will-change:transform}.mobile-graph-canvas{contain:layout style paint}.mobile-selected-node-info{background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #eef3f8;padding:.85rem}.selected-node-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.selected-node-header h4{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.node-type-badge{font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.node-type-badge.feature{background:#eef2ff;border:1px solid #4f46e5;color:#312e81}.node-type-badge.api{background:#c7d2fe;border:1px solid #3730a3;color:#312e81}.node-type-badge.database{background:#fee2e2;border:1px solid #ef4444;color:#b91c1c}.node-type-badge.component{background:#dcfce7;border:1px solid #22c55e;color:#15803d}.selected-node-description{color:#4a5568;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.selected-node-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{color:#718096;font-size:.875rem}.meta-item strong{color:#2d3748;margin-right:.5rem}@media (max-width:375px){.selected-node-header{align-items:flex-start;flex-direction:column;gap:.5rem}.mobile-selected-node-info{padding:.75rem}}.mobile-lab-view--simple{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;height:100vh;overflow:hidden}.mobile-lab-view--simple .mobile-lab-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header-content{color:#fff;display:flex;flex:1 1;flex-direction:column;height:8%;padding-right:.5rem}.mobile-view-mode{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;gap:.5rem}.desktop-icon{color:#4f46e5}.mobile-info-banner{align-items:center;background:#eef2ff;border-radius:6px;border-top:1px solid #c7d2fe;color:#4f46e5;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin:.5rem 0;padding:.5rem .75rem}.mobile-info-banner svg{color:#4338ca;flex-shrink:0}.mobile-lab-view--simple .mobile-tab-navigation{background:#fff;border-top:1px solid #e5e7eb;display:flex;padding:.25rem}.mobile-lab-view--simple .mobile-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.78rem;font-weight:600;gap:.25rem;padding:.65rem .25rem;transition:all .18s ease}.mobile-lab-view--simple .mobile-tab.active{background:#4f46e50f;border-bottom-color:#4f46e5;color:#4f46e5}.mobile-lab-view--simple .mobile-tab svg{font-size:1.1rem;margin-bottom:.25rem}.mobile-lab-view--simple .mobile-tab-content{-webkit-overflow-scrolling:touch;background:#ffffff05;flex:1 1;overflow-y:auto;padding:1rem;position:relative;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.mobile-lab-view--simple .mobile-tab-content::-webkit-scrollbar{width:4px}.mobile-lab-view--simple .mobile-tab-content::-webkit-scrollbar-track{background:#0000}.mobile-lab-view--simple .mobile-tab-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:2px}.mobile-section-header{background:#fffffff2;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem;padding:1rem}.mobile-section-header h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.mobile-section-description{color:#718096;font-size:.875rem;line-height:1.5;margin:0}.mobile-nodes-count,.mobile-relations-count{color:#4a5568;font-size:.875rem;font-weight:500;margin:.5rem 0 0}.mobile-search-container{margin:1rem 0}.mobile-search-input{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.mobile-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.mobile-selected-node{background:#667eea0d;border:1px solid #667eea33;margin-top:1rem}.mobile-node-preview h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 .5rem}.mobile-node-preview p{color:#4a5568;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.mobile-node-meta{display:flex;flex-wrap:wrap;gap:.5rem}.node-status,.node-type{border-radius:6px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.node-type{background:#e6fffa;border:1px solid #81e6d9;color:#234e52}.node-status{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.mobile-selected-context{color:#4a5568;font-size:.875rem;font-style:italic;margin:.5rem 0 0}.mobile-test-results{background:#48bb780d;border:1px solid #48bb7833;margin-top:1rem}.mobile-test-results h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 1rem}.mobile-test-summary{display:flex;flex-direction:column;gap:.5rem}.mobile-test-item{align-items:center;background:#ffffffb3;border-radius:6px;display:flex;gap:.75rem;padding:.5rem}.test-status{border-radius:4px;font-size:.75rem;font-weight:500;min-width:60px;padding:.25rem .5rem;text-align:center}.test-status.passed{background:#c6f6d5;color:#22543d}.test-status.failed{background:#fed7d7;color:#742a2a}.test-status.pending{background:#fef5e7;color:#744210}.test-name{color:#4a5568;flex:1 1;font-size:.875rem}.mobile-lab-view--simple .mobile-empty-state{color:#718096;padding:2rem;text-align:center}.mobile-lab-view--simple .mobile-loading{align-items:center;color:#4a5568;display:flex;justify-content:center;padding:2rem}@media (max-width:375px){.mobile-lab-view--simple .mobile-tab{font-size:.7rem;padding:.75rem .25rem}.mobile-lab-view--simple .mobile-tab svg{font-size:1rem}.mobile-section-header,.mobile-tab-content{padding:.75rem}}@media (prefers-color-scheme:dark){.mobile-lab-view--simple{background:linear-gradient(135deg,#2d3748,#4a5568)}.mobile-lab-view--simple .mobile-lab-header{background:#2d3748f2;border-bottom-color:#ffffff1a}.mobile-section-header{background:#2d3748f2;color:#e2e8f0}.mobile-section-header h3{color:#e2e8f0}.mobile-info-banner{background:#3182ce33;border-top-color:#3182ce4d;color:#90cdf4}}.analysis-panel *{box-sizing:border-box}.analysis-panel .sa-tabs-container div[role=tabpanel]{display:block!important;padding:1.5rem!important}.analysis-panel .scenarios-grid>*{flex:none!important;margin:0!important}.analysis-panel .sa-card{margin:0!important;max-width:none!important;width:100%!important}.analysis-panel{background:#0000;margin:0;max-width:none;padding:0;width:100%}.analysis-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;box-shadow:0 4px 20px #667eea4d;overflow:hidden;padding:2rem 2.5rem;position:relative}.analysis-header:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba%28255,255,255,0.1%29" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url%28%23grid%29"/></svg>');bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.header-content{flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.analysis-header h2{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:800;gap:.75rem;margin:0;text-shadow:0 2px 4px #0000001a}.header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem}.header-badge-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.node-type-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;font-size:.9rem;font-weight:600}.node-type-badge,.selected-node-name{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem}.selected-node-name{background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:1rem;font-weight:700}.analysis-body{background:#f8fafc;border-radius:0 0 16px 16px;box-shadow:0 4px 20px #0000000d;padding:2.5rem}.analysis-actions-section{margin-bottom:2.5rem}.analysis-results-section{margin-bottom:2.5rem;overflow:hidden}.analysis-results-section .sa-tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.analysis-results-section .sa-tabs-container>div{padding:1.5rem}.analysis-results-section .scenarios-grid{grid-gap:1.5rem!important;align-items:start!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important}.analysis-results-section .mbt-visualization{background:#0000!important;display:flex;flex-direction:column;gap:1rem;min-height:400px;padding:0!important}.analysis-results-section .analysis-actions-section{border-top:1px solid #e5e7eb;margin:1.5rem 0 0;padding-top:1.5rem}.analysis-results-section .analysis-actions{display:flex!important;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:0!important}.section-header{margin-bottom:1.5rem}.section-title{color:#374151;margin:0}.section-subtitle{color:#4b5563;font-size:1.2rem;margin:0 0 1rem}.title-icon{font-size:1.5rem}.analysis-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.analysis-actions.secondary{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.sa-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-height:60px;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.sa-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.sa-btn:disabled{background:#e5e7eb!important;box-shadow:0 1px 3px #0000001a;color:#9ca3af!important;cursor:not-allowed;transform:none}.analyze-btn{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.generate-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.clear-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.primary-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.secondary-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.sa-btn.large{font-size:1.1rem;min-height:70px;padding:1.25rem 2rem}.btn-icon{font-size:1.2rem}.empty-state{background:#fff;border:2px dashed #d1d5db;border-radius:12px;min-height:120px;padding:3rem 2rem}.empty-state,.empty-visualization{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center}.empty-visualization{padding:2rem;text-align:center}.sa-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden;position:relative;transition:all .3s ease}.sa-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.title-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.scenario-card-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.scenario-action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;width:36px}.scenario-action-btn:hover{background:#f1f5f9;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.scenario-action-btn:active{box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.scenario-save-btn{background:#dcfce7;border-color:#16a34a;color:#16a34a}.scenario-save-btn:hover{background:#bbf7d0;border-color:#15803d}.scenario-cancel-btn{background:#fef2f2;border-color:#f87171;color:#dc2626}.scenario-cancel-btn:hover{background:#fee2e2;border-color:#ef4444}.scenario-edit-btn{background:#fefbf0;border-color:#fbbf24;color:#f59e0b}.scenario-edit-btn:hover{background:#fef3c7;border-color:#f59e0b}.scenario-copy-btn{background:#f0f9ff;border-color:#0ea5e9;color:#0284c7}.scenario-copy-btn:hover{background:#e0f2fe;border-color:#0284c7}.scenario-validate-btn{background:#ede9fe;border-color:#8b5cf6;color:#7c3aed}.scenario-validate-btn:hover{background:#ddd6fe;border-color:#7c3aed}.scenario-status-draft{background:#fefbf0;border-color:#fbbf24;color:#f59e0b}.scenario-status-validated{background:#dcfce7;border-color:#16a34a;color:#16a34a}.scenario-delete-btn,.scenario-status-rejected{background:#fef2f2;border-color:#f87171;color:#dc2626}.scenario-delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.card-content{padding:1.5rem}.sa-card-title{color:#374151;font-size:1.2rem;font-weight:700;line-height:1.4;margin:0}.card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.scenarios-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.scenario-card{min-height:200px}.additional-description h5,.scenario-code h5,.scenario-steps h5{color:#1752a3;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.sa-card-desc{background:#f8fafc;border-left:4px solid #6366f1;color:#374151;font-size:.95rem;line-height:1.5}.legendBloc,.sa-card-desc{border-radius:8px;margin-bottom:1rem;padding:1rem}.legendBloc{background:#f3f4f6;color:#19469e!important;font-size:.9rem}.steps-list{color:#000;font-weight:700;list-style:none;margin:0;padding:0}.step-item{background:#e7c504af;border-left:3px solid #d1d5db;border-radius:0 8px 8px 0;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;padding:.75rem 1rem;transition:border-color .2s ease}.step-item:hover{border-left-color:#6366f1}.code-block{background:#1f2937;border-radius:8px;color:#e5e7eb;font-size:.85rem;line-height:1.4;margin:0;overflow-x:auto;padding:1rem}.sa-tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.mbt-visualization{background:#f9fafb;min-height:400px;padding:1.5rem}.visualization-content{padding:1.5rem}.scenario-visualization-card{margin-bottom:2rem}.global-mbt-section{border-top:2px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.analysis-result-card .card-header{background:#f8fafc}.copy-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.copy-btn:hover{background:#e5e7eb}.analysis-pre{color:#10b981;line-height:1.5;max-height:400px}.llm-response-container{background:#fff;border-radius:12px}.response-body{padding:1.5rem}.response-content{color:#374151;font-size:1rem;line-height:1.6}.response-actions{background:#f8fafc;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.action-hint{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.85rem;padding:1rem}.action-hint p{line-height:1.4;margin:0}.smart-view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.view-indicator{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0c4a6e;font-size:.85rem;padding:.5rem 1rem}.indicator-text{font-weight:600}.view-toggle{background:#f3f4f6;border-radius:10px;display:flex;gap:2px;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5}.toggle-btn:hover:not(.active){background:#ffffff80;color:#374151}@media (max-width:768px){.smart-view-controls{align-items:stretch;flex-direction:column;gap:.75rem}.view-indicator{text-align:center}.view-toggle{justify-content:center}}.edit-title-input{background:#fff;color:#374151;font-size:1.2rem;font-weight:700;padding:.5rem}.edit-description-textarea,.edit-title-input{border:2px solid #6366f1;border-radius:8px;width:100%}.edit-description-textarea{font-size:.95rem;line-height:1.5;min-height:80px;padding:1rem;resize:vertical}.steps-editor{display:flex;flex-direction:column;gap:.5rem}.step-editor-row{align-items:center;display:flex;gap:.5rem}.step-edit-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.95rem;padding:.5rem}.remove-step-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;height:24px;width:24px}.add-step-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.step-item.validated{background:#dcfce7;border-left-color:#16a34a}.three-amigos-guide{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.guide-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.guide-header h4{color:#0c4a6e;font-size:1.1rem;margin:0}.guide-toggle{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.amigos-roles{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.role-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.role-card.business{border-left:4px solid #f59e0b}.role-card.development{border-left:4px solid #10b981}.role-card.testing{border-left:4px solid #8b5cf6}.role-card h5{font-size:1rem;margin:0 0 .75rem}.role-card ul{list-style:none;margin:0;padding-left:1.2rem}.role-card li{font-size:.9rem;line-height:1.4;margin-bottom:.25rem}.validation-checklist{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem}.checklist-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:.75rem}.checklist-item{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.collaboration-tips{background:#fff;border-radius:8px;padding:1rem}.tips-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.tip{font-size:.9rem;line-height:1.4}.tip strong{color:#0c4a6e}@media (max-width:1024px){.analysis-actions,.scenarios-grid{grid-template-columns:1fr}}@media (max-width:768px){.analysis-body,.analysis-header{padding:1.5rem}.analysis-header h2{font-size:1.5rem}.header-content{align-items:flex-start;flex-direction:column}.sa-btn{font-size:.95rem;min-height:50px;padding:.875rem 1.25rem}.card-header{align-items:flex-start;flex-direction:column;padding:1rem}.card-content{padding:1rem}}@media (max-width:480px){.scenarios-grid{gap:1rem;grid-template-columns:1fr}.sa-btn{font-size:.9rem;min-height:45px;padding:.75rem 1rem}.analysis-header h2,.section-title{font-size:1.25rem}}@media (max-width:768px){.amigos-roles,.checklist-grid{grid-template-columns:1fr}.scenario-card-actions{flex-wrap:wrap}.guide-header{align-items:stretch;flex-direction:column;gap:1rem}}.scenarios-legend{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.scenarios-legend h5{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{color:#6b7280;gap:.5rem}.legend-color{border:1px solid #0000001a;border-radius:4px}.legend-color.draft{background:#fef3c7;border-color:#f59e0b}.legend-color.validated{background:#dcfce7;border-color:#16a34a}.legend-color.rejected{background:#fee2e2;border-color:#dc2626}.scenario-card{position:relative;transition:all .3s ease}.scenario-card:before{border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.scenario-card[data-status=draft]:before{background:#f59e0b}.scenario-card[data-status=draft]{background:#fffbeb;border-color:#fde68a}.scenario-card[data-status=validated]:before{background:#16a34a}.scenario-card[data-status=validated]{background:#f0fdf4;border-color:#bbf7d0}.scenario-card[data-status=rejected]:before{background:#dc2626}.scenario-card[data-status=rejected]{background:#fef2f2;border-color:#fecaca}.action-btn.validate.draft{background:#fef3c7;border-color:#f59e0b;color:#92400e}.action-btn.validate.validated{background:#dcfce7;border-color:#16a34a;color:#166534}.action-btn.validate.rejected{background:#fee2e2;border-color:#dc2626;color:#991b1b}.step-item{transition:all .3s ease}.scenario-card[data-status=draft] .step-item{background:#fef3c7;border-left-color:#f59e0b}.scenario-card[data-status=validated] .step-item{background:#dcfce7;border-left-color:#16a34a}.scenario-card[data-status=rejected] .step-item{background:#fee2e2;border-left-color:#dc2626}@media (max-width:768px){.legend-items{flex-direction:column;gap:.75rem}}.status-summary{align-items:center;display:flex;gap:1rem}.stats-row{display:flex;flex-wrap:wrap;gap:.75rem}.stat-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.stat-badge.draft{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.stat-badge.validated{background:#dcfce7;border:1px solid #16a34a;color:#166534}.stat-badge.rejected{background:#fee2e2;border:1px solid #dc2626;color:#991b1b}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.status-summary{width:100%}.stats-row{justify-content:flex-start}}.analysis-actions-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.copy-btn,.toggle-view-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.copy-btn:hover,.toggle-view-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.toggle-view-btn{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.analysis-type-badge{background:#1f2937;border-radius:4px;color:#10b981;font-family:monospace;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.structured-analysis-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.analysis-nav{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:.25rem;overflow-x:auto;padding:.5rem}.nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#0942b4!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.nav-btn:hover{background:#6366f11a;color:#374151}.nav-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5}.nav-icon{font-size:1rem}.analysis-content{padding:1.5rem}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.info-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.info-card h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.info-details{gap:.75rem}.info-row{align-items:center;display:flex;justify-content:space-between}.info-value{border:1px solid #f3f4f6;border-radius:4px;font-size:.9rem;font-weight:500;padding:.25rem .5rem}.summary-content p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.metric-item{text-align:center}.metric-number{color:#4f46e5;display:block;font-size:1.5rem;font-weight:800;line-height:1}.metric-label{display:block;font-size:.8rem;font-weight:600;margin-top:.25rem}.content-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;padding:1.5rem}.formatted-content{display:flex;flex-direction:column;gap:.5rem}.content-line{align-items:flex-start;color:#374151;display:flex;font-size:.95rem;gap:.75rem;line-height:1.5}.line-bullet{color:#4f46e5;font-weight:700;margin-top:.1rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:1rem}.rec-priority{font-size:1.2rem;margin-top:.1rem}.rec-content p{color:#374151;font-size:.95rem;line-height:1.5;margin:0}.issues-list{display:flex;flex-direction:column;gap:1rem}.issue-item{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:1rem;padding:1rem}.issue-severity{font-size:1.2rem;margin-top:.1rem}.issue-content p{color:#991b1b;font-size:.95rem;line-height:1.5;margin:0}.empty-content{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.empty-icon{font-size:2rem;margin-bottom:.75rem;opacity:.7}.empty-content p{font-size:.9rem;line-height:1.4;margin:0}.analysis-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#4f46e5}.analysis-content-wrapper{position:relative}.analysis-pre{background:#1f2937;border-radius:8px;color:#e5e7eb;font-family:Fira Code,Monaco,Menlo,monospace;font-size:.85rem;line-height:1.6;margin:0;max-height:500px;overflow-y:auto;padding:1.5rem}.complete-header{align-items:center;justify-content:space-between;margin-bottom:1.5rem}.complete-header,.complete-stats{display:flex;flex-wrap:wrap;gap:1rem}.complete-stats .stat-item{background:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;color:#374151;font-size:.8rem;padding:.25rem .75rem}.parsed-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.parsed-summary h5{color:#0c4a6e;margin:0 0 .75rem}.parsed-sections-grid{display:flex;flex-wrap:wrap;gap:.5rem}.parsed-section-badge{background:#fff;border:1px solid #0ea5e9;border-radius:20px;color:#0c4a6e;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-input{border:2px solid #d1d5db;font-size:.95rem;padding:.75rem}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.search-stats{background:#fef3c7;border-radius:20px;color:#92400e;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.search-highlight{background:#fbbf24;border-radius:3px;color:#92400e;font-weight:700;padding:.1rem .2rem}.complete-content.enhanced{background:#1f2937;border-radius:8px;color:#e5e7eb;font-family:Fira Code,Monaco,Menlo,monospace;font-size:.9rem;line-height:1.6;max-height:600px;overflow-y:auto;padding:1.5rem;position:relative}.complete-text,.highlighted-text{white-space:pre-wrap;word-break:break-word}.complete-text{margin:0}.raw-sections-list{display:flex;flex-direction:column;gap:1rem}.raw-section-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.raw-section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:.75rem 1rem}.section-number{background:#4f46e5;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;min-width:35px;padding:.25rem .5rem;text-align:center}.section-type-indicator{background:#f3f4f6;border-radius:20px;color:#374151;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.section-length{background:#e5e7eb;border-radius:12px;color:#6b7280;font-size:.75rem;margin-left:auto;padding:.25rem .5rem}.raw-section-content{color:#374151;font-size:.95rem;line-height:1.5;padding:1rem;white-space:pre-wrap}.extracted-metrics-complete{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-complete-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;padding:.75rem}.zero-loss-guarantee{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #16a34a;border-radius:8px;margin-top:1.5rem;padding:1rem}.guarantee-badge{color:#166534;font-size:.95rem;margin-bottom:.75rem}.technical-details summary{color:#166534;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 0}.tech-details-content{background:#ffffff80;border-radius:6px;margin-top:.5rem;padding:1rem}.tech-details-content p{color:#166534;font-size:.85rem;margin:.25rem 0}@media (max-width:768px){.complete-header{align-items:flex-start;flex-direction:column}.complete-stats{justify-content:center;width:100%}.search-controls{align-items:stretch;flex-direction:column}.search-input{min-width:auto}.parsed-sections-grid{justify-content:center}.raw-section-header{flex-wrap:wrap;gap:.5rem}.section-length{margin-left:0}}@media (max-width:480px){.extracted-metrics-complete{grid-template-columns:1fr}.complete-content.enhanced{font-size:.8rem;max-height:400px}}.analysis-empty-state{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:16px;margin:2rem 0;padding:3rem 2rem;text-align:center}.empty-state-content{margin:0 auto;max-width:600px}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.analysis-empty-state h3{color:#475569;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.empty-state-main p{color:#64748b;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.analysis-benefits{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:1.5rem 0;padding:1.5rem;text-align:left}.analysis-benefits li{color:#374151;font-size:.95rem;line-height:1.4;margin-bottom:.75rem}.empty-state-select{background:#fef7cd;border:1px solid #fbbf24;border-radius:12px;margin:1.5rem 0;padding:2rem}.empty-state-select p{color:#92400e;font-weight:600;margin-bottom:1rem}.selection-hint{align-items:center;color:#d97706;display:flex;font-weight:600;gap:.75rem;justify-content:center}.hint-icon{font-size:1.5rem}.analysis-history{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin:1.5rem 0;padding:1.5rem;text-align:left}.analysis-history h4{color:#0c4a6e;font-size:1rem;margin:0 0 1rem}.history-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.history-details{color:#0f172a;font-size:.9rem;line-height:1.4}.restore-btn{background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.restore-btn:hover{background:#0284c7;transform:translateY(-1px)}.analysis-tips{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:1.5rem 0;padding:1.5rem;text-align:left}.analysis-tips h4{color:#166534;font-size:1rem;margin:0 0 1rem}.tips-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tip-item{align-items:center;color:#166534;display:flex;font-size:.9rem;gap:.75rem}.tip-icon{font-size:1.2rem}.restored-badge{background:#fef3c7;color:#92400e;font-size:.75rem;margin-left:.5rem}.clear-history-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.clear-history-btn:hover{background:#fecaca;transform:translateY(-1px)}.feature-badge{background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;color:#0c4a6e;display:flex;font-size:.8rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;padding:.25rem .75rem}.gherkin-steps-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.5rem;padding:1rem}.gherkin-step{align-items:flex-start;border-radius:6px;display:flex;font-size:.95rem;gap:.75rem;line-height:1.4;margin-bottom:.75rem;padding:.5rem}.gherkin-step:last-child{margin-bottom:0}.gherkin-step.given{background:#f0f9ff;border-left:3px solid #0ea5e9}.gherkin-step.when{background:#fef3c7;border-left:3px solid #f59e0b}.gherkin-step.then{background:#dcfce7;border-left:3px solid #16a34a}.gherkin-step.and,.gherkin-step.but{background:#f3f4f6;border-left:3px solid #6b7280}.gherkin-keyword{color:#374151;flex-shrink:0;font-weight:700;min-width:60px}.gherkin-text{color:#374151;flex:1 1}.gherkin-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.5rem;padding:1rem}.gherkin-step-editor{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.gherkin-step-editor:last-child{margin-bottom:0}.gherkin-keyword-select{background:#fff;color:#374151;font-size:.9rem;font-weight:600;min-width:80px}.gherkin-keyword-select,.gherkin-text-input{border:1px solid #d1d5db;border-radius:6px;padding:.5rem}.gherkin-text-input{flex:1 1;font-size:.95rem}.gherkin-text-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.add-gherkin-step-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;transition:all .2s ease}.add-gherkin-step-btn:hover{background:#059669;transform:translateY(-1px)}.parsing-notice{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;margin:1rem 0;padding:1rem}.parsing-notice p{color:#166534;font-size:.95rem;margin:0}.parsed-badge{background:#dcfce7;border-radius:20px;color:#166534;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}@media (max-width:768px){.gherkin-step{flex-direction:column;gap:.5rem}.gherkin-keyword{min-width:auto}.gherkin-step-editor{align-items:stretch;flex-direction:column}.gherkin-keyword-select{min-width:auto}}.category-badge,.test-type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.test-type-positive{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.test-type-negative{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.test-type-edge{background:#fef3c7;border:1px solid #fed7aa;color:#92400e}.category-functional{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.category-integration{background:#fce7f3;border:1px solid #f9a8d4;color:#be185d}.category-exploratory{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.category-security{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626}.test-filters-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{gap:.25rem}.filter-select{border-radius:6px;font-size:.85rem;min-width:150px;padding:.5rem}.filter-stats{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;margin-left:auto;padding:.5rem .75rem}@media (max-width:768px){.scenario-card-actions{gap:.375rem}.scenario-action-btn{font-size:.8rem;height:32px;width:32px}}@media (max-width:480px){.scenario-card-actions{flex-wrap:wrap;gap:.25rem}.scenario-action-btn{font-size:.75rem;height:28px;width:28px}}.schema-analysis-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.schema-header-enhanced{background:linear-gradient(135deg,#1e293b,#334155);border-bottom:none;color:#fff;padding:1.5rem 2rem}.schema-title-wrapper{display:flex;flex-direction:column;gap:.75rem}.schema-title{align-items:center;color:#fff;display:flex;gap:.75rem;margin:0}.analysis-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.title-text{color:#fff;font-size:1.5rem;font-weight:700}.restored-badge{align-items:center;background:#3b82f633;border:1px solid #3b82f64d;border-radius:20px;color:#bfdbfe;display:flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.25rem .75rem}.restored-icon{animation:spin 2s linear infinite}.schema-node-info{align-items:center;color:#cbd5e1;display:flex;font-size:.9rem;gap:.5rem}.node-indicator{font-weight:500}.node-name-highlight{background:#22c55e33;border:1px solid #22c55e4d;border-radius:6px;color:#bbf7d0;font-weight:600;padding:.25rem .5rem}.node-type-small{background:#a855f733;border:1px solid #a855f74d;border-radius:4px;color:#ddd6fe;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.schema-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.schema-action-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.copy-analysis-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.copy-analysis-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.clear-analysis-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.clear-analysis-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.schema-analysis-container{padding:2rem}.analysis-meta-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.meta-item{align-items:center;display:flex;gap:.5rem}.meta-label{color:#6b7280;font-size:.85rem;font-weight:600}.meta-value{background:#f9fafb;border:1px solid #f3f4f6;border-radius:4px;color:#374151;font-size:.85rem;font-weight:500;padding:.25rem .5rem}.analysis-content-wrapper{display:flex;flex-direction:column;gap:1rem}.analysis-status-badge{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.analysis-status-badge.success{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.status-icon{font-size:1rem}.analysis-loading-enhanced{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;padding:3rem 2rem}.loading-container{gap:1.5rem;text-align:center}.loading-spinner-modern{animation:modernSpin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes modernSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.loading-text p{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:768px){.schema-header-enhanced{padding:1rem 1.5rem}.schema-title-wrapper{gap:.5rem}.schema-actions{align-items:stretch;flex-direction:column;gap:.5rem}.schema-action-btn{justify-content:center}.analysis-meta-info{flex-direction:column;gap:1rem}.schema-analysis-container{padding:1rem}}.playbooks-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:16px 0;padding:16px}.playbooks-section h3{color:#333;font-size:1.5rem;margin-bottom:12px}.playbooks-section ul{list-style-type:none;margin:0;padding:0}.playbook-card{border:1px solid #ccc;border-radius:8px;margin-bottom:16px;padding:12px;transition:box-shadow .3s}.playbook-card:hover{box-shadow:0 4px 8px #0003}.playbook-header{justify-content:space-between}.playbook-title-area{flex-grow:1;margin-left:12px}.playbook-chip{background-color:#e0e0e0;border-radius:4px;color:#555;font-size:.8rem}.playbook-actions{display:flex;gap:8px;margin-top:12px}.playbook-apply{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.playbook-apply:hover{background-color:#45a049}.playbook-toggle{background-color:#008cba;border:none;border-radius:4px;color:#fff;padding:8px 16px}.playbook-toggle:hover{background-color:#007bb5}.playbooks-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #3b82f614;border-radius:18px;box-shadow:0 8px 32px #3b82f614;margin-bottom:32px;padding:24px 18px}.playbooks-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:18px}.playbooks-header h3{align-items:center;color:#2563eb;display:flex;font-size:1.5rem;font-weight:700;margin-bottom:4px}.playbooks-header span{color:#6b7280;font-size:1rem}.playbooks-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.modern-card{background:#ffffffeb!important;border:1px solid #3b82f614!important;border-radius:16px!important;box-shadow:0 8px 32px #3b82f614!important;overflow:hidden;padding:18px!important;position:relative;transition:transform .22s cubic-bezier(.25,.8,.25,1),box-shadow .22s cubic-bezier(.25,.8,.25,1)}.modern-card:hover{box-shadow:0 16px 48px #3b82f624;transform:scale(1.03) translateY(-4px)}.modern-card.expanded{border:1.5px solid #2563eb!important;box-shadow:0 20px 56px #3b82f62e}.playbook-icon-box.animated{animation:floatIcon 1.8s ease-in-out infinite alternate}@keyframes floatIcon{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.playbook-card{background:linear-gradient(180deg,#fff,#fafcff)!important;border:0!important;border-radius:12px!important;box-shadow:0 6px 18px #0206170a!important;overflow:hidden;padding:14px!important;position:relative;transition:transform .2s ease,box-shadow .2s ease}.playbook-card:hover{box-shadow:0 10px 24px #0206170f;transform:translateY(-6px)}.playbook-header{align-items:center;display:flex;gap:12px}.playbook-icon-box{align-items:center;border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.playbook-icon{color:#084298}.playbook-title-area h4{color:#022f57;font-size:1rem;margin:0}.playbook-chip{background:#007acc0f;border-radius:999px;color:#084298;display:inline-block;font-size:.78rem;margin-top:6px;padding:4px 8px}.playbook-desc{color:#6b7280;margin:10px 0}.playbook-toggle{background:#0000;border:1px solid #08429814;border-radius:8px;color:#084298;cursor:pointer;padding:8px 12px}.playbook-expand{max-height:0;opacity:0;overflow:hidden;transition:max-height .28s ease,opacity .24s ease}.playbook-expand.open{max-height:200px;opacity:1}.playbook-details{border-top:1px dashed #0206170a;padding-top:12px}.pb-collaboration .playbook-icon-box{background:linear-gradient(135deg,#ffb74d1f,#ffb74d0f)}.pb-architecture .playbook-icon-box{background:linear-gradient(135deg,#667eea1f,#667eea0f)}.pb-security .playbook-icon-box{background:linear-gradient(135deg,#ff66661f,#ff66660f)}.pb-testing .playbook-icon-box{background:linear-gradient(135deg,#4dd1a91f,#4dd1a90f)}.pb-metrics .playbook-icon-box{background:linear-gradient(135deg,#4299e11f,#4299e10f)}.playbooks-overlay{align-items:center;animation:fadeInOverlay .4s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);background:radial-gradient(circle at 45% 40%,#6366f12e 0,#3b82f626 35%,#8b5cf61f 65%,#1e293bd9 100%);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.playbooks-modal{animation:fadeInModalGlass .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);background:linear-gradient(145deg,#fffffffa,#f8fafcf5);border:2px solid #e0e7ffcc;border-radius:28px;box-shadow:0 32px 80px #3b82f647,0 16px 40px #6366f138,0 8px 20px #8b5cf626,inset 0 2px 0 #ffffffe6,inset 0 -1px 0 #e0e7ff4d;display:flex;flex-direction:column;max-height:90vh;max-width:98vw;overflow-x:hidden;overflow-y:auto;padding:42px 38px 32px;position:relative;width:1600px}.playbooks-modal:before{animation:shimmerGradient 4s linear infinite;background:linear-gradient(90deg,#3b82f6,#6366f1 25%,#8b5cf6 50%,#a855f7 75%,#ec4899);background-size:200% 100%;content:"";height:6px;left:0;opacity:.9;position:absolute;right:0;top:0}.playbooks-modal:after{animation:floatGlow 8s ease-in-out infinite;background:radial-gradient(circle,#6366f11f 0,#8b5cf614 40%,#0000 70%);content:"";filter:blur(60px);height:500px;pointer-events:none;position:absolute;right:-15%;top:-40%;width:500px;z-index:0}@keyframes shimmerGradient{0%{background-position:0 50%}to{background-position:200% 50%}}.playbooks-modal-header{align-items:center;animation:slideInFromTop .6s cubic-bezier(.34,1.56,.64,1) .1s both;display:flex;gap:18px;margin-bottom:12px;position:relative;z-index:1}.playbooks-modal-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe 50%,#ddd6fe);border-radius:20px;box-shadow:0 8px 20px #3b82f640,0 4px 10px #6366f12e,inset 0 2px 0 #ffffffb3,inset 0 -2px 0 #3b82f61a;color:#2563eb;font-size:2.8rem;overflow:hidden;padding:16px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.playbooks-modal-icon:before{animation:shine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff80 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%,to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.playbooks-modal-icon:hover{box-shadow:0 16px 40px #3b82f659,0 8px 20px #6366f147,inset 0 2px 0 #ffffffe6;transform:scale(1.1) rotate(-5deg) translateY(-4px)}.playbooks-modal-title h2{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#1e40af,#2563eb 30%,#6366f1 70%,#8b5cf6);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:1.85rem;font-weight:800;letter-spacing:-.02em;margin:0}.playbooks-modal-close{align-items:center;background:linear-gradient(135deg,#f8fafcf2,#f1f5f9d9);border:2px solid #6366f140;border-radius:50%;box-shadow:0 4px 12px #3b82f61f,inset 0 1px 0 #fffc;color:#2563eb;cursor:pointer;display:flex;font-size:2.2rem;font-weight:600;height:48px;justify-content:center;margin-left:auto;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:48px}.playbooks-modal-close:hover{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6);border-color:#0000;box-shadow:0 8px 24px #6366f166,0 4px 12px #8b5cf64d,inset 0 2px 4px #ffffff4d;color:#fff;transform:scale(1.15) rotate(90deg)}.playbooks-modal-close:active{box-shadow:0 4px 12px #6366f140,inset 0 2px 8px #00000026;transform:scale(1.05) rotate(90deg)}.playbooks-modal-desc{animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) .2s both;color:#475569;font-size:1.14rem;line-height:1.65;margin-bottom:18px;position:relative;z-index:1}.playbooks-collection-header{align-items:center;animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) .25s both;background:linear-gradient(135deg,rgba(241,243,247,.959),rgba(223,226,238,.774));border:1px solid #6366f133;border-radius:14px;display:flex;justify-content:space-between;margin:8px 0 20px;padding:16px 20px;position:relative;z-index:1}.playbooks-count{align-items:center;color:#2563eb;display:flex;font-size:1.05rem;font-weight:600;gap:10px}.playbooks-count-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.3rem}.playbooks-count-number{background:linear-gradient(135deg,#2563eb,#6366f1);border-radius:8px;box-shadow:0 2px 8px #3b82f633;color:#fff;font-size:.9rem;font-weight:700;padding:4px 10px}.playbooks-layout-info{align-items:center;color:#6b7280;display:flex;font-size:.9rem;font-weight:500;gap:6px}.playbooks-layout-info-icon{color:#8b5cf6;font-size:1rem}.playbooks-modal-grid{grid-gap:24px;animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) .3s both;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));position:relative;width:100%;z-index:1}@media (min-width:1200px){.playbooks-modal-grid{gap:28px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1600px){.playbooks-modal-grid{gap:32px;grid-template-columns:repeat(3,1fr)}.playbooks-modal{max-width:1800px;padding:48px 44px 38px}.playbooks-collection-header{padding:18px 24px}}@media (min-width:2000px){.playbooks-modal-grid{gap:36px;grid-template-columns:repeat(4,1fr)}.playbooks-modal{max-width:2200px}}@media (max-width:1199px){.playbooks-modal-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (max-width:899px){.playbooks-modal-grid{gap:18px;grid-template-columns:1fr}}.playbook-modal-card{animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fefefff2,#f8fafceb 50%,#f1f5f9e0);border:2px solid #e2e8f099;border-radius:18px;box-shadow:0 6px 20px #3b82f61f,0 3px 10px #6366f114,inset 0 1px 0 #fffc;cursor:pointer;overflow:hidden;padding:22px 20px;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.playbook-modal-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb 50%,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.22rem;font-weight:700;margin:0;transition:all .3s ease}.playbook-modal-card:hover .playbook-modal-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#6366f1 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text}.playbook-modal-chip{background:linear-gradient(135deg,#e0e7ffcc,#c7d2fe99);border-radius:10px;box-shadow:0 2px 6px #3b82f61a;color:#475569;display:inline-block;font-size:.88rem;font-weight:600;margin-top:6px;padding:4px 12px;transition:all .3s ease}.playbook-modal-card:hover .playbook-modal-chip{background:linear-gradient(135deg,#c7d2fe,#ddd6fe);box-shadow:0 4px 12px #6366f133;transform:scale(1.05)}.playbook-modal-desc{color:#374151;font-size:1rem;margin:10px 0 8px}.playbook-modal-actions{display:flex;gap:10px;margin-bottom:8px}.playbook-modal-apply,.playbook-modal-toggle{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f640,0 2px 6px #3b82f626,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.playbook-modal-apply:before,.playbook-modal-toggle:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.playbook-modal-apply:hover:before,.playbook-modal-toggle:hover:before{height:300px;width:300px}.playbook-modal-apply:hover,.playbook-modal-toggle:hover{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6);box-shadow:0 8px 24px #6366f159,0 4px 12px #8b5cf640,inset 0 2px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.playbook-modal-apply:active,.playbook-modal-toggle:active{box-shadow:0 4px 12px #6366f140,0 2px 6px #8b5cf626,inset 0 2px 8px #00000026;transform:translateY(0) scale(1.02)}.playbook-modal-details{word-wrap:break-word;animation:expandDetails .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#fffffff2,#f8fafce6);border:1px solid #e0e7ff80;border-radius:12px;box-shadow:0 4px 16px #3b82f61a,inset 0 1px 0 #fffc;color:#475569;margin-top:12px;max-width:100%;overflow-wrap:break-word;padding:16px 14px}@keyframes expandDetails{0%{max-height:0;opacity:0;transform:scaleY(.8)}to{max-height:1000px;opacity:1;transform:scaleY(1)}}.playbook-modal-details strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.06rem;font-weight:700}.playbook-modal-details ol{margin-left:22px;margin-top:8px}.playbook-modal-details ol li{word-wrap:break-word;color:#334155;line-height:1.6;margin-bottom:6px;overflow-wrap:break-word}@media (max-width:768px){.playbooks-modal{border-radius:0;max-height:100vh;padding:20px 16px;width:100vw}.playbooks-modal-grid{gap:16px}}@media (max-width:600px){.playbooks-modal{border-radius:0;max-height:100vh;padding:20px 16px;width:100vw}.playbooks-modal-grid{gap:16px}.playbook-modal-card{padding:16px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.playbook-modal-apply:before,.playbook-modal-card:before,.playbook-modal-toggle:before,.playbooks-modal-icon:before,.playbooks-modal:after{animation:none!important}}@media (prefers-color-scheme:dark){.playbooks-modal{background:linear-gradient(145deg,#1e293bfa,#0f172af5);border-color:#6366f166}.playbooks-modal-desc{color:#cbd5e1}.playbook-modal-card{background:linear-gradient(145deg,#33415599,#1e293b80);border-color:#6366f140}.playbook-modal-card:hover{background:linear-gradient(145deg,#6366f14d,#8b5cf640)}.playbook-modal-details{background:linear-gradient(145deg,#334155cc,#1e293bb3);border-color:#6366f14d;color:#cbd5e1}.playbook-modal-details ol li{color:#e2e8f0}}:root{--playbook-details-max:700px}.playbook-modal-details.playbook-modal-details-collapsible{box-shadow:none;max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:max-height .36s cubic-bezier(.22,.9,.32,1),opacity .22s ease,padding .22s ease}.playbook-modal-details.playbook-modal-details-collapsible.open{max-height:700px;max-height:var(--playbook-details-max);opacity:1;padding-bottom:16px;padding-top:16px;transition:max-height .42s cubic-bezier(.22,.9,.32,1),opacity .26s ease,padding .26s ease;will-change:max-height,opacity}@media (max-width:768px){.playbook-modal-details.playbook-modal-details-collapsible.open{padding-bottom:12px;padding-top:12px}}.playbook-modal-toggle[aria-expanded=true]{box-shadow:0 0 0 3px #2563eb14}.laboratory-trigger-unified{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 8px 25px #10b98140;color:#fff;cursor:pointer;height:140px;max-width:280px;min-width:280px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;width:280px}.laboratory-trigger-unified:hover{box-shadow:0 12px 35px #10b98159;transform:translateY(-3px)}.laboratory-trigger-bg-effect{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;height:100px;position:absolute;right:-20%;top:-50%;transform:rotate(45deg);width:100px}.laboratory-trigger-header{align-items:center;display:flex;gap:12px;margin-bottom:16px;position:relative;z-index:2}.laboratory-trigger-icon{animation:lab-pulse 2s ease-in-out infinite;font-size:1.8rem}.laboratory-trigger-content{flex:1 1}.laboratory-trigger-title{font-size:1.3rem;font-weight:700;margin:0 0 4px;text-shadow:0 1px 2px #0000001a}.laboratory-trigger-description{font-size:.85rem;font-weight:400;margin:0;opacity:.9}.laboratory-trigger-features{display:flex;gap:16px;margin-bottom:16px;position:relative;z-index:2}.laboratory-trigger-feature{align-items:center;display:flex;font-size:.8rem;gap:6px;opacity:.9}.laboratory-trigger-feature svg{font-size:.9rem}.bounce-top{animation:bounce-top .9s both}@keyframes bounce-top{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}@keyframes heartbeat{0%{animation-timing-function:ease-out;transform:scale(1);transform-origin:center center}10%{animation-timing-function:ease-in;transform:scale(.91)}17%{animation-timing-function:ease-out;transform:scale(.98)}33%{animation-timing-function:ease-in;transform:scale(.87)}45%{animation-timing-function:ease-out;transform:scale(1)}}.laboratory-trigger-cta{align-items:center;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;z-index:2}.laboratory-trigger-cta span{opacity:.95}.laboratory-trigger-arrow{animation:bounce-down 1.5s ease-in-out infinite;font-size:1rem}@keyframes lab-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width:768px){.laboratory-trigger-unified{height:120px;max-width:260px;min-width:260px;padding:16px;width:260px}.laboratory-trigger-title{font-size:1rem}.laboratory-trigger-description{font-size:.75rem}.laboratory-trigger-features{gap:12px}.laboratory-trigger-feature{font-size:.75rem}}@media (max-width:480px){.laboratory-trigger-unified{height:110px;max-width:240px;min-width:240px;padding:14px;width:240px}}.lab-header-actions .laboratory-trigger{margin:0}.dmbt-trigger-cta{animation:learning-pulse 3s ease-in-out infinite;background:linear-gradient(45deg,#3b82f61a,#9333ea1a);border-radius:8px;padding:2px 4px;position:relative}@keyframes learning-pulse{0%,to{background:linear-gradient(45deg,#3b82f61a,#9333ea1a);box-shadow:0 0 0 0 #3b82f666;transform:scale(1)}50%{background:linear-gradient(45deg,#3b82f633,#9333ea33);box-shadow:0 0 0 15px #3b82f600;transform:scale(1.05)}}.nodemented-trigger.recommended-action{animation:recommend-glow 2.5s ease-in-out infinite alternate;position:relative}.nodemented-trigger.recommended-action:after{animation:new-badge-bounce 1s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b35,#f7931e);border-radius:12px;box-shadow:0 2px 8px #ff6b3566;color:#fff;content:"⭐ NOUVEAU ⭐";font-size:.7rem;font-weight:700;padding:2px 8px;position:absolute;right:-8px;top:-8px}@keyframes new-badge-bounce{0%{transform:scale(1) rotate(-2deg)}to{transform:scale(1.1) rotate(2deg)}}.nodemented-trigger-cta{animation:subtle-pulse 4s ease-in-out infinite;background:linear-gradient(45deg,#10b9811a,#0596691a);border-radius:8px;padding:2px 4px;position:relative}@keyframes recommend-glow{0%{box-shadow:0 0 20px #ffa50066;filter:hue-rotate(0deg)}to{box-shadow:0 0 35px #ffa500cc;filter:hue-rotate(10deg);transform:scale(1.02)}}@keyframes subtle-pulse{0%,to{background:linear-gradient(45deg,#10b9811a,#0596691a);transform:scale(1)}50%{background:linear-gradient(45deg,#10b98133,#05966933);transform:scale(1.02)}}.export-manager-cta{animation:subtle-bounce 4s ease-in-out infinite;background:linear-gradient(45deg,#3b82f61a,#2563eb1a);border-radius:8px;padding:2px 4px;position:relative}@keyframes subtle-bounce{0%,90%,to{background:linear-gradient(45deg,#3b82f61a,#2563eb1a);transform:translateY(0)}5%{background:linear-gradient(45deg,#3b82f633,#2563eb33);transform:translateY(-3px)}}.laboratory-trigger-cta{animation:heartbeat 2s infinite;animation-direction:alternate;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:8px;padding:2px 4px;position:relative}.lab-header-actions .action-with-tooltip{transition:all .3s cubic-bezier(.4,0,.2,1)}.lab-header-actions .action-with-tooltip:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.02)}.lab-header-actions>*{animation:fade-in-up .6s ease-out forwards}.dmbt-trigger-cta:hover{background:linear-gradient(45deg,#3b82f64d,#9333ea4d)!important;box-shadow:0 0 20px #3b82f699;transform:scale(1.05);transition:all .3s ease}.nodemented-trigger-cta:hover{background:linear-gradient(45deg,#10b9814d,#0596694d)!important;box-shadow:0 0 20px #10b98199;transform:scale(1.05);transition:all .3s ease}.export-manager-cta:hover{background:linear-gradient(45deg,#3b82f64d,#2563eb4d)!important;box-shadow:0 0 20px #3b82f699;transform:scale(1.05);transition:all .3s ease}.laboratory-trigger-cta:hover{background:linear-gradient(45deg,#ffffff4d,#ffffff26)!important;border:2px solid #ffffff80;box-shadow:0 0 20px #fff6;transform:scale(1.05);transition:all .3s ease}.dmbt-trigger-cta{border:2px solid #3b82f64d;transition:all .3s ease}.nodemented-trigger-cta{border:2px solid #10b9814d;transition:all .3s ease}.export-manager-cta{border:2px solid #3b82f64d;transition:all .3s ease}.dmbt-trigger-cta:after{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);background-size:200% 100%}.dmbt-trigger-cta:after,.nodemented-trigger-cta:after{border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.nodemented-trigger-cta:after{animation:shimmer 4s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);background-size:200% 100%}@media (prefers-reduced-motion:reduce){.dmbt-trigger-cta,.dmbt-trigger-cta:before,.export-manager-cta,.export-manager-cta:before,.laboratory-trigger-cta,.laboratory-trigger-cta:before,.nodemented-trigger-cta,.nodemented-trigger-cta:before{animation:none!important}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dmbt-trigger,.dmbt-trigger-unified{position:relative}.dmbt-trigger:after{animation:learning-border 3s linear infinite;background:linear-gradient(45deg,#3b82f61a,#9333ea1a);border-radius:inherit;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes learning-border{0%{opacity:0}50%{opacity:1}to{opacity:0}}.nodemented-trigger.recommended-action:before{animation:recommend-border 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff6b35,#f7931e,#ffcc02);border-radius:inherit;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes recommend-border{0%{filter:blur(5px);opacity:.3}to{filter:blur(1px);opacity:.7}}.export-manager-trigger{position:relative}.export-manager-trigger:before{animation:export-subtle 6s ease-in-out infinite;background:linear-gradient(135deg,#22c55e0d,#10b9810d);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes export-subtle{0%,80%,to{opacity:0}10%,70%{opacity:1}}@media (prefers-reduced-motion:reduce){.dmbt-trigger-cta,.export-manager-cta,.lab-header-actions *,.laboratory-trigger-cta,.nodemented-trigger-cta{animation:none!important}.lab-header-actions .action-with-tooltip:hover{filter:brightness(1.05);transform:none}}@media (max-width:768px){.dmbt-trigger-cta{animation-duration:4s}.nodemented-trigger-cta{animation-duration:5s}.export-manager-cta{animation-duration:6s}.lab-header-actions .action-with-tooltip:hover{transform:scale(1.01)}}.cgu-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.cgu-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.cgu-header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.cgu-header p{color:#6b7280;font-size:1.1rem;margin:0}.cgu-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;min-height:600px}@media (max-width:768px){.cgu-content{gap:1rem;grid-template-columns:1fr}}.cgu-sidebar{background:#f8fafc;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.cgu-sidebar h3{color:#374151;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.cgu-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.nav-item:hover{background:#e5e7eb;color:#1f2937}.nav-item.active{background:#3b82f6;color:#fff;font-weight:500}.nav-icon{font-size:1.1rem;min-width:20px}.nav-title{flex:1 1;line-height:1.3}.cgu-main{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem}.cgu-section{color:#374151;line-height:1.6}.cgu-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.cgu-section h4{color:#374151;font-size:1.3rem;font-weight:600;margin:1.5rem 0 1rem}.cgu-section p{line-height:1.7;margin-bottom:1rem}.cgu-section ol,.cgu-section ul{margin:1rem 0;padding-left:1.5rem}.cgu-section li{line-height:1.6;margin-bottom:.5rem}.cgu-section strong{color:#1f2937;font-weight:600}.subsection{border-bottom:1px solid #f3f4f6;margin-bottom:2rem;padding-bottom:1.5rem}.subsection:last-child{border-bottom:none;padding-bottom:0}.highlight-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:8px;color:#1e40af;margin:1rem 0;padding:1rem}.warning-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin:1rem 0;padding:1rem}.warning-box,.warning-box strong{color:#92400e}.warning-box ul{margin-bottom:0;margin-top:.5rem}.definitions-list{display:flex;flex-direction:column;gap:1rem}.definition-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:6px;padding:1rem}.definition-item strong{color:#3b82f6;display:block;margin-bottom:.5rem}.service-category{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;padding:1.5rem}.service-category h4{align-items:center;color:#1f2937;display:flex;gap:.5rem;margin-bottom:1rem;margin-top:0}.service-category ul{margin:0}.contact-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-top:1rem;padding:1.5rem}.contact-info p{color:#0c4a6e;font-weight:500;margin-bottom:1rem}.contact-info ul{margin:0}.contact-info li{color:#0369a1;font-weight:500}.cgu-actions{border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.btn-accept,.btn-decline{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .2s ease}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-decline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-decline:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}@media (max-width:768px){.cgu-container{margin:1rem;padding:1rem}.cgu-header h1{font-size:2rem}.cgu-sidebar{margin-bottom:1rem;position:static}.cgu-main{padding:1.5rem}.cgu-section h3{font-size:1.5rem}.cgu-actions{flex-direction:column}.btn-accept,.btn-decline{justify-content:center;width:100%}}.cgu-main{animation:fadeIn .3s ease-in-out}.cgu-main::-webkit-scrollbar{width:6px}.cgu-main::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.cgu-main::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cgu-main::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cgu-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.cgu-modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90vw}.cgu-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.cgu-modal-header h2{font-size:1.8rem;font-weight:600;margin:0 0 1rem}.cgu-modal-header p{font-size:1.1rem;line-height:1.5;margin:0;opacity:.9}.reading-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.notice-content{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.notice-icon{font-size:1.5rem;opacity:.9}.notice-text{flex:1 1;font-size:.95rem;line-height:1.5;opacity:.9}.reading-progress{background:#fff3;border-radius:2px;height:4px;overflow:hidden}.progress-indicator{animation:progressAnimation 10s linear forwards;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%}@keyframes progressAnimation{0%{width:0}to{width:100%}}.cgu-modal-content{flex:1 1;max-height:60vh;overflow-y:auto;padding:0}.cgu-modal-content .cgu-container{border-radius:0;box-shadow:none;margin:0;max-width:none}.cgu-modal-content .cgu-actions,.cgu-modal-content .cgu-header{display:none}.cgu-modal-actions{align-items:center;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.actions-info{color:#6b7280;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.user-info{color:#374151;font-weight:500}.version-info{color:#9ca3af;font-size:.8rem}.actions-buttons{display:flex;gap:1rem}.btn-modal-accept,.btn-modal-decline{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-modal-accept.enabled{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-modal-accept.enabled:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-modal-accept.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.btn-modal-decline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-modal-decline:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}@media (max-width:768px){.cgu-modal-overlay{padding:.5rem}.cgu-modal-container{max-height:95vh;width:95vw}.cgu-modal-header{padding:1.5rem}.cgu-modal-header h2{font-size:1.5rem}.cgu-modal-header p{font-size:1rem}.cgu-modal-content{max-height:50vh}.cgu-modal-actions{align-items:stretch;flex-direction:column;padding:1rem}.actions-info{order:2;text-align:center}.actions-buttons{flex-direction:column;order:1}.btn-modal-accept,.btn-modal-decline{justify-content:center;width:100%}}.cgu-modal-content::-webkit-scrollbar{width:8px}.cgu-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cgu-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.cgu-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6b4190)}.btn-modal-accept:focus,.btn-modal-decline:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.btn-modal-accept.disabled{animation:pulse 2s infinite}.lab-navigation{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.lab-navigation-header{margin-bottom:32px;text-align:center}.lab-navigation-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 8px}.lab-navigation-subtitle{color:#64748b;font-size:.95rem;margin:0}.lab-navigation-grid{grid-gap:32px;display:grid;gap:32px}.lab-navigation-group-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.lab-navigation-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lab-nav-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 16px #667eea40;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.lab-nav-button:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.lab-nav-button:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 8px 32px #667eea66;transform:translateY(-4px) scale(1.02)}.lab-nav-button:hover:before{opacity:1}.lab-nav-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 32px #3b82f666;transform:translateY(-2px)}.lab-nav-button.secondary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98140}.lab-nav-button.secondary:hover{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 8px 32px #0d948866}.lab-nav-button.secondary.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 32px #f59e0b66}.lab-nav-button-content{width:100%}.lab-nav-button-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.lab-nav-button-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:1.5rem;transition:transform .3s ease}.lab-nav-button:hover .lab-nav-button-icon{transform:scale(1.1) rotate(5deg)}.lab-nav-button-title{color:#fff;flex:1 1;font-size:1rem;font-weight:600;text-shadow:0 1px 2px #0000001a}.lab-nav-button-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;box-shadow:0 2px 4px #0000001a;font-size:.75rem;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.lab-nav-button-badge,.lab-nav-button.secondary .lab-nav-button-badge{background:#ffffffe6;color:#1e293b}.lab-nav-button-badge.ai-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #667eea66}.lab-nav-button-badge.ai-badge,.lab-nav-button-badge.beta-badge{color:#fff;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #0003}.lab-nav-button-badge.beta-badge{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b66}.lab-nav-button-desc{color:#ffffffe6;font-size:.875rem;line-height:1.4;margin:0;text-shadow:0 1px 2px #0000001a}.lab-navigation-context{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:24px;padding:16px}.lab-navigation-context-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.lab-navigation-context-icon{font-size:1.2rem}.lab-navigation-context-title{color:#92400e;font-size:.9rem;font-weight:600}.lab-navigation-context-content{align-items:center;display:flex;gap:8px}.lab-navigation-context-content strong{color:#1e293b}.lab-navigation-context-type{color:#64748b;font-size:.875rem}@media (max-width:1700px) and (min-width:1400px){.lab-navigation{margin-bottom:22px;padding:22px}.lab-navigation-buttons{gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.lab-nav-button{padding:18px}.lab-navigation-title{font-size:1.4rem}}@media (max-width:1400px) and (min-width:1200px){.lab-navigation{margin-bottom:20px;padding:20px}.lab-navigation-buttons{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lab-nav-button{padding:16px}.lab-navigation-title{font-size:1.3rem}.lab-navigation-header{margin-bottom:24px}}@media (max-width:1200px) and (min-width:1024px){.lab-navigation{margin-bottom:18px;padding:18px}.lab-navigation-buttons{gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.lab-nav-button{padding:14px}.lab-navigation-title{font-size:1.2rem}.lab-navigation-header{margin-bottom:20px}.lab-navigation-grid{gap:20px}}@media (max-width:768px){.lab-navigation{margin-bottom:16px;padding:16px}.lab-navigation-buttons{grid-template-columns:1fr}.lab-nav-button{padding:16px}.lab-navigation-grid{gap:24px}}.lab-section-modal-body .form-grid{grid-gap:20px;display:grid;gap:20px}.lab-section-modal-body .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.lab-section-modal-body .create-node-form{max-width:none}.lab-section-modal-body .relationships-header,.lab-section-modal-body .section-header,.lab-section-modal-body .section-header-create-node,.lab-section-modal-body .section-header-nodes-list{background:#f8fafc;border-radius:8px;margin-bottom:24px;margin-top:0;padding:16px}.lab-section-modal-body .section-icon,.lab-section-modal-body .section-icon-create-node,.lab-section-modal-body .section-icon-nodes-list,.lab-section-modal-body .section-icon-pending-nodes,.lab-section-modal-body .section-icon-vector-search{display:none}.lab-section-modal-body .section-title,.lab-section-modal-body .section-title-create-node,.lab-section-modal-body .section-title-nodes-list{color:#1e293b;font-size:1.25rem;margin-top:0}.lab-section-modal-body .nodes-stats,.lab-section-modal-body .relationships-stats{display:flex;gap:16px;margin-bottom:20px}.lab-section-modal-body .stat-item{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:12px}.lab-section-modal-body .stat-value{color:#3b82f6;font-size:1.5rem;font-weight:700}.lab-section-modal-body .stat-label{color:#64748b;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.lab-section-modal-body .nodes-actions,.lab-section-modal-body .relationship-view-controls{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:16px}.lab-section-modal-body .nodes-filters,.lab-section-modal-body .relationship-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.lab-section-modal-body .nodes-search-bar{margin-bottom:16px}.lab-section-modal-body .action-buttons-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.lab-section-modal-body .create-manual-test-btn,.lab-section-modal-body .create-node-btn,.lab-section-modal-body .create-specification-btn{align-items:center;border:2px solid;border-radius:8px;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.lab-section-modal-body .create-node-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.lab-section-modal-body .create-node-btn:hover{background:#2563eb;border-color:#2563eb}.lab-section-modal-body .create-manual-test-btn{background:#10b981;border-color:#10b981;color:#fff}.lab-section-modal-body .create-manual-test-btn:hover{background:#059669;border-color:#059669}.lab-section-modal-body .create-specification-btn{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.lab-section-modal-body .create-specification-btn:hover{background:#7c3aed;border-color:#7c3aed}.lab-section-modal-fullscreen .lab-section-modal-body{padding:20px}.lab-section-modal-fullscreen .nodes-list,.lab-section-modal-fullscreen .relationships-body{max-height:none}@media (max-width:768px){.lab-section-modal-body .nodes-actions{padding:12px}.lab-section-modal-body .nodes-filters{align-items:stretch;flex-direction:column}.lab-section-modal-body .action-buttons-row{flex-direction:column}.lab-section-modal-body .nodes-stats{justify-content:center}}.lab-section-modal .lab-section-modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lab-section-modal-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.lab-section-modal-body .loading-overlay{position:relative}.lab-section-modal-body .loading-overlay:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.lab-header-unified{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #667eea26;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.lab-header-left{align-items:center;display:flex;gap:1.5rem}.back-to-home-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:all .2s ease}.back-to-home-btn:hover{background:#ffffff40;transform:translateY(-1px)}.lab-title-group{display:flex;flex-direction:column;gap:.25rem}.lab-main-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.lab-subtitle{color:#ffffffd9!important;font-size:1rem;font-weight:400;margin:0}.lab-header-actions{gap:1rem}.cgu-btn,.lab-header-actions{align-items:center;display:flex;justify-content:center}.cgu-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;height:40px;padding:.6rem;transition:all .2s ease;width:40px}.cgu-btn:hover{background:#ffffff40;transform:translateY(-1px)}.laboratory-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #f59e0b33;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.laboratory-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.laboratory-btn .action-icon{font-size:1rem;opacity:.9}@media (max-width:768px){.lab-header-unified{flex-direction:column;gap:1rem;padding:1rem}.lab-header-left{justify-content:space-between;width:100%}.lab-header-actions{justify-content:center;width:100%}.lab-main-title{font-size:1.5rem}}.recommended-action{animation:gentle-pulse 2s ease-in-out infinite;box-shadow:0 0 0 2px #10b9814d!important;position:relative}.recommended-action:before{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;content:attr(data-recommended-text);font-size:.7rem;font-weight:600;padding:2px 6px;position:absolute;right:-8px;top:-8px;z-index:10}@keyframes gentle-pulse{0%,to{box-shadow:0 0 0 2px #10b9814d}50%{box-shadow:0 0 0 4px #10b98133}}.action-with-tooltip{position:relative}.action-with-tooltip:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #ffffff1a;border-radius:6px;bottom:-45px;color:#fff;content:attr(data-tooltip);font-size:.8rem;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:1000}.action-with-tooltip:after,.action-with-tooltip:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.action-with-tooltip:before{border:4px solid;border-color:#0000 #0000 #000000e6;bottom:-37px;content:"";z-index:1001}.action-with-tooltip:hover:after,.action-with-tooltip:hover:before{opacity:1;visibility:visible}.lab-header-actions>*{transition:all .2s ease}.lab-header-actions>:hover{transform:translateY(-2px)}.lab-header-actions>*{animation:slide-in-from-right .6s ease-out forwards;opacity:0}.lab-header-actions>:first-child{animation-delay:.1s}.lab-header-actions>:nth-child(2){animation-delay:.2s}.lab-header-actions>:nth-child(3){animation-delay:.3s}.lab-header-actions>:nth-child(4){animation-delay:.4s}@keyframes slide-in-from-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.action-with-tooltip:focus{outline:2px solid #10b98180;outline-offset:2px}@media (max-width:768px){.action-with-tooltip:after{bottom:-40px;font-size:.7rem;padding:6px 8px}.recommended-action:before{font-size:.6rem;padding:1px 4px}.laboratory-btn{font-size:.8rem;padding:.5rem .8rem}}.workflow-guide-modal{margin:0 auto;max-width:600px}.workflow-guide-modal h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.workflow-guide-content{color:#4b5563;line-height:1.6}.workflow-sections{grid-gap:2rem;display:grid;gap:2rem;margin:2rem 0}.workflow-section-group h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.workflow-section-item{background:#f9fafb;border-left:3px solid #6366f1;border-radius:6px;margin-bottom:.5rem;padding:.75rem}.workflow-section-item strong{color:#1f2937}.workflow-tip{background:linear-gradient(135deg,#fef3c7,#fcd34d);border-left:4px solid #f59e0b;border-radius:8px;margin-top:2rem;padding:1rem}.workflow-tip strong{color:#92400e}@media (max-width:1700px) and (min-width:1200px){.lab-header-actions{gap:.6rem!important}.laboratory-trigger-features{display:none!important}.dmbt-guide-btn,.export-button,.header-action-button,.laboratory-btn,.laboratory-trigger-unified{align-items:center!important;box-sizing:border-box!important;display:flex!important;font-size:.8rem!important;gap:.4rem!important;height:66px!important;min-height:96px!important;min-width:auto!important;padding:.6rem .9rem!important;position:relative!important;width:auto!important}.dmbt-guide-btn:before{content:"🧠"!important}.dmbt-guide-btn:before,.export-button:before{font-size:1rem!important;margin:0!important;position:static!important;transform:none!important}.export-button:before{content:"📤"!important}.laboratory-btn:before{content:"🔬"!important;display:flex!important;font-size:1rem!important;margin:0!important;position:static!important;transform:none!important}.laboratory-trigger-unified .laboratory-trigger-content,.laboratory-trigger-unified .laboratory-trigger-title{display:block!important}.laboratory-trigger-unified .laboratory-trigger-header{align-items:center!important;display:flex!important;gap:.4rem!important}.laboratory-trigger-unified .laboratory-trigger-icon{flex-shrink:0!important;font-size:1rem!important;margin:0!important}.laboratory-trigger-unified .laboratory-trigger-title{font-size:.8rem!important;line-height:1.2!important;margin:0!important}.laboratory-trigger-unified .laboratory-trigger-description{display:none!important}.header-action-button .button-header{align-items:center!important;flex:1 1!important;flex-direction:row!important;gap:.4rem!important}.header-action-button .button-icon{flex-shrink:0!important;font-size:1rem!important;margin:0!important}.header-action-button .button-text-content{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:.1rem!important;min-width:0!important}.header-action-button .button-title{font-size:.8rem!important;font-weight:600!important;line-height:1.2!important;margin:0!important}.header-action-button .button-subtitle{display:none!important}.header-action-button .button-cta{background:#fff3!important;border-radius:3px!important;color:#fff!important;display:block!important;flex-shrink:0!important;font-size:.7rem!important;line-height:1!important;margin:0!important;padding:.1rem .3rem!important}.header-action-button .button-badge,.header-action-button .button-features{display:none!important}.cgu-btn{flex-shrink:0!important;font-size:1rem!important;height:44px!important;min-height:44px!important;width:44px!important}}@media (max-width:1200px){.lab-header-actions{gap:.5rem!important}.laboratory-trigger-features{display:none!important}.dmbt-guide-btn{display:block!important;font-size:0!important;gap:0!important;height:50px!important;overflow:hidden!important;padding:.7rem!important;position:relative!important;transition:all .3s ease!important;width:50px!important}.dmbt-guide-btn:before{content:"🧠"!important;font-size:1.5rem!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:all .3s ease!important}.dmbt-guide-btn:hover{align-items:center!important;display:flex!important;font-size:.85rem!important;gap:.5rem!important;padding:.7rem 1rem!important;width:auto!important}.dmbt-guide-btn:hover:before{font-size:1.2rem!important;margin:0!important;position:static!important;transform:none!important}.export-button{display:block!important;font-size:0!important;gap:0!important;height:50px!important;overflow:hidden!important;padding:.7rem!important;position:relative!important;transition:all .3s ease!important;width:50px!important}.export-button:before{content:"📤"!important;font-size:1.5rem!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:all .3s ease!important}.export-button:hover{align-items:center!important;display:flex!important;font-size:.85rem!important;gap:.5rem!important;padding:.7rem 1rem!important;width:auto!important}.export-button:hover:before{font-size:1.2rem!important;margin:0!important;position:static!important;transform:none!important}.laboratory-btn{display:block!important;font-size:0!important;gap:0!important;height:50px!important;overflow:hidden!important;padding:.7rem!important;position:relative!important;transition:all .3s ease!important;width:50px!important}.laboratory-btn:before{content:"🔬"!important;font-size:1.5rem!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:all .3s ease!important}.laboratory-btn:hover{align-items:center!important;display:flex!important;font-size:.85rem!important;gap:.5rem!important;padding:.7rem 1rem!important;width:auto!important}.laboratory-btn:hover:before{font-size:1.2rem!important;margin:0!important;position:static!important;transform:none!important}.laboratory-trigger-unified{height:50px!important;min-width:50px!important;overflow:hidden!important;padding:.5rem!important;transition:all .3s ease!important;width:50px!important}.laboratory-trigger-unified .laboratory-trigger-content,.laboratory-trigger-unified .laboratory-trigger-description,.laboratory-trigger-unified .laboratory-trigger-title{display:none!important}.laboratory-trigger-unified .laboratory-trigger-icon{font-size:1.5rem!important;margin:0!important}.laboratory-trigger-unified:hover{min-width:200px!important;padding:.7rem 1rem!important;width:auto!important}.laboratory-trigger-unified:hover .laboratory-trigger-content,.laboratory-trigger-unified:hover .laboratory-trigger-title{display:block!important}.laboratory-trigger-unified:hover .laboratory-trigger-header{align-items:center!important;display:flex!important;gap:.5rem!important}.laboratory-trigger-unified:hover .laboratory-trigger-icon{font-size:1.2rem!important}.header-action-button{height:50px!important;min-width:50px!important;overflow:hidden!important;padding:.5rem!important;transition:all .3s ease!important;width:50px!important}.header-action-button .button-header{align-items:center!important;flex-direction:column!important;justify-content:center!important}.header-action-button .button-icon{font-size:1.5rem!important;margin:0!important}.header-action-button .button-badge,.header-action-button .button-cta,.header-action-button .button-features,.header-action-button .button-text-content{display:none!important}.header-action-button:hover{min-width:200px!important;padding:.7rem 1rem!important;width:auto!important}.header-action-button:hover .button-header{flex-direction:row!important;gap:.5rem!important}.header-action-button:hover .button-icon{font-size:1.2rem!important}.header-action-button:hover .button-text-content{display:block!important}.header-action-button:hover .button-title{font-size:.85rem!important;margin:0!important}.cgu-btn{font-size:1.3rem!important;height:50px!important;transition:all .3s ease!important;width:50px!important}}@media (max-width:1024px){.lab-header-actions{flex-wrap:wrap!important;gap:.3rem!important;justify-content:center!important}.cgu-btn,.dmbt-guide-btn,.export-button,.header-action-button,.laboratory-btn,.laboratory-trigger-unified{height:40px!important;min-width:40px!important;width:40px!important}.dmbt-guide-btn:before,.export-button:before,.header-action-button .button-icon,.laboratory-btn:before,.laboratory-trigger-unified .laboratory-trigger-icon{font-size:1.2rem!important}.cgu-btn{font-size:1rem!important}}.user-dashboard_userDashboard__SivVf{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}.user-dashboard_dashboardHeader__O6GJM{align-items:center;background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:0 0 16px 16px;box-shadow:0 4px 12px #4f46e526;box-sizing:border-box;display:flex;justify-content:space-between;margin:0;padding:2rem;width:100%}.user-dashboard_headerLeft__26AMh{align-items:center;color:#fff;display:flex;gap:1rem}.user-dashboard_backButton__tfZtU{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.user-dashboard_backButton__tfZtU:hover{background:#fff3;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.user-dashboard_headerLeft__26AMh h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.user-dashboard_headerLeft__26AMh p{color:#fff;font-size:1rem;margin:0;opacity:.9}.user-dashboard_headerRight__UgNed{align-items:center;display:flex;gap:1.5rem}.user-dashboard_dmbtGuideSection__5s2QJ{align-items:center;display:flex}.user-dashboard_dmbtGuideSection__5s2QJ .dmbt-trigger{height:auto;max-width:220px;min-width:220px;transform:scale(.85)}.user-dashboard_userInfo__0fXdh{align-items:flex-end;color:#fff;display:flex;flex-direction:column}.user-dashboard_userInfo__0fXdh span:first-child{font-size:1rem;font-weight:500}.user-dashboard_userRole__YgaKH{background:#fff3;border-radius:12px;font-size:.875rem;font-weight:500;letter-spacing:.5px;opacity:.8;padding:.25rem .75rem;text-transform:uppercase}.user-dashboard_btnLogout__28tm2{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#dc2626;cursor:pointer;font-size:16px;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease}.user-dashboard_btnLogout__28tm2:hover{background:#ef444433;box-shadow:0 8px 25px #ef444433;transform:translateY(-2px)}.user-dashboard_dashboardNav__hcrO\+{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;display:flex;gap:.5rem;margin:1rem 2rem;overflow-x:auto;padding:.5rem;width:calc(100% - 4rem)}.user-dashboard_navButton__SBiak{background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.user-dashboard_navButton__SBiak:hover{background:#f3f4f6;color:#374151;transform:translateY(-1px)}.user-dashboard_navButtonActive__wgmDR{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;box-shadow:0 4px 12px #4f46e540;color:#fff!important;transform:translateY(-2px)}.user-dashboard_navButtonActive__wgmDR:after{background:#4f46e5;border-radius:50%;bottom:-.5rem;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.user-dashboard_dashboardContent__b6fqs{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 2rem 2rem;width:100%}.user-dashboard_overviewTitle__PpH2J{align-items:center;color:#1f2937;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 2rem}.user-dashboard_loading__bHwIp{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#6b7280;font-size:1.125rem;padding:4rem 2rem;text-align:center}.user-dashboard_statsGrid__YARcH{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.user-dashboard_statCard__RAyI-{background:#fff;border-left:4px solid #4f46e5;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.user-dashboard_statCard__RAyI-:before{background:linear-gradient(135deg,#4f46e51a,#6366f10d);border-radius:0 0 0 100px;content:"";height:100px;position:absolute;right:0;top:0;width:100px}.user-dashboard_statCard__RAyI-:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.user-dashboard_statCard__RAyI-:first-child{border-left-color:#4f46e5}.user-dashboard_statCard__RAyI-:nth-child(2){border-left-color:#10b981}.user-dashboard_statCard__RAyI-:nth-child(3){border-left-color:#f59e0b}.user-dashboard_statCard__RAyI-:nth-child(4){border-left-color:#ef4444}.user-dashboard_statTitle__bQD1Q{color:#6b7280;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.user-dashboard_statNumber__qFVf4{color:#1f2937;font-size:3rem;font-weight:700;margin:.5rem 0;position:relative;z-index:1}.user-dashboard_statDetail__HjEST{color:#6b7280;font-size:.875rem;font-weight:500;position:relative;z-index:1}.user-dashboard_quickActions__a9AUp{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:2.5rem;position:relative}.user-dashboard_quickActions__a9AUp:before{animation:user-dashboard_shimmer__q-SFS 3s ease-in-out infinite;background:linear-gradient(90deg,#4f46e5,#6366f1,#8b5cf6,#ec4899);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes user-dashboard_shimmer__q-SFS{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.user-dashboard_quickActionsTitle__k8GUL{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 2rem;position:relative}.user-dashboard_quickActionsTitle__k8GUL:after{background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:2px;bottom:-.75rem;content:"";height:3px;left:0;position:absolute;width:60px}.user-dashboard_actionsGrid__5keK5{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.user-dashboard_actionBtn__bsZgq{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;gap:1.25rem;overflow:hidden;padding:2rem;position:relative;text-align:left;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-dashboard_actionBtn__bsZgq:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.user-dashboard_actionBtn__bsZgq:hover:before{left:100%}.user-dashboard_actionBtn__bsZgq:hover{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-color:#4f46e5;box-shadow:0 20px 40px #0000001a,0 0 0 1px #4f46e51a;transform:translateY(-8px) scale(1.02)}.user-dashboard_actionIcon__D7LrZ{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:18px;box-shadow:0 8px 24px #4f46e540;display:flex;flex-shrink:0;font-size:2.5rem;height:70px;justify-content:center;overflow:hidden;position:relative;transition:all .4s ease;width:70px}.user-dashboard_actionBtn__bsZgq:hover .user-dashboard_actionIcon__D7LrZ{box-shadow:0 12px 32px #4f46e566;transform:rotate(5deg) scale(1.1)}.user-dashboard_actionBtn__bsZgq:first-child .user-dashboard_actionIcon__D7LrZ{background:linear-gradient(135deg,#4f46e5,#6366f1)}.user-dashboard_actionBtn__bsZgq:nth-child(2) .user-dashboard_actionIcon__D7LrZ{background:linear-gradient(135deg,#10b981,#34d399)}.user-dashboard_actionBtn__bsZgq:nth-child(3) .user-dashboard_actionIcon__D7LrZ{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.user-dashboard_actionBtn__bsZgq:nth-child(4) .user-dashboard_actionIcon__D7LrZ{background:linear-gradient(135deg,#ec4899,#f472b6)}.user-dashboard_actionContent__UAFLv{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.user-dashboard_actionTitle__OT24N{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0;transition:color .3s ease}.user-dashboard_actionBtn__bsZgq:hover .user-dashboard_actionTitle__OT24N{color:#4f46e5}.user-dashboard_actionDescription__9Yf9w{color:#6b7280;font-size:.925rem;font-weight:500;line-height:1.5;margin:0}.user-dashboard_actionArrow__QcFVz{color:#d1d5db;font-size:1.5rem;margin-left:auto;transform:translateX(0);transition:all .3s ease}.user-dashboard_actionBtn__bsZgq:hover .user-dashboard_actionArrow__QcFVz{color:#4f46e5;transform:translateX(5px)}.user-dashboard_actionBadge__YUz\+9{background:#ef4444;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:.25rem .5rem;position:absolute;right:.75rem;text-align:center;top:.75rem}.user-dashboard_actionBtn__bsZgq{animation:user-dashboard_slideInUp__fzSVM .6s ease forwards;opacity:0}.user-dashboard_actionBtn__bsZgq:first-child{animation-delay:.1s}.user-dashboard_actionBtn__bsZgq:nth-child(2){animation-delay:.2s}.user-dashboard_actionBtn__bsZgq:nth-child(3){animation-delay:.3s}.user-dashboard_actionBtn__bsZgq:nth-child(4){animation-delay:.4s}@keyframes user-dashboard_slideInUp__fzSVM{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-dashboard_profileSection__wxBEE{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.user-dashboard_profileCard__p9-fl{background:#fff;border-left:4px solid #4f46e5;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:2rem;transition:all .3s ease}.user-dashboard_profileCard__p9-fl:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.user-dashboard_profileCard__p9-fl:nth-child(2){border-left-color:#10b981}.user-dashboard_profileCardTitle__93NO3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.user-dashboard_profileInfo__oczkv{display:flex;flex-direction:column;gap:1rem}.user-dashboard_profileField__UoZNL{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.user-dashboard_profileField__UoZNL:last-child{border-bottom:none}.user-dashboard_profileFieldLabel__Msq6Q{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-dashboard_profileFieldValue__XDeSb{color:#1f2937;font-size:1rem;font-weight:500}.user-dashboard_profileFieldValue__XDeSb.user-dashboard_email__9CVRo{color:#4f46e5;font-family:Monaco,Menlo,monospace;font-size:.9rem}.user-dashboard_profileFieldValue__XDeSb.user-dashboard_role__3v8Oj{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.user-dashboard_profileFieldValue__XDeSb.user-dashboard_status__FCM3v{background:#dcfce7;border-radius:12px;color:#166534;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.user-dashboard_profileFieldValue__XDeSb.user-dashboard_tenantId__l1z-x{background:#f3f4f6;border-radius:6px;color:#6b7280;font-family:Monaco,Menlo,monospace;font-size:.85rem;padding:.25rem .5rem}.user-dashboard_profileActions__uoN3r{background:#fff;border-left:4px solid #f59e0b;border-radius:16px;box-shadow:0 4px 12px #0000000d;grid-column:1/-1;margin-top:1rem;padding:2rem}.user-dashboard_profileActionsTitle__uSAbE{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.user-dashboard_profileActionsGrid__7IieC{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.user-dashboard_profileActionBtn__EH5cQ{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease}.user-dashboard_profileActionBtn__EH5cQ:hover{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-color:#4f46e5;box-shadow:0 12px 25px #0000001a;transform:translateY(-4px)}.user-dashboard_profileActionIcon__gTdtR{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.user-dashboard_profileActionBtn__EH5cQ:nth-child(2) .user-dashboard_profileActionIcon__gTdtR{background:linear-gradient(135deg,#ef4444,#f87171)}.user-dashboard_profileActionBtn__EH5cQ:nth-child(3) .user-dashboard_profileActionIcon__gTdtR{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.user-dashboard_profileActionContent__rDRAL{flex:1 1}.user-dashboard_profileActionTitle__UNGSB{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.user-dashboard_profileActionDescription__XnV5B{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.user-dashboard_profileHeader__VgJj6{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:16px;box-shadow:0 8px 32px #4f46e540;color:#fff;display:flex;gap:2rem;grid-column:1/-1;margin-bottom:2rem;padding:2.5rem}.user-dashboard_profileAvatar__wxNjK{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;height:80px;justify-content:center;width:80px}.user-dashboard_profileHeaderContent__QKXYR{flex:1 1}.user-dashboard_profileHeaderTitle__J8aoh{font-size:2rem;font-weight:700;margin:0 0 .5rem}.user-dashboard_profileHeaderSubtitle__z-tFN{font-size:1.125rem;margin:0;opacity:.9}@media (max-width:768px){.user-dashboard_dashboardHeader__O6GJM{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.user-dashboard_dashboardNav__hcrO\+{flex-wrap:wrap;margin:1rem;width:calc(100% - 2rem)}.user-dashboard_dashboardContent__b6fqs{padding:0 1rem 2rem}.user-dashboard_actionsGrid__5keK5{gap:1rem;grid-template-columns:1fr}.user-dashboard_actionBtn__bsZgq{gap:1rem;padding:1.5rem}.user-dashboard_actionIcon__D7LrZ{font-size:2rem;height:60px;width:60px}.user-dashboard_profileSection__wxBEE{gap:1rem;grid-template-columns:1fr}.user-dashboard_profileHeader__VgJj6{flex-direction:column;gap:1rem;padding:2rem;text-align:center}.user-dashboard_profileActionsGrid__7IieC{grid-template-columns:1fr}.user-dashboard_profileActionBtn__EH5cQ{padding:1.25rem}.user-dashboard_profileActionIcon__gTdtR{font-size:1.25rem;height:40px;width:40px}}@media (max-width:480px){.user-dashboard_dashboardHeader__O6GJM{padding:1rem}.user-dashboard_dashboardNav__hcrO\+{margin:.5rem;width:calc(100% - 1rem)}.user-dashboard_dashboardContent__b6fqs{padding:0 .5rem 2rem}.user-dashboard_quickActions__a9AUp{padding:1.5rem}.user-dashboard_actionBtn__bsZgq{border-radius:16px;padding:1.25rem}.user-dashboard_actionIcon__D7LrZ{border-radius:14px;font-size:1.75rem;height:50px;width:50px}.user-dashboard_profileActions__uoN3r,.user-dashboard_profileCard__p9-fl,.user-dashboard_profileHeader__VgJj6{padding:1.5rem}.user-dashboard_profileHeaderTitle__J8aoh{font-size:1.5rem}.user-dashboard_profileHeaderSubtitle__z-tFN{font-size:1rem}}.user-dashboard_dangerAction__K-TkL{border-color:#ef4444!important}.user-dashboard_dangerAction__K-TkL:hover{background:linear-gradient(145deg,#fef2f2,#fee2e2)!important;border-color:#dc2626!important}.user-dashboard_dangerAction__K-TkL .user-dashboard_profileActionIcon__gTdtR{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.user-dashboard_dangerAction__K-TkL .user-dashboard_profileActionTitle__UNGSB{color:#dc2626!important}.entity-join-request{background:#fff;border:1px solid #ddd;border-radius:8px;margin:20px auto;max-width:600px;padding:20px}.entity-join-request h3{color:#333;margin-bottom:20px;text-align:center}.form-group label{color:#555}.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{align-items:center;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-weight:400;padding:8px;transition:background-color .3s}.radio-group label:hover{background-color:#f8f9fa}.radio-group input[type=radio]{margin-right:8px}.help-text{color:#666;display:block;font-size:12px;margin-top:5px}.info-box{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;margin:15px 0;padding:15px}.btn{display:inline-block;padding:12px 24px;text-decoration:none}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn:disabled{cursor:not-allowed;opacity:.6}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}select.form-control{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}textarea.form-control{min-height:80px;resize:vertical}@media (max-width:768px){.entity-join-request{margin:10px;padding:15px}.radio-group{gap:8px}.radio-group label{font-size:14px;padding:6px}}.user-entity-requests{margin:20px auto;max-width:800px;padding:20px}.user-entity-requests h3{color:#333;margin-bottom:20px;text-align:center}.loading{font-size:16px}.loading,.no-requests{color:#666;padding:40px}.no-requests{background:#f8f9fa;border-radius:8px}.requests-list{display:flex;flex-direction:column}.request-card{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .3s}.request-card:hover{box-shadow:0 4px 8px #00000026}.request-header{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:10px}.request-header h4{color:#333;font-size:18px;margin:0}.status-badge{letter-spacing:.5px}.status-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-approved{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-rejected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.detail-row{line-height:1.5}.detail-row strong{color:#555;margin-right:8px}.detail-row.comment{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.detail-row.comment p{background:#f8f9fa;border-radius:4px;color:#666;font-style:italic;margin:5px 0 0;padding:10px}.request-actions{align-items:center;flex-wrap:wrap;gap:15px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;text-align:center;transition:all .3s}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.rejected-message,.success-message{align-items:center;display:flex;font-weight:500;gap:8px;padding:10px 15px}.rejected-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.alert{border-radius:4px;padding:12px}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.user-entity-requests{margin:10px;padding:15px}.request-header{align-items:flex-start;flex-direction:column;gap:10px}.request-actions{align-items:stretch;flex-direction:column}.btn{width:100%}.rejected-message,.success-message{text-align:center}}.entity-join-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.entity-join-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e5e7eb;padding:24px}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-content{padding:24px}.type-selection p{color:#6b7280;font-size:1.1rem;margin-bottom:24px;text-align:center}.option-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.option-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .2s}.option-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.option-icon{font-size:2.5rem;margin-bottom:16px}.option-card h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 8px}.option-card p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 0 12px}.option-card small{color:#f59e0b;font-size:.85rem;font-weight:500}.join-form{max-width:none}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:12px;transition:border-color .2s}.form-group small{font-size:.85rem;margin-top:6px}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:20px 0;padding:16px}.info-box p{color:#0c4a6e;font-size:.9rem;line-height:1.5;margin:0 0 8px}.info-box p:last-child{margin-bottom:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.error-message,.success-message{font-size:.9rem;margin:16px 0;padding:12px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d}.form-actions{gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-primary,.btn-secondary{border-radius:8px;font-size:.95rem;padding:12px 24px}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af}.btn-secondary{border:1px solid #d1d5db}.btn-secondary:hover{border-color:#9ca3af}@media (max-width:768px){.entity-join-modal{margin:20px;width:95%}.option-cards{grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-content,.modal-header{padding:16px}}.license-management{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.license-header{margin-bottom:30px;text-align:center}.license-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:8px}.license-header p{color:#6b7280;font-size:1.1rem}.license-management.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{text-align:center}.spinner{border-top-color:#3b82f6;margin:0 auto 16px}.alert{font-weight:500;margin-bottom:20px;padding:16px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-icon{margin-right:12px}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;margin-left:auto;opacity:.7}.alert-close:hover{opacity:1}.current-license{margin-bottom:40px}.license-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 10px 25px #3b82f64d;color:#fff;margin-bottom:24px;padding:24px}.license-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.status-badge{font-size:.875rem;font-weight:600;padding:6px 12px}.status-active{background-color:#10b98133;border:1px solid #10b9814d;color:#10b981}.license-info h3{font-size:1.5rem;font-weight:700;margin:0 0 8px}.license-type{margin:0 0 4px;opacity:.9}.license-expiry{font-size:.875rem;margin:0;opacity:.8}.btn-cancel{background-color:#ef444433;border:1px solid #ef44444d;color:#ef4444;transition:all .2s}.btn-cancel:hover{background-color:#ef44444d}.usage-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.usage-section h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 20px}.usage-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.usage-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.usage-header{margin-bottom:8px}.usage-label{color:#374151}.usage-numbers{color:#6b7280;font-size:.875rem;font-weight:600}.usage-bar{background-color:#f3f4f6;border-radius:3px;height:6px;margin-bottom:8px}.usage-percentage{font-size:.875rem}.violations-alert{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:16px}.violations-alert h5{color:#dc2626;font-size:1rem;font-weight:600;margin:0 0 8px}.violations-alert ul{color:#dc2626;margin:8px 0;padding-left:20px}.violations-alert p{color:#7f1d1d;font-size:.875rem;margin:8px 0 0}.no-license{margin-bottom:40px}.trial-offer{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 10px 25px #10b9814d;color:#fff;padding:32px;text-align:center}.trial-offer h3{font-size:1.75rem;font-weight:700;margin:0 0 12px}.trial-features{margin:20px 0}.trial-features ul{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0;text-align:left}.trial-features li{padding:4px 0}.trial-used{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center}.trial-used h3{color:#6b7280;margin:0 0 8px}.btn-trial{background-color:#fff;border:none;border-radius:8px;color:#10b981;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .2s}.btn-trial:hover{background-color:#f0fdf4;transform:translateY(-1px)}.btn-trial:disabled{cursor:not-allowed;opacity:.7;transform:none}.plans-section{margin-bottom:40px}.plans-section h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 24px;text-align:center}.billing-toggle{background-color:#f3f4f6;border-radius:8px;display:flex;justify-content:center;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.billing-toggle button{background:none;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;position:relative;transition:all .2s}.billing-toggle button.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.discount-badge{background-color:#ef4444;border-radius:4px;color:#fff;font-size:.75rem;margin-left:8px;padding:2px 6px}.plans-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.plan-card{background:#fff;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;transition:all .3s}.plan-card:hover{border-color:#3b82f6;box-shadow:0 20px 40px #3b82f61a}.plan-card.selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.plan-card.current{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.current-plan-badge{background-color:#10b981;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:16px;top:16px}.plan-header{margin-bottom:24px}.plan-header h4{color:#1f2937;font-size:1.5rem;margin:0 0 12px}.plan-price{margin-bottom:8px}.price-amount{color:#3b82f6;font-size:2.5rem;font-weight:800}.price-period{color:#6b7280;font-size:1rem}.annual-savings{color:#10b981;font-size:.875rem;font-weight:600}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#374151;display:flex;padding:8px 0}.feature-check{font-size:1rem;margin-right:12px}.btn-subscribe{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:24px;padding:12px;transition:all .2s;width:100%}.btn-subscribe:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-subscribe:disabled{cursor:not-allowed;opacity:.7;transform:none}.support-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center}.support-section h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.support-section a{color:#3b82f6;font-weight:500;text-decoration:none}.support-section a:hover{text-decoration:underline}@media (max-width:768px){.license-management{padding:16px}.license-header h2{font-size:1.5rem}.plans-grid,.trial-features ul,.usage-grid{grid-template-columns:1fr}.license-status{align-items:flex-start;flex-direction:column;gap:12px}}.credit-purchase-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.credit-purchase-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.credit-purchase-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.credit-purchase-header h3{font-size:1.25rem;font-weight:600;margin:0}.credit-purchase-close{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.credit-purchase-close:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.credit-purchase-close:disabled{cursor:not-allowed;opacity:.5}.credit-purchase-content{padding:24px}.current-usage-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:8px;margin-bottom:24px;padding:16px}.usage-stat{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.credit-options h4,.usage-value{color:#212529;font-weight:600}.credit-options h4{margin:0 0 16px}.credit-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.credit-option{background:#fff;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .2s}.credit-option:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.credit-option.selected{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;box-shadow:0 6px 20px #007bff4d;color:#fff}.credit-option.recommended{border-color:#28a745}.credit-option.recommended.selected{background:linear-gradient(135deg,#28a745,#1e7e34);border-color:#28a745}.recommended-badge{background:#28a745;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;left:50%;padding:4px 8px;position:absolute;top:-8px;transform:translateX(-50%)}.credit-option-header{margin-bottom:8px}.credit-quantity{display:block;font-size:1.2rem;font-weight:700}.credit-unit{font-size:.8rem;opacity:.8}.credit-price{color:#007bff;font-size:1.5rem;font-weight:700;margin-bottom:8px}.credit-option.selected .credit-price{color:#fff}.credit-description{font-size:.9rem;font-weight:500;margin-bottom:4px}.credit-savings{color:#28a745;font-size:.8rem;font-weight:600;margin-bottom:4px}.credit-option.selected .credit-savings{color:#a8e6a3}.credit-per-call{font-size:.7rem;opacity:.7}.purchase-summary{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:16px}.summary-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.summary-row:last-child{margin-bottom:0}.summary-row.total{border-top:1px solid #dee2e6;color:#007bff;font-size:1rem;font-weight:600;padding-top:8px}.credit-purchase-footer{display:flex;gap:12px;padding:0 24px 20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px 16px;transition:all .2s}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#545b62;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.credit-purchase-info{padding:0 24px 20px;text-align:center}.credit-purchase-info small{color:#6c757d;line-height:1.4}@media (max-width:768px){.credit-purchase-modal{margin:10px;width:95%}.credit-options-grid{grid-template-columns:1fr}.credit-purchase-footer{flex-direction:column}.credit-purchase-content{padding:16px}}.license-status-widget{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:20px 0;max-width:400px;overflow:hidden;transition:all .3s ease}.license-status-widget:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.license-widget-blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #06c}.license-widget-green{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:4px solid #28a745}.license-widget-orange{background:linear-gradient(135deg,#fff3e0,#ffcc02);border-left:4px solid #ff8c00}.license-widget-red{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #dc3545}.license-widget-urgent{animation:license-widget-pulse 2s infinite}@keyframes license-widget-pulse{0%,to{opacity:1}50%{opacity:.9}}.usage-header{margin-bottom:12px}.usage-header h5{color:#495057;font-weight:600;margin:0}.refresh-btn{align-items:center;background:#007bff1a;border:1px solid #007bff4d;border-radius:50%;color:#007bff;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.refresh-btn:hover:not(:disabled){background:#007bff33;transform:scale(1.1)}.refresh-btn.refreshing{animation:spin 1s linear infinite}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.license-usage-item.enhanced{background:#ffffffb3;border:1px solid #0000000d;border-radius:8px;margin-bottom:12px;padding:12px}.usage-item-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.usage-icon{font-size:1.1rem}.usage-label{flex:1 1;font-weight:500}.usage-percentage{background:#007bff1a;border-radius:4px;color:#007bff;font-size:.9rem;font-weight:600;padding:2px 6px}.usage-item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.usage-numbers{color:#212529;font-weight:500}.usage-remaining{font-size:.8rem}.license-usage-fill.normal{background:linear-gradient(90deg,#28a745,#20c997)}.license-usage-fill.warning{background:linear-gradient(90deg,#ffc107,#fd7e14)}.license-usage-fill.critical{background:linear-gradient(90deg,#dc3545,#e83e8c)}.usage-actions{display:flex;gap:8px;margin-top:8px}.buy-credits-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.buy-credits-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 2px 8px #007bff4d;transform:translateY(-1px)}.usage-alert{align-items:center;border-radius:4px;display:flex;font-size:.8rem;gap:6px;margin-top:6px;padding:6px 8px}.usage-alert.warning{background:#ffc1071a;border:1px solid #ffc1074d;color:#856404}.usage-alert.critical{background:#dc35451a;border:1px solid #dc35454d;color:#721c24}.alert-icon{font-size:.9rem}.license-widget-header{align-items:center;cursor:pointer;display:flex;padding:16px;transition:background-color .2s ease}.license-widget-header:hover{background-color:#ffffff4d}.license-widget-icon{align-items:center;background:#fffc;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;font-size:24px;height:40px;justify-content:center;margin-right:12px;width:40px}.license-widget-info{flex:1 1;min-width:0}.license-widget-title{color:#333;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 4px}.license-widget-subtitle{color:#666;font-size:14px;line-height:1.3;margin:0}.license-widget-actions{align-items:center;display:flex;gap:8px}.license-widget-btn{background:#ffffffe6;border:none;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.license-widget-btn:hover{background:#fff;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.license-widget-expand{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:4px;transition:all .2s ease}.license-widget-expand:hover{background:#fffc;color:#333}.license-widget-progress{align-items:center;display:flex;gap:12px;padding:0 16px 12px}.license-progress-bar{background:#fff9;border-radius:3px;box-shadow:inset 0 1px 3px #0000001a;flex:1 1;height:6px;overflow:hidden}.license-progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:3px;height:100%;transition:width .3s ease}.license-widget-red .license-progress-fill{background:linear-gradient(90deg,#dc3545,#e74c3c)}.license-widget-orange .license-progress-fill{background:linear-gradient(90deg,#ff8c00,orange)}.license-progress-text{color:#555;font-size:12px;font-weight:500;white-space:nowrap}.license-widget-details{animation:license-widget-expand .3s ease;background:#ffffff80;border-top:1px solid #fffc;padding:16px}@keyframes license-widget-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.license-detail-section{margin-bottom:20px}.license-detail-section:last-child{margin-bottom:0}.license-detail-section h5{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.license-usage-bars{display:flex;flex-direction:column;gap:10px}.license-usage-item{align-items:center;display:flex;font-size:13px;gap:10px}.license-usage-item span:first-child{color:#555;font-weight:500;min-width:70px}.license-usage-item span:last-child{color:#333;font-weight:500;text-align:right}.license-usage-bar{background:#fffc;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.license-usage-fill{background:linear-gradient(90deg,#06c,#4dabf7);border-radius:2px;height:100%;transition:width .3s ease}.license-plans-mini{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.license-plan-mini{background:#fffc;border:1px solid #fff9;border-radius:6px;font-size:13px;line-height:1.4;padding:10px}.license-plan-mini strong{color:#06c}.license-plan-mini small{color:#666}.license-contact-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.license-contact-btn{align-items:center;background:#ffffffe6;border:1px solid #06c3;border-radius:6px;color:#06c;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;text-align:left;transition:all .2s ease}.license-contact-btn:hover{background:#fff;border-color:#06c;box-shadow:0 2px 6px #0066cc26;transform:translateY(-1px)}.license-contact-btn:active{transform:translateY(0)}@media (min-width:400px){.license-contact-options{grid-template-columns:1fr 1fr}.license-contact-btn:last-child{grid-column:1/-1}}.license-widget-footer{border-top:1px solid #fffc;display:flex;gap:10px;margin-top:16px;padding-top:16px}.license-widget-btn-primary{background:linear-gradient(135deg,#06c,#4dabf7);color:#fff;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px}.license-widget-btn-primary:hover{background:linear-gradient(135deg,#0052a3,#339af0)}.license-widget-btn-secondary{background:#ffffffe6;color:#666;font-size:14px;padding:10px 16px}.license-widget-btn-secondary:hover{background:#fff;color:#333}@media (max-width:768px){.license-status-widget{margin:15px 0;max-width:100%}.license-widget-header{padding:14px}.license-widget-actions{flex-direction:column;gap:6px}.license-widget-btn{font-size:12px;padding:5px 10px}.license-plans-mini{grid-template-columns:1fr}.license-widget-footer{flex-direction:column}}.license-status-widget{animation:license-widget-fadeIn .5s ease}@keyframes license-widget-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.usage-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.usage-dashboard-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.usage-dashboard-header h2{color:#212529;font-weight:700;margin:0}.header-actions{gap:16px}.refresh-dashboard-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.refresh-dashboard-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.refresh-dashboard-btn:disabled{cursor:not-allowed;opacity:.6}.last-update{color:#6c757d;font-size:.9rem}.loading-container{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#007bff;margin-bottom:16px}.error-message{color:#dc3545;font-weight:500;padding:40px}.global-alerts{margin-bottom:30px}.global-alert{border-radius:8px;margin-bottom:12px;overflow:hidden}.global-alert.warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107}.global-alert.critical{background:linear-gradient(135deg,#f8d7da,#fab1a0);border:1px solid #dc3545}.alert-content{align-items:center;display:flex;gap:12px;padding:16px}.alert-icon{font-size:1.5rem}.alert-text{display:flex;flex:1 1;flex-direction:column;gap:8px}.alert-action-btn{border:1px solid #0000001a;border-radius:4px;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.alert-action-btn:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.license-info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:30px;padding:24px}.license-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.license-info-header h3{color:#212529;font-weight:600;margin:0}.license-status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.license-status-badge.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.license-status-badge.trial{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.license-info-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.license-info-item{display:flex;flex-direction:column}.info-label{color:#6c757d;font-size:.9rem;margin-bottom:4px}.info-value{color:#212529}.info-value small{color:#6c757d;font-weight:400}.usage-overview{margin-bottom:30px}.usage-overview h3{color:#212529;font-weight:600;margin-bottom:20px}.usage-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.usage-card{background:#fff;border:1px solid #e1e5e9;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.usage-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.usage-card-header{align-items:center;gap:12px;margin-bottom:20px}.usage-card-icon{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:12px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.usage-card.api-calls .usage-card-icon{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.usage-card.nodes .usage-card-icon{background:linear-gradient(135deg,#fff3e0,#ffcc02)}.usage-card.storage .usage-card-icon{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.usage-card.users .usage-card-icon{background:linear-gradient(135deg,#fce4ec,#f8bbd9)}.usage-card-title{flex:1 1}.usage-card-title h4{color:#212529;font-size:1.1rem;font-weight:600;margin:0 0 4px}.usage-card-subtitle{color:#6c757d;font-size:.9rem}.usage-card-percentage{border-radius:6px;font-size:1.2rem;font-weight:700;padding:6px 12px}.usage-card-percentage.normal{background:#d4edda;color:#155724}.usage-card-percentage.warning{background:#fff3cd;color:#856404}.usage-card-percentage.critical{background:#f8d7da;color:#721c24}.usage-card-progress{margin-bottom:16px}.usage-progress-bar{border-radius:4px;height:8px;margin-bottom:8px}.usage-progress-fill{border-radius:4px;transition:width .5s ease}.usage-progress-fill.critical{background:linear-gradient(90deg,#dc3545,#e83e8c)}.usage-numbers{font-size:1.1rem;gap:8px}.usage-numbers .used{color:#212529;font-weight:700}.usage-numbers .limit,.usage-numbers .separator{color:#6c757d}.usage-card-footer{align-items:center;display:flex;justify-content:space-between}.remaining{color:#6c757d;font-size:.9rem}.buy-more-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.buy-more-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.quick-actions{margin-bottom:30px}.quick-actions h3{color:#212529;margin-bottom:20px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{border:2px solid #e1e5e9;border-radius:12px;color:#212529;flex-direction:column;gap:8px;padding:20px;text-decoration:none}.quick-action-btn:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 4px 12px #007bff26}.quick-action-icon{font-size:2rem}.quick-action-text{font-weight:500;text-align:center}.quick-action-btn.upgrade:hover{border-color:#28a745}.quick-action-btn.credits:hover{border-color:#007bff}.quick-action-btn.support:hover{border-color:#ffc107}.quick-action-btn.billing:hover{border-color:#6f42c1}@media (max-width:768px){.usage-dashboard{padding:16px}.usage-dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:space-between;width:100%}.usage-cards-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.license-info-content{grid-template-columns:1fr}}.billing-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.billing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;flex-shrink:0;padding:2rem}.billing-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0}.billing-subtitle{color:#fffc;font-size:1.1rem;margin:.5rem 0 0}.billing-error,.billing-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:48px;width:48px}.error-icon{font-size:4rem;margin-bottom:1rem}.billing-alerts{margin-bottom:1rem;padding:0 2rem}.billing-alert{align-items:center;border-radius:8px;display:flex;font-weight:600;gap:1rem;margin-bottom:.5rem;padding:1rem}.billing-alert.warning{background:#ffc107e6;border-left:4px solid #ffc107;color:#856404}.billing-alert.critical{background:#dc3545e6;border-left:4px solid #dc3545;color:#721c24}.alert-action-btn{background:#ffffffe6;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-left:auto;padding:.5rem 1rem}.billing-tabs{background:#ffffff1a;display:flex;flex-shrink:0;gap:.5rem;padding:0 2rem}.billing-content{background:#fff;border-radius:0 0 12px 12px;flex:1 1;margin:0 2rem 2rem;min-height:calc(100vh - 200px);padding:2rem}.overview-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.overview-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.overview-card .card-header h3{color:#495057;font-size:1.2rem;margin:0 0 1rem}.current-plan .plan-info{margin-bottom:1rem}.plan-name{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-expiry,.plan-type{color:#6c757d;font-size:.9rem}.days-remaining{color:#dc3545;font-weight:600}.usage-items{gap:1rem}.usage-item,.usage-items{display:flex;flex-direction:column}.usage-item{gap:.5rem}.usage-label{color:#495057;font-weight:600}.usage-value{color:#667eea;font-size:1.1rem;font-weight:700}.usage-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .3s ease}.usage-bar.warning .usage-fill{background:linear-gradient(90deg,#ffc107,#fd7e14)}.usage-bar.critical .usage-fill{background:linear-gradient(90deg,#dc3545,#c82333)}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.usage-header h3{color:#495057;margin:0}.usage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.usage-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.usage-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.usage-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.usage-icon{font-size:2rem;opacity:.8}.usage-title h4{color:#495057;font-size:1.1rem;margin:0}.usage-subtitle{color:#6c757d;font-size:.85rem;margin-top:.25rem}.usage-percentage{border-radius:20px;font-size:1.2rem;font-weight:700;margin-left:auto;padding:.25rem .75rem}.usage-percentage.normal{background:#28a7451a;color:#28a745}.usage-percentage.warning{background:#ffc1071a;color:#ffc107}.usage-percentage.critical{background:#dc35451a;color:#dc3545}.usage-progress{margin-bottom:1rem}.progress-bar{background:#e9ecef;border-radius:5px;height:10px;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:5px}.progress-bar.warning .progress-fill{background:linear-gradient(90deg,#ffc107,#fd7e14)}.progress-bar.critical .progress-fill{background:linear-gradient(90deg,#dc3545,#c82333)}.usage-numbers{align-items:center;color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between}.used{color:#495057;font-weight:700}.usage-remaining{font-size:.85rem;text-align:center}.billing-history h3{color:#495057;margin:0 0 2rem}.empty-history{color:#6c757d;padding:3rem;text-align:center}.empty-icon{font-size:4rem;opacity:.5}.invoices-section,.payments-section{margin-bottom:2rem}.invoices-section h4,.payments-section h4{border-bottom:2px solid #e9ecef;color:#495057;margin-bottom:1rem;padding-bottom:.5rem}.invoices-list,.payments-list{display:flex;flex-direction:column;gap:.75rem}.invoice-item,.payment-item{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:1rem;padding:1rem}.invoice-info,.payment-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.invoice-date,.payment-date{color:#6c757d;font-size:.85rem}.invoice-number,.payment-description{color:#495057;font-weight:600}.invoice-amount,.payment-amount{color:#28a745;font-size:1.1rem;font-weight:700}.payment-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.payment-status.success{background:#28a7451a;color:#28a745}.payment-status.pending{background:#ffc1071a;color:#ffc107}.payment-status.failed{background:#dc35451a;color:#dc3545}.billing-plans h3{color:#495057;margin:0 0 2rem;text-align:center}.plans-grid{grid-gap:1.5rem;gap:1.5rem}.plan-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #dee2e6;padding:1.5rem;transition:all .3s ease}.plan-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.plan-card.current{background:linear-gradient(135deg,#f8fff9,#f0fff4);border-color:#28a745}.plan-header{margin-bottom:1.5rem;position:relative;text-align:center}.plan-header h4{color:#495057;font-size:1.3rem;font-weight:700;margin:0}.current-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:-10px;text-transform:uppercase;top:-10px}.plan-features{margin-bottom:1.5rem}.plan-feature{border-bottom:1px solid #f1f3f4;color:#495057;font-size:.9rem;padding:.5rem 0}.plan-feature:last-child{border-bottom:none}.no-data-message{color:#6c757d;font-style:italic;margin-top:1rem;text-align:center}.no-invoices,.no-payments{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;margin:1rem 0;padding:2rem;text-align:center}.billing-download-button:disabled{background:#6c757d!important;cursor:not-allowed;opacity:.6}.billing-download-button:disabled:hover{background:#6c757d!important;transform:none}.billing-back-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.billing-back-button:hover{background:#ffffff4d;transform:translateY(-2px)}.billing-retry-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.billing-retry-button:hover{background:#2980b9;transform:translateY(-2px)}.billing-tab-button{background:#ffffff1a;border:none;border-radius:8px 8px 0 0;color:#fffc;cursor:pointer;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.billing-tab-button:hover{background:#fff3;color:#fff}.billing-tab-button.active{background:#fff;color:#333;font-weight:600}.billing-alert-action-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.billing-alert-action-btn:hover{background:#c0392b;transform:translateY(-1px)}.billing-upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.billing-upgrade-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px)}.billing-action-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:.25rem;padding:.75rem 1.5rem;transition:all .3s ease}.billing-action-button:hover{background:#2980b9;transform:translateY(-2px)}.billing-action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.billing-action-button.primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.billing-refresh-button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.billing-refresh-button:hover{background:#229954;transform:translateY(-1px)}.billing-download-button{background:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.billing-download-button:hover{background:#e67e22;transform:translateY(-1px)}.billing-select-plan-button{background:#8e44ad;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.billing-select-plan-button:hover{background:#7d3c98;transform:translateY(-2px)}@media (max-width:768px){.billing-header{padding:1rem}.billing-header h1{font-size:2rem}.billing-content{margin:0 1rem 1rem;padding:1rem}.billing-tabs{flex-wrap:wrap;padding:0 1rem}.billing-tab-button{font-size:.9rem;padding:.75rem 1rem}.overview-cards,.plans-grid,.usage-grid{grid-template-columns:1fr}.usage-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.usage-percentage{align-self:flex-start;margin-left:0}.invoice-item,.payment-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.settings-overlay{align-items:center;animation:overlay-appear .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.settings-container{animation:modal-appear .3s ease;border-radius:16px;box-shadow:0 20px 40px #00000026;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.settings-container,.settings-notification{background:#fff;background:var(--background-primary,#fff);display:flex}.settings-notification{align-items:center;animation:notification-slide .3s ease;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #00000026;gap:8px;min-width:250px;padding:12px 16px;position:absolute;right:20px;top:20px;z-index:10}@keyframes notification-slide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.settings-notification.success{background:#ecfdf5;border-color:#10b981}.settings-notification.error{background:#fef2f2;border-color:#ef4444}.notification-icon{font-size:16px}.notification-message{color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1}.notification-close{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.notification-close:hover{color:#1f2937;color:var(--text-primary,#1f2937)}.loading-spinner-small{animation:spin 1s linear infinite;font-size:16px;margin-left:8px}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-header{align-items:center;background:#f9fafb;background:var(--background-secondary,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:24px 32px}.settings-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.settings-icon{font-size:28px}.settings-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.settings-close-btn:hover{background:#f3f4f6;background:var(--background-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.settings-content{display:flex;flex:1 1;min-height:0}.settings-tabs{background:#f9fafb;background:var(--background-secondary,#f9fafb);border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:8px;padding:20px 0;width:240px}.settings-tab{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 24px;text-align:left;transition:all .2s ease}.settings-tab:hover{background:#f3f4f6;background:var(--background-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.settings-tab.active{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff;position:relative}.settings-tab.active:after{background:#2563eb;background:var(--primary-color-dark,#2563eb);bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.tab-icon{font-size:18px;text-align:center;width:20px}.tab-label{flex:1 1}.settings-panel{flex:1 1;overflow-y:auto;padding:32px}.settings-section{max-width:600px}.section-title{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary-color,#3b82f6);color:var(--text-primary,#1f2937);font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:8px}.setting-item{margin-bottom:32px}.setting-label{color:#1f2937;color:var(--text-primary,#1f2937);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.setting-help{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-style:italic;margin-top:8px}.user-info-card{align-items:center;background:#f9fafb;background:var(--background-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;gap:16px;padding:20px}.user-avatar{background:#3b82f6;background:var(--primary-color,#3b82f6);font-size:24px;font-weight:700;height:60px;width:60px}.user-details{flex:1 1}.user-name{color:var(--text-primary,#1f2937);font-size:18px;margin-bottom:4px}.user-email{color:var(--text-secondary,#6b7280);font-size:14px;margin-bottom:4px}.user-role{color:#3b82f6;color:var(--primary-color,#3b82f6);font-weight:500;letter-spacing:.5px}.theme-selector{display:flex;flex-wrap:wrap;gap:16px}.theme-option{align-items:center;background:#f9fafb;background:var(--background-secondary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:100px;padding:16px;transition:all .2s ease}.theme-option.active,.theme-option:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.theme-option.active{background:#3b82f61a;background:var(--primary-color-alpha,#3b82f61a)}.theme-preview{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;height:30px;width:40px}.theme-light{background:linear-gradient(135deg,#fff 50%,#f9fafb 0)}.theme-dark{background:linear-gradient(135deg,#1f2937 50%,#374151 0)}.theme-auto{background:linear-gradient(135deg,#fff 25%,#1f2937 0,#1f2937 50%,#fff 0,#fff 75%,#1f2937 0)}.theme-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:12px;font-weight:500}.toggle-group{display:flex;flex-direction:column;gap:16px}.toggle-item{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.toggle-switch{position:relative}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:24px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:background .3s ease;width:48px}.toggle-switch label:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch input:checked+label{background:#3b82f6;background:var(--primary-color,#3b82f6)}.toggle-switch input:checked+label:after{transform:translateX(24px)}.version-info{display:flex;flex-direction:column;gap:4px}.version-number{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600}.version-build{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.settings-footer{align-items:center;background:#f9fafb;background:var(--background-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:16px;justify-content:flex-end;padding:24px 32px}.btn-secondary{background:#fff;background:var(--background-primary,#fff);border:1px solid var(--border-color,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);font-weight:500;padding:10px 20px}.btn-secondary:hover{background:#f3f4f6;background:var(--background-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--border-color-hover,#d1d5db)}.btn-primary{background:var(--primary-color,#3b82f6);border:1px solid #3b82f6;border:1px solid var(--primary-color,#3b82f6);padding:10px 20px}.btn-primary:hover{background:var(--primary-color-dark,#2563eb);border-color:#2563eb;border-color:var(--primary-color-dark,#2563eb)}@media (max-width:768px){.settings-overlay{padding:10px}.settings-container{max-height:95vh}.settings-content{flex-direction:column}.settings-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);border-right:none;flex-direction:row;gap:12px;overflow-x:auto;padding:12px 20px;width:100%}.settings-tab{border-radius:20px;min-width:auto;padding:8px 16px;white-space:nowrap}.settings-tab.active:after{display:none}.settings-panel{padding:20px}.theme-selector{justify-content:center}.theme-option{min-width:80px;padding:12px}.settings-footer{flex-direction:column-reverse;gap:12px;padding:16px 20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}[data-theme=dark] .settings-container{background:#1f2937;background:var(--background-primary-dark,#1f2937)}[data-theme=dark] .settings-footer,[data-theme=dark] .settings-header,[data-theme=dark] .settings-tabs{background:#374151;background:var(--background-secondary-dark,#374151);border-color:#4b5563;border-color:var(--border-color-dark,#4b5563)}@media (prefers-contrast:high){.settings-tab{border:1px solid #0000}.settings-tab.active{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.theme-option{border-width:3px}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.settings-container,.settings-overlay,.settings-tab,.theme-option,.toggle-switch label,.toggle-switch label:after{animation:none;transition:none}}.modern-dashboard,body .modern-dashboard,body.modern-dashboard{margin-top:0!important}.user-menu-container{z-index:auto}.user-dropdown{box-shadow:0 8px 32px #0000002e;left:auto!important;min-width:200px;position:fixed!important;right:40px!important;top:70px!important;z-index:99999!important}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-orange:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#84fab0,#8fd3f4);--gradient-warning:linear-gradient(135deg,#ffecd2,#fcb69f);--gradient-accent:linear-gradient(135deg,#a8edea,#fed6e3);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--animation-fast:0.2s ease;--animation-normal:0.3s ease;--animation-slow:0.5s ease}.dashboard-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh}.loading-animation{animation:fadeInUp .6s ease}.loading-spinner{animation:bounce 1s infinite alternate;font-size:3rem;margin-bottom:1rem}.loading-animation h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.loading-animation p{font-size:1rem;opacity:.8}.modern-dashboard{background:linear-gradient(135deg,#f0f4f8,#e2e8f0 50%,#f9fafb);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;min-height:100vh;min-width:100vw;overflow-x:hidden;width:100vw}.modern-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#ec4899);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem 2rem;position:relative}.modern-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-brand{align-items:center;display:flex;gap:1rem;position:relative;z-index:1}.brand-logo{height:48px;position:relative;width:48px}.brand-logo img{border-radius:35px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);height:100%;object-fit:contain;width:100%}.brand-pulse{animation:pulse 2s infinite;background:#10b981;background:var(--accent-green);border-radius:50%;height:12px;position:absolute;right:-2px;top:-2px;width:12px}.brand-text h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.brand-text p{color:#fffc;font-size:.875rem;font-weight:400;margin:0}.header-actions{align-items:center;display:flex;gap:1rem;position:relative;z-index:1}.header-actions .dmbt-guide-section{transform:scale(.85);transform-origin:center;width:auto}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all var(--animation-fast)}.action-btn:hover{background:#fff3;transform:translateY(-1px)}.admin-btn{background:#fb923c33;border:1px solid #fb923c4d}.admin-btn:hover{background:#fb923c4d}.embeddings-btn{background:#9333ea33;border:1px solid #9333ea4d}.embeddings-btn:hover{background:#9333ea4d}.user-profile-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s ease;transition:all var(--animation-fast)}.user-profile-btn:hover{background:#fff3;transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg,#f093fb,#f5576c)}.user-name{font-size:.875rem}.dropdown-icon{font-size:.75rem;transition:transform .2s ease;transition:transform var(--animation-fast)}.user-profile-btn:hover .dropdown-icon{transform:rotate(180deg)}.user-dropdown{animation:slideDown .2s ease;animation:slideDown var(--animation-fast);background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);min-width:180px;padding:.5rem;position:absolute;right:0;top:110%;z-index:9999}.dropdown-item{border-radius:8px;font-size:.875rem;padding:.75rem;transition:all .2s ease;transition:all var(--animation-fast)}.dropdown-item:hover{background:#f3f4f6;color:#1f2937}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-divider{margin:.5rem 0}.modern-content{box-sizing:border-box;margin:0;min-height:calc(100vh - 120px);padding:2.5rem 3vw;width:100vw}@media (max-width:1400px) and (min-width:1200px){.modern-content{min-height:calc(100vh - 100px);padding:2rem 2.5vw}}@media (max-width:1200px) and (min-width:1024px){.modern-content{min-height:calc(100vh - 90px);padding:1.75rem 2vw}}.dashboard-with-data{display:flex;flex-direction:column;gap:2rem}.hero-stats{background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;padding:2rem;position:relative}.hero-stats:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.welcome-message{margin-bottom:2rem}.welcome-message h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.motivational{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.stats-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:1400px) and (min-width:1200px){.stats-cards{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:1200px) and (min-width:1024px){.stats-cards{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.stat-card{cursor:pointer;transition:all var(--animation-normal)}.stat-card.primary:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.stat-card.secondary:before{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.accent:before{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.success:before{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl)}.stat-icon{color:#fff;height:48px;margin-bottom:1rem;width:48px}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.stat-card.secondary .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.accent .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.success .stat-icon{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.stat-content{margin-bottom:1rem}.stat-number{line-height:1}.stat-label{display:block;font-size:.875rem;letter-spacing:.05em}.stat-trend{align-items:center;color:#059669;display:flex;font-size:.875rem;gap:.5rem}.quick-actions{border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.quick-actions h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.action-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:1400px) and (min-width:1200px){.action-grid{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:1200px) and (min-width:1024px){.action-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;text-align:left}.quick-action-btn,.quick-action-btn:before{transition:all .3s ease;transition:all var(--animation-normal)}.quick-action-btn:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.quick-action-btn.create:before{background:#10b981;background:var(--accent-green)}.quick-action-btn.explore:before{background:#3b82f6;background:var(--primary-500)}.quick-action-btn.analyze:before{background:#8b5cf6;background:var(--accent-purple)}.quick-action-btn.import:before{background:#f59e0b;background:var(--accent-orange)}.quick-action-btn:hover{border-color:currentColor;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quick-action-btn.create:hover{border-color:#10b981;border-color:var(--accent-green)}.quick-action-btn.explore:hover{border-color:#3b82f6;border-color:var(--primary-500)}.quick-action-btn.analyze:hover{border-color:#8b5cf6;border-color:var(--accent-purple)}.quick-action-btn.import:hover{border-color:#f59e0b;border-color:var(--accent-orange)}.action-icon{color:#fff;flex-shrink:0}.quick-action-btn.create .action-icon{background:#10b981;background:var(--accent-green)}.quick-action-btn.explore .action-icon{background:#3b82f6;background:var(--primary-500)}.quick-action-btn.analyze .action-icon{background:#8b5cf6;background:var(--accent-purple)}.quick-action-btn.import .action-icon{background:#f59e0b;background:var(--accent-orange)}.action-content{flex:1 1}.action-content h4{font-size:1.1rem;margin:0 0 .25rem}.action-content p{font-size:.875rem}.action-badge{background:#ef4444;background:var(--accent-red);border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem}.lab-access{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;overflow:hidden;padding:2rem;position:relative}.lab-access:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.lab-card{justify-content:space-between;position:relative;z-index:1}.lab-card,.lab-content{align-items:center;display:flex}.lab-content{gap:1.5rem}.lab-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;font-size:2rem;height:64px;justify-content:center;width:64px}.lab-text h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.lab-text p{font-size:1rem;margin:0;opacity:.9}.lab-btn002{align-items:center;background:#fff;border:none;border-radius:35px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#4f46e5;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;transition:all var(--animation-normal)}.lab-btn002:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#04e404;transform:translateY(-2px)}.lab-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#4f46e5;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease;transition:all var(--animation-normal)}.lab-btn:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.smart-tools-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:35px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;transition:all var(--animation-normal)}.smart-tools-btn:hover{box-shadow:0 8px 24px #667eea66;filter:brightness(1.1);transform:translateY(-2px)}.dashboard-first-time{display:flex;flex-direction:column;gap:3rem}.welcome-hero{background:#fff;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.welcome-hero:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:6px;left:0;position:absolute;right:0;top:0}.hero-animation{height:120px;margin-bottom:2rem;position:relative}.floating-icons{height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.floating-icons svg{font-size:2rem;position:absolute}.icon-1{animation:float 3s ease-in-out infinite;color:#3b82f6;color:var(--primary-500);left:0;top:0}.icon-2{animation:float 3s ease-in-out 1s infinite;color:#8b5cf6;color:var(--accent-purple);right:0;top:20px}.icon-3{animation:float 3s ease-in-out 2s infinite;bottom:0;color:#f59e0b;color:var(--accent-orange);left:50%;transform:translateX(-50%)}.welcome-hero h1{color:#1f2937;font-size:3rem;font-weight:800;line-height:1.1;margin:0 0 1rem}.hero-subtitle{color:#6b7280;font-size:1.25rem;line-height:1.5;margin:0 0 2rem}.motivation-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.badge{border-radius:20px;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.badge.fun{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#b45309}.badge.powerful{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#be185d}.badge.collaborative{background:linear-gradient(135deg,#d299c2,#fef9d3);color:#059669}.getting-started{background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:2rem}.getting-started h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.starter-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.starter-card{border:none;border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease;transition:all var(--animation-normal)}.starter-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.starter-card.secondary{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#b45309}.starter-card.tertiary{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#be185d}.starter-card.explore{background:linear-gradient(135deg,#d299c2,#fef9d3);color:#059669}.starter-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.starter-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.starter-card h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.starter-card p{font-size:.875rem;margin:0;opacity:.9}.starter-badge{background:#ffffffe6;border-radius:12px;color:#1f2937;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.value-props{background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:2rem}.value-props h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.value-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-item{background:#f9fafb;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;transition:all var(--animation-normal)}.value-item:hover{background:#f3f4f6;transform:translateY(-2px)}.value-item svg{color:#3b82f6;color:var(--primary-500);font-size:2.5rem;margin-bottom:1rem}.value-item h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.value-item p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stats-grid .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease;transition:all var(--animation-normal)}.stats-grid .stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stats-grid .stat-card.primary:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.stats-grid .stat-card.secondary:before{background:linear-gradient(135deg,#10b981,#34d399)}.stats-grid .stat-card.accent:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.stats-grid .stat-card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stats-grid .stat-content{display:flex;flex-direction:column}.stats-grid .stat-number{color:#1f2937;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.25rem}.stats-grid .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.stats-grid .stat-icon{font-size:2rem;opacity:.7;transition:all .3s ease;transition:all var(--animation-normal)}.stats-grid .stat-card.primary .stat-icon{color:#3b82f6;color:var(--primary-500)}.stats-grid .stat-card.secondary .stat-icon{color:#10b981;color:var(--accent-green)}.stats-grid .stat-card.accent .stat-icon{color:#8b5cf6;color:var(--accent-purple)}.stats-grid .stat-card:hover .stat-icon{opacity:1;transform:scale(1.1)}@media (max-width:1400px) and (min-width:1200px){.modern-content{padding:1.75rem 1.5rem}.hero-stats .stats-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.action-grid{gap:1rem}.action-grid,.starter-options{grid-template-columns:repeat(2,1fr)}.starter-options{gap:1.25rem}.welcome-hero h1{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.modern-header{padding:1rem 1.5rem}.header-actions{gap:.75rem}.stat-card{padding:1.25rem}.stat-number{font-size:2rem}.lab-card{padding:1.5rem}}@media (max-width:1200px) and (min-width:1024px){.modern-content{padding:1.5rem 1.25rem}.header-actions{gap:.5rem}.hero-stats .stats-grid{gap:.875rem;grid-template-columns:repeat(3,1fr)}.stat-card{padding:1rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}.action-grid{gap:.875rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.modern-content{padding:1.5rem}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.lab-card{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width:768px){.modern-header{flex-direction:column;gap:1rem;padding:1rem}.modern-content{padding:1rem}.welcome-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.starter-options,.stats-cards{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.motivation-badges{justify-content:center}.user-name{display:none}}@media (max-width:480px){.modern-header{padding:.75rem}.brand-text h1{font-size:1.25rem}.brand-text p{font-size:.75rem}.welcome-hero{padding:2rem 1rem}.getting-started,.value-props{padding:1.5rem}}.cgu-fullscreen{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:0}.cgu-header-bar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.btn-back-dashboard{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-back-dashboard:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.btn-back-dashboard:active{transform:translateY(0)}.cgu-fullscreen .cgu-container{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:2rem}.cgu-fullscreen .cgu-header{margin-bottom:2rem}.cgu-fullscreen .cgu-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden}.toolmenu-button{cursor:pointer;font-size:16px;margin-bottom:1rem;.tool-menu{background-color:#007bff;background-color:#f9f9f9;border:none;border-radius:8px;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;padding:10px 20px}.tool-menu h2{font-size:1.5rem;transition:background-color .3s}}.toolmenu-button:hover{background-color:#0056b3;background-color:#fff;background:#fff;border:1px solid #ddd;border-radius:6px;list-style:none;margin-bottom:10px;padding:20px;transition:box-shadow .2s;.tool-item{align-items:center;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;padding:10px;text-align:center}}.tool-item:hover{box-shadow:0 4px 8px #0000001a}.tool-icon{color:#007bff;font-size:2rem;margin-right:15px}.tool-content h3{font-size:1.2rem;margin:0}.tool-content p{color:#555;margin:5px 0 0}.playbooks-toggle-btn.upgraded{align-items:stretch;background:linear-gradient(135deg,#3b82f6,#011235);border:none;border-radius:18px;box-shadow:0 8px 32px #3b82f62e;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.12rem;font-weight:600;gap:16px;justify-content:flex-start;max-width:380px;min-height:120px;min-width:260px;overflow:hidden;padding:20px 28px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);width:380px}.playbooks-toggle-btn.upgraded:hover{box-shadow:0 16px 48px #3b82f638;transform:translateY(-2px) scale(1.04)}.playbooks-toggle-btn.upgraded.active{background:linear-gradient(135deg,#2563eb,#3b82f6)}.playbooks-btn-header{align-items:center;display:flex;gap:16px;margin-bottom:8px;width:100%}.playbooks-btn-main-icon{background:#e0e7ff;border-radius:50%;box-shadow:0 2px 8px #3b82f614;color:#2563eb;flex-shrink:0;font-size:2.2rem;padding:8px}.playbooks-btn-text-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.playbooks-btn-title{color:#fff;font-size:1.14rem;font-weight:700;margin-bottom:2px}.playbooks-btn-subtitle{color:#e0e7ff;font-size:.98rem;font-weight:500;line-height:1.2;opacity:.96}.playbooks-btn-badge{background:#6366f1;border-radius:8px;box-shadow:0 2px 8px #3b82f61a;color:#fff;font-size:.98rem;font-weight:600;margin-left:10px;padding:4px 12px}.playbooks-info-btn{background:none;border:none;color:#e0e7ff;cursor:pointer;font-size:1.3rem;margin-left:8px;transition:color .2s}.playbooks-info-btn:hover{color:#fff}.playbooks-btn-features{display:flex;gap:18px;justify-content:flex-start;margin-top:10px;width:100%}.playbooks-btn-feature{align-items:center;background:#3b82f61f;border-radius:8px;color:#e0e7ff;display:flex;font-size:1.02rem;font-weight:500;gap:6px;padding:4px 10px}.playbooks-toggle-btn-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:10px;margin-bottom:8px}.playbooks-info-modal-overlay{align-items:center;animation:fadeInOverlay .28s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at center,#3b82f61f 0,#28385a38 100%);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.playbooks-info-modal{animation:fadeInModalGlass .38s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);background:linear-gradient(145deg,#fffffff2,#f8fafceb);border:2px solid #e0e7ff99;border-radius:24px;box-shadow:0 24px 64px #3b82f62e,0 8px 32px #6366f11f,inset 0 1px 0 #fffc;max-width:480px;overflow:hidden;padding:40px 36px 32px;position:relative;width:100%}.playbooks-info-modal:before{background:linear-gradient(90deg,#3b82f6,#6366f1 50%,#8b5cf6);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.playbooks-info-modal:after{animation:floatGlow 6s ease-in-out infinite;background:radial-gradient(circle,#6366f114 0,#0000 70%);content:"";height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}@keyframes floatGlow{0%,to{opacity:.6;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(-20px,20px) scale(1.1)}}@keyframes fadeInModalGlass{0%{filter:blur(8px);opacity:0;transform:scale(.92) translateY(20px)}50%{filter:blur(2px);opacity:.8;transform:scale(.98) translateY(8px)}to{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}.playbooks-info-modal-close{align-items:center;background:linear-gradient(135deg,#eff6ffcc,#e0e7ff99);border:2px solid #3b82f626;border-radius:50%;box-shadow:0 2px 8px #3b82f614;color:#2563eb;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:38px;justify-content:center;position:absolute;right:20px;top:18px;transition:all .25s cubic-bezier(.25,.8,.25,1);width:38px;z-index:10}.playbooks-info-modal-close:hover{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 16px #3b82f640;color:#fff;transform:scale(1.12) rotate(90deg)}.modern-orientation{padding:0;position:relative;z-index:1}.explainer-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.explainer-main-icon{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-radius:16px;box-shadow:0 4px 12px #3b82f626,inset 0 1px 0 #ffffff80;color:#2563eb;font-size:2.4rem;padding:10px;transition:all .3s ease}.explainer-main-icon:hover{transform:scale(1.08) rotate(-5deg)}.explainer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.explainer-guide{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;box-shadow:0 2px 8px #3b82f633;color:#fff;font-size:.85rem;font-weight:700;margin-left:auto;padding:4px 12px;transition:all .25s ease}.explainer-icons-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}.explainer-icon{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #3b82f61f;border-radius:14px;box-shadow:0 2px 8px #3b82f614;color:#2563eb;cursor:pointer;font-size:1.5rem;padding:10px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.explainer-icon:after{background:#1e293bf2;border-radius:6px;bottom:-32px;color:#fff;content:attr(title);font-size:.75rem;font-weight:600;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:all .2s ease;white-space:nowrap;z-index:100}.explainer-icon:hover{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);box-shadow:0 6px 20px #3b82f62e;transform:translateY(-4px) scale(1.08)}.explainer-icon:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.explainer-desc.modern{color:#475569;font-size:1.08rem;line-height:1.6;margin-bottom:14px}.explainer-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;background-clip:text;font-weight:700}.explainer-list{list-style:none;margin:16px 0 0;padding:0}.explainer-list li{align-items:center;background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:1px solid #e2e8f099;border-radius:12px;color:#334155;display:flex;font-size:1.02rem;font-weight:500;gap:12px;margin-bottom:10px;padding:10px 14px;transition:all .25s ease}.explainer-list li:hover{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);box-shadow:0 4px 12px #6366f11f;transform:translateX(4px)}.li-icon{color:#2563eb;flex-shrink:0;font-size:1.2rem;transition:transform .25s ease}.explainer-list li:hover .li-icon{transform:scale(1.2) rotate(5deg)}.explainer-bottom-text{align-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:2px solid #3b82f633;border-radius:14px;box-shadow:0 2px 10px #3b82f614;color:#1e40af;display:flex;font-size:1.05rem;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:14px 18px;transition:all .3s ease}.explainer-bottom-text:hover{box-shadow:0 6px 20px #3b82f626;transform:translateY(-2px)}@media (max-width:768px){.playbooks-toggle-btn-wrapper{align-items:center;flex-direction:column}.playbooks-toggle-btn.upgraded{align-items:center!important;display:flex!important;height:60px!important;justify-content:center!important;max-width:60px!important;min-height:60px!important;min-width:60px!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;width:60px!important}.playbooks-toggle-btn.upgraded .button-cta,.playbooks-toggle-btn.upgraded .button-features,.playbooks-toggle-btn.upgraded .button-header{display:none!important}.playbooks-toggle-btn.upgraded:before{content:"📚"!important;font-size:2rem!important;left:50%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:all .3s ease!important;z-index:1!important}.playbooks-toggle-btn.upgraded:active,.playbooks-toggle-btn.upgraded:focus,.playbooks-toggle-btn.upgraded:hover{align-items:stretch!important;flex-direction:column!important;gap:16px!important;height:auto!important;justify-content:flex-start!important;max-width:380px!important;min-height:120px!important;min-width:280px!important;padding:20px 28px!important;width:calc(100vw - 40px)!important}.playbooks-toggle-btn.upgraded:active:before,.playbooks-toggle-btn.upgraded:focus:before,.playbooks-toggle-btn.upgraded:hover:before{display:none!important}.playbooks-toggle-btn.upgraded:active .button-cta,.playbooks-toggle-btn.upgraded:active .button-features,.playbooks-toggle-btn.upgraded:active .button-header,.playbooks-toggle-btn.upgraded:focus .button-cta,.playbooks-toggle-btn.upgraded:focus .button-features,.playbooks-toggle-btn.upgraded:focus .button-header,.playbooks-toggle-btn.upgraded:hover .button-cta,.playbooks-toggle-btn.upgraded:hover .button-features,.playbooks-toggle-btn.upgraded:hover .button-header{display:flex!important}.playbooks-toggle-btn.upgraded:active .button-header,.playbooks-toggle-btn.upgraded:focus .button-header,.playbooks-toggle-btn.upgraded:hover .button-header{flex-direction:row!important;flex-wrap:wrap!important}.playbooks-toggle-btn.upgraded:active .button-title,.playbooks-toggle-btn.upgraded:focus .button-title,.playbooks-toggle-btn.upgraded:hover .button-title{font-size:1rem!important}.playbooks-toggle-btn.upgraded:active .button-subtitle,.playbooks-toggle-btn.upgraded:focus .button-subtitle,.playbooks-toggle-btn.upgraded:hover .button-subtitle{font-size:.85rem!important}.playbooks-toggle-btn.upgraded:active .button-feature,.playbooks-toggle-btn.upgraded:focus .button-feature,.playbooks-toggle-btn.upgraded:hover .button-feature{font-size:.9rem!important;padding:3px 8px!important}.playbooks-info-modal{max-width:95%;padding:24px 20px}.explainer-title{font-size:1rem}.explainer-icon{padding:8px}.explainer-list li{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.playbooks-toggle-btn.upgraded{height:56px!important;max-width:56px!important;min-height:56px!important;min-width:56px!important;width:56px!important}.playbooks-toggle-btn.upgraded:before{font-size:1.8rem!important}.playbooks-toggle-btn.upgraded:active,.playbooks-toggle-btn.upgraded:focus,.playbooks-toggle-btn.upgraded:hover{max-width:100%!important;padding:16px 20px!important;width:calc(100vw - 20px)!important}.playbooks-info-modal{max-width:98%;padding:20px 16px}.explainer-header{align-items:flex-start;flex-direction:column}.explainer-title{font-size:.95rem}.explainer-icons-row{gap:12px}.explainer-icon{font-size:1.3rem;padding:6px}}@media (prefers-reduced-motion:reduce){.playbooks-info-modal:after{animation:none!important}}.super-admin-nodes-viewer{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.viewer-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:32px}.header-title{margin-bottom:32px;text-align:center}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 8px}.header-title p{color:#666;font-size:1.1rem;margin:0;opacity:.8}.header-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-card{background:#ffffffe6;border:1px solid #667eea33;justify-content:center}.stat-card:hover{box-shadow:0 8px 32px #667eea26}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{color:#333;font-size:2.2rem;margin:0 0 4px}.stat-content p{color:#666;font-size:.9rem;font-weight:500}.stat-card.total-nodes{border-left:4px solid #667eea}.stat-card.total-tenants{border-left:4px solid #764ba2}.stat-card.total-types{border-left:4px solid #f093fb}.stat-card.with-tests{border-left:4px solid #43e97b}.stat-card.with-relations{border-left:4px solid #f5576c}.filters-section{border-top:1px solid #0000001a;padding-top:24px}.filters-header{align-items:center;display:flex;justify-content:between;margin-bottom:20px}.filters-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#555;font-size:.9rem;font-weight:600}.filter-input,.filter-select{background:#fff;border:2px solid #e1e5e9;border-radius:12px;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-checkbox{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 0}.filter-checkbox input[type=checkbox]{height:18px;margin:0;width:18px}.checkbox-custom{border:2px solid #ddd;border-radius:4px;height:20px;position:relative;transition:all .2s ease;width:20px}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.clear-filters-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:10px;box-shadow:0 2px 10px #ff6b6b4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.clear-filters-btn:hover{box-shadow:0 4px 20px #ff6b6b66;transform:translateY(-2px)}.viewer-content{gap:20px;height:calc(100vh - 280px)}.graph-section,.viewer-content{display:flex;transition:all .3s ease}.graph-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #fffc;border-radius:20px;box-shadow:0 12px 40px #0000001f;flex:1 1;flex-direction:column;overflow:hidden;padding:28px}.graph-section.with-details{flex:0 0 65%}.graph-section.full-width{flex:1 1}.graph-header{border-bottom:2px solid #667eea1a;margin-bottom:24px;padding-bottom:20px}.graph-header h3{color:#2d3748;font-weight:700}.graph-header p{color:#718096;font-size:.95rem;margin:0 0 16px}.graph-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.reset-selection-btn{background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:10px;box-shadow:0 2px 8px #f565654d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.reset-selection-btn:hover:not(:disabled){box-shadow:0 4px 16px #f5656566;transform:translateY(-2px)}.reset-selection-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.zoom-controls{align-items:center;display:flex;gap:8px}.zoom-label{color:#718096;font-size:.9rem;font-weight:600}.zoom-btn{background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;color:#667eea;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:all .2s ease}.zoom-btn:hover{background:#667eea33}.graph-container{flex:1 1;gap:20px;overflow:hidden}.canvas-wrapper{align-items:center;background:#f8fafc;border:2px solid #667eea1a;border-radius:16px;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.nodes-canvas{border-radius:14px;transition:all .2s ease}.nodes-canvas:hover{transform:scale(1.01)}.canvas-overlay{animation:slideInFromTop .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;left:16px;padding:16px;position:absolute;top:16px;z-index:10}.selected-node-info h4{color:#fbbf24;font-size:1.1rem;font-weight:700;margin:0 0 8px}.selected-node-info p{color:#e2e8f0;font-size:.9rem;margin:0 0 12px}.quick-stats{gap:16px}.quick-stats .stat{background:#ffffff1a;border-radius:6px;color:#cbd5e0;font-size:.85rem;padding:4px 8px}.graph-legend{background:#f8fafccc;border:1px solid #667eea1a;border-radius:16px;flex:0 0 200px;height:-webkit-fit-content;height:fit-content;max-height:500px;overflow-y:auto;padding:20px}.graph-legend h4{border-bottom:2px solid #667eea1a;color:#2d3748;font-weight:700;margin:0 0 16px;padding-bottom:8px}.legend-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.legend-item{border-radius:8px;gap:12px;padding:8px;transition:all .2s ease}.legend-item:hover{background:#667eea1a}.legend-color-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:16px;width:16px}.legend-content{display:flex;flex-direction:column;gap:2px}.legend-name{color:#2d3748;font-size:.85rem;font-weight:600}.legend-count{color:#718096;font-size:.75rem}.legend-symbols{border-top:1px solid #667eea1a;padding-top:16px}.legend-symbols h5{color:#2d3748;font-size:.9rem;font-weight:600;margin:0 0 12px}.symbol-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.symbol{font-size:1rem;text-align:center;width:20px}.symbol-desc{color:#718096;font-size:.8rem}.node-details-panel{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #fffc;border-radius:20px;box-shadow:0 12px 40px #0000001f;display:flex;flex:0 0 400px;flex-direction:column;overflow:hidden;padding:0}.details-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.details-title h3{font-size:1.3rem;font-weight:700;margin:0 0 12px}.node-title-info{display:flex;flex-direction:column;gap:8px}.node-name{color:#fbbf24;font-weight:600}.node-org-indicator{background:#fff3;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.close-details-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .2s ease}.close-details-btn:hover{background:#ffffff4d;transform:scale(1.1)}.details-content{flex:1 1;overflow-y:auto;padding:24px}.detail-section{border-bottom:1px solid #667eea1a;margin-bottom:24px;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h4{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 16px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.detail-item{align-items:center;background:#f8fafccc;border:1px solid #667eea1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.detail-item label{color:#4a5568;font-size:.9rem;font-weight:600}.detail-value{color:#2d3748;font-size:.9rem;font-weight:500}.detail-value.type-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.detail-value.org-badge,.detail-value.type-badge{border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 8px}.detail-value.relations-count{background:#f5576c1a;border-radius:6px;color:#f5576c;font-weight:600;padding:4px 8px}.detail-value.tests-status.has-tests{color:#43e97b}.detail-value.tests-status.no-tests{color:#f56565}.description-content{background:#f8fafccc;border-left:4px solid #667eea;border-radius:8px;padding:16px}.description-content p{color:#4a5568;line-height:1.6;margin:0}.relations-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.relation-card{background:#f5576c1a;border:1px solid #f5576c4d;border-radius:8px;padding:12px;transition:all .2s ease}.relation-card:hover{background:#f5576c26;transform:translateY(-1px)}.relation-card.incoming{background:#43e97b1a;border-color:#43e97b4d}.relation-card.incoming:hover{background:#43e97b26}.relation-type{color:#f5576c;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.relation-card.incoming .relation-type{color:#43e97b}.relation-source,.relation-target{align-items:center;color:#2d3748;display:flex;font-size:.9rem;font-weight:500;gap:8px}.source-arrow,.target-arrow{color:#f5576c;font-weight:700}.relation-card.incoming .source-arrow{color:#43e97b}.tests-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.test-card{background:#43e97b1a;border:1px solid #43e97b4d;border-radius:8px;padding:12px;transition:all .2s ease}.test-card:hover{background:#43e97b26;transform:translateY(-1px)}.test-card.more-tests{background:#667eea1a;border-color:#667eea4d;text-align:center}.test-title{color:#2d3748;font-size:.9rem;font-weight:600;margin-bottom:4px}.test-type{color:#718096;font-size:.8rem;font-weight:500}.more-count{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:4px}.more-text{color:#718096;font-size:.8rem}@media (max-width:1400px){.node-details-panel{flex:0 0 350px}}@media (max-width:1200px){.viewer-content{flex-direction:column;height:auto}.graph-section{flex:none;height:700px}.node-details-panel{flex:none;max-height:600px}.graph-container{flex-direction:column}.canvas-wrapper{height:500px}.graph-legend{flex:none;max-height:150px}}@media (max-width:768px){.graph-header{text-align:center}.graph-controls{flex-direction:column;gap:12px}.canvas-wrapper{height:400px}.nodes-canvas{height:100%!important;width:100%!important}.canvas-overlay{margin-bottom:16px;position:static}.node-details-panel{max-height:500px}.details-header{flex-direction:column;gap:12px;text-align:center}.node-title-info{align-items:center}}.node-row{animation:fadeIn .3s ease}.stat-card:hover .stat-icon{animation:pulse .6s ease infinite}.spinner{border:4px solid #f3f3f3;margin-bottom:16px}.graph-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.graph-header{margin-bottom:20px;text-align:center}.graph-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 8px}.graph-header p{color:#666;font-size:.9rem;margin:0}.graph-container{align-items:center;display:flex;flex-direction:row}.nodes-canvas{border:2px solid #f0f0f0;border-radius:12px;margin-bottom:20px;transition:border-color .2s ease}.nodes-canvas:hover{border-color:#667eea}.graph-legend{background:#f8f9fa;border-radius:12px;max-width:300px;padding:16px;width:100%}.graph-legend h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 12px}.legend-item{align-items:center;color:#555;display:flex;font-size:.85rem;gap:10px;margin-bottom:8px}.legend-color{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:16px;width:16px}.loading-graph{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.request-manager{margin:0 auto;max-width:1200px;padding:20px}.manager-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.manager-header h2{color:#1a202c;font-size:1.8rem;font-weight:600;margin:0}.refresh-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.refresh-btn:hover{background:#3182ce;transform:translateY(-2px)}.loading{color:#718096;font-size:1.1rem;padding:60px 20px;text-align:center}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;margin-bottom:20px;padding:15px;text-align:center}.no-requests{background:#f7fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:60px 20px;text-align:center}.no-requests-icon{font-size:4rem;margin-bottom:20px}.no-requests h3{color:#2d3748;font-size:1.5rem;margin-bottom:10px}.no-requests p{color:#718096;font-size:1rem}.requests-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.request-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.request-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.request-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.request-type{font-size:1.1rem;font-weight:600}.request-date{font-size:.9rem;opacity:.9}.request-content{padding:20px}.user-info{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:15px}.user-info h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 5px}.user-email{color:#718096;font-size:.95rem;margin:0}.request-details{margin-bottom:20px}.detail-item{color:#4a5568;font-size:.95rem;margin-bottom:12px;padding:8px 0}.detail-item strong{color:#2d3748;font-weight:600;margin-right:8px}.comment-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin:20px;padding:15px}.comment-box label{color:#2d3748;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.comment-box textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.9rem;margin-bottom:10px;min-height:80px;padding:10px;resize:vertical;width:100%}.comment-box textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.comment-actions{gap:10px}.comment-actions,.request-actions{display:flex;justify-content:flex-end}.request-actions{border-top:1px solid #e2e8f0;gap:12px;padding:20px}.btn-approve{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-approve:hover:not(:disabled){background:#38a169;transform:translateY(-1px)}.btn-approve:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-reject{background:#f56565;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-reject:hover:not(:disabled){background:#e53e3e;transform:translateY(-1px)}.btn-reject:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-cancel{background:#a0aec0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-cancel:hover{background:#718096;transform:translateY(-1px)}.no-permission{background:#fef5e7;border-top:1px solid #e2e8f0;color:#c05621;font-size:.9rem;font-weight:500;padding:15px 20px;text-align:center}@media (max-width:768px){.request-manager{padding:15px}.manager-header{align-items:stretch;flex-direction:column;gap:15px}.manager-header h2{font-size:1.5rem;text-align:center}.refresh-btn{align-self:center}.requests-list{grid-template-columns:1fr}.request-header{gap:8px;text-align:center}.comment-actions,.request-actions,.request-header{flex-direction:column}}@media (max-width:480px){.request-manager{padding:10px}.request-actions,.request-content{padding:15px}.comment-box{margin:15px;padding:12px}}.super-admin-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center}.header-content{padding:0 20px}.welcome-section h1{font-size:28px;font-weight:700;margin:0 0 8px}.welcome-section p{font-size:16px;margin:0;opacity:.9}.notification-btn{border:none;border-radius:12px;font-size:18px}.notification-btn:hover{transform:translateY(-2px)}.notification-badge{right:-5px;top:-5px}.notifications-panel{box-shadow:0 10px 40px #0000001a;padding:15px}.notification-item{border-left:4px solid;border-radius:8px;margin-bottom:8px;padding:12px}.notification-item.warning{background:#fff3cd;border-left-color:#ffa502}.notification-item.info{background:#cce7ff;border-left-color:#3742fa}.notification-item.success{background:#d4edda;border-left-color:#2ed573}.notification-content{align-items:center;justify-content:space-between}.notification-message{color:#2c3e50;font-size:14px}.notification-time{color:#7f8c8d}.user-menu{background:#ffffff1a;border-radius:12px;gap:12px;padding:8px 16px}.logout-btn{border:none;padding:8px}.dashboard-nav{top:0;z-index:100}.nav-container{gap:0}.nav-tab:hover{color:#4f46e5}.nav-tab.active{border-bottom-color:#4f46e5;color:#4f46e5}.tab-indicator{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:2px 2px 0 0;bottom:0}.stat-card{transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f}.stat-card.primary:before{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.info:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card{gap:20px}.stat-icon{background:#f8fafc}.stat-number{margin:0 0 4px}.stat-trend.neutral{background:#dbeafe;color:#3b82f6}.activity-dot{background:linear-gradient(135deg,#4f46e5,#7c3aed);height:12px;position:relative;width:12px}.activity-dot:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.activity-description{color:#374151}.performance-metrics{display:flex;flex-direction:column;gap:20px}.metric{align-items:center;display:flex;gap:12px}.metric-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.metric-fill.success{background:linear-gradient(90deg,#10b981,#059669)}.metric-fill.info{background:linear-gradient(90deg,#3b82f6,#2563eb)}.metric-value{font-size:14px}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{border:2px solid #f3f4f6}.action-card:hover{border-color:#4f46e5;box-shadow:0 8px 25px #4f46e526}.action-icon{background:#f8fafc}.btn-primary{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;font-weight:500;gap:8px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #4f46e540}.btn-secondary{border:1px solid #e5e7eb;color:#4f46e5;padding:8px 16px}.btn-outline{border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.organizations-grid{grid-gap:24px;gap:24px}.org-card{box-shadow:0 4px 20px #00000014}.org-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.org-header{justify-content:space-between}.org-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.org-status{font-weight:500}.org-status.active{color:#065f46}.org-stats{margin-bottom:20px}.search-input{border-radius:8px;min-width:250px}.filter-select,.search-input{font-size:14px;padding:10px 16px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px}.users-table{border-radius:12px}.users-table th{border-bottom:1px solid #e5e7eb;padding:16px;text-align:left}.users-table td{border-bottom:1px solid #f3f4f6;padding:16px}.role-badge{font-size:12px;font-weight:500;padding:4px 8px}.role-badge.org-admin{color:#1e40af}.role-badge.user{background:#f3f4f6;color:#374151}.status-badge{padding:4px 8px}.table-actions{gap:4px}.btn-icon{border-radius:4px;transition:all .2s ease}.btn-icon.danger:hover{color:#dc2626}@media (max-width:768px){.header-content{flex-direction:column;gap:16px}.actions-grid,.charts-section,.organizations-grid,.stats-grid{grid-template-columns:1fr}.search-filters{flex-direction:column}.users-table{overflow-x:auto}}.orphans-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px}.orphans-section h2{align-items:center;color:#1a365d;display:flex;gap:8px;margin-bottom:8px}.orphans-table{margin-top:24px}.orphans-table .table-header{align-items:center;display:flex;justify-content:between;margin-bottom:16px}.orphans-table .table-header h3{color:#2d3748;margin:0}.orphans-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.orphans-table th{background:#f7fafc;color:#2d3748;font-weight:600;text-align:left}.orphans-table td,.orphans-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px}.orphans-table td{vertical-align:middle}.orphans-table tr:hover{background:#f7fafc}.orphans-table input[type=checkbox]{cursor:pointer;height:16px;width:16px}.empty-state{color:#718096;padding:48px 24px;text-align:center}.empty-state p{font-size:18px;margin:0}.migration-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px}.migration-section h2{align-items:center;color:#1a365d;display:flex;gap:8px;margin-bottom:8px}.migration-form{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:24px}.form-group label,.form-select{color:#2d3748}.form-select{border:1px solid #e2e8f0;border-radius:6px;transition:border-color .2s;width:100%}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.migration-summary{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin:20px 0;padding:16px}.migration-summary h3{color:#2d3748;font-size:16px;margin-bottom:12px}.summary-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.summary-item:last-child{margin-bottom:0}.summary-value{color:#667eea;font-weight:600}.migration-actions{gap:12px}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #48bb7866;transform:translateY(-1px)}.btn-success:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#e2e8f0;border-radius:6px;color:#4a5568;transition:all .2s}.btn-secondary:hover{background:#cbd5e0;transform:translateY(-1px)}.migration-help{background:#ebf8ff;border-left:4px solid #3182ce;border-radius:6px;margin-top:32px;padding:20px}.migration-help h4{color:#2c5282;font-size:16px;margin-bottom:12px}.migration-help ol{color:#2d3748;padding-left:20px}.migration-help li{line-height:1.5;margin-bottom:8px}.notifications-dropdown .notification-item.success{background:#f0fff4;border-left:4px solid #48bb78}.notifications-dropdown .notification-item.error{background:#fef5f5;border-left:4px solid #f56565}.notifications-dropdown .notification-item.info{background:#ebf8ff;border-left:4px solid #4299e1}.btn-icon.danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.btn-icon.danger:hover{box-shadow:0 4px 12px #f5656566;transform:translateY(-1px)}.stat-card h3{align-items:center;color:#2d3748;display:flex;font-size:16px;gap:8px;margin-bottom:16px}.stat-item{border-bottom:1px solid #f7fafc;margin-bottom:12px;padding:8px 0}.stat-item:last-child{border-bottom:none;margin-bottom:0}.stat-value{color:#2d3748;font-size:16px}@media (max-width:768px){.migration-actions{flex-direction:column}.orphans-table{overflow-x:auto}.summary-item{align-items:flex-start;flex-direction:column;gap:4px}}.detailed-stats{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:32px;padding:24px}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-detail{align-items:center;background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;display:flex;padding:16px;transition:all .2s}.stat-detail:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-detail-icon{font-size:32px;margin-right:16px}.stat-detail-content h4{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 4px}.stat-detail-number{color:#667eea;font-size:24px;font-weight:700;margin-bottom:2px}.stat-detail-desc{color:#718096;font-size:12px}.metric-fill.danger{background:linear-gradient(90deg,#f56565,#e53e3e)}.metric-fill.success{background:linear-gradient(90deg,#48bb78,#38a169)}.metric-fill.info{background:linear-gradient(90deg,#4299e1,#3182ce)}.metric-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.admin-dashboard{box-sizing:border-box;display:flex;flex-direction:column;left:0;margin:0!important;max-width:100vw!important;min-width:0!important;padding:0!important;position:relative;right:0;width:100vw!important;z-index:10}.admin-dashboard .dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f6d9;box-shadow:0 8px 32px #3b82f62e;transition:box-shadow .3s;z-index:20}.admin-dashboard .dashboard-header:hover{box-shadow:0 16px 48px #3b82f638}.admin-dashboard .header-left h1{font-size:2.7rem;font-weight:900;letter-spacing:2px;text-shadow:0 2px 8px #3b82f61a}.admin-dashboard .header-left p{font-size:1.18rem;opacity:.95}.admin-dashboard .dmbt-guide-section{align-items:center;display:flex}.admin-dashboard .dmbt-guide-section .dmbt-trigger{height:auto;max-width:220px;min-width:220px;transform:scale(.85)}.admin-dashboard .user-info{font-size:1.12rem}.admin-dashboard .user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;box-shadow:0 2px 8px #3b82f61a;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:44px;justify-content:center;margin-bottom:6px;width:44px}.admin-dashboard .user-role{box-shadow:0 1px 4px #92400e1a;font-size:1.08rem;letter-spacing:1px;padding:6px 16px}.admin-dashboard{background:linear-gradient(120deg,#f3f4f6,#e0e7ef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;min-height:100vh;padding:32px 24px 48px;width:100%}.btn-dashboard-global,.btn-logout{border:none;border-radius:12px;box-shadow:0 2px 12px #3b82f61a;cursor:pointer;font-size:1.12rem;font-weight:700;overflow:hidden;padding:14px 32px;position:relative;transition:background .3s,transform .2s}.btn-dashboard-global:hover,.btn-logout:hover{background-position:100%;transform:translateY(-2px) scale(1.07) rotate(-1deg)}.admin-dashboard .dashboard-nav{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8fafcf2;border-radius:16px;box-shadow:0 2px 16px #3b82f614;gap:24px;margin-bottom:40px;padding:16px 32px}.admin-dashboard .dashboard-nav button{border-radius:12px;font-size:1.12rem;padding:16px 40px;transition:background .2s,color .2s,transform .2s}.admin-dashboard .dashboard-nav button.active{box-shadow:0 2px 16px #3b82f624;transform:scale(1.04)}.admin-dashboard .dashboard-nav button:hover:not(.active){transform:scale(1.03)}.admin-dashboard .stats-grid{grid-gap:36px;gap:36px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:44px}.admin-dashboard .stat-card{background:#ffffffd9;border-left:8px solid #3b82f6;border-radius:22px;box-shadow:0 8px 40px #3b82f621;overflow:hidden;padding:48px 36px;position:relative;transition:box-shadow .2s,transform .2s,background .3s}.admin-dashboard .stat-card:hover{background:#fffffff2;box-shadow:0 16px 56px #3b82f638;transform:translateY(-2px) scale(1.06) rotate(-1deg)}.admin-dashboard .stat-card h3{font-size:1.45rem;font-weight:900;letter-spacing:1px;margin-bottom:16px}.admin-dashboard .stat-number{font-size:3.2rem;margin-bottom:14px;text-shadow:0 2px 8px #3b82f614}.admin-dashboard .stat-detail{font-size:1.12rem;opacity:.92}.admin-dashboard .stat-icon{color:#6366f1;filter:drop-shadow(0 2px 8px #6366f1aa);font-size:2.6rem;margin-bottom:18px}.admin-dashboard .dashboard-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:18px 18px 0 0;box-shadow:0 8px 32px #3b82f61a;color:#fff;display:flex;justify-content:space-between;margin-bottom:36px;padding:36px 48px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-dashboard .header-left h1{font-size:2.6rem;font-weight:800;letter-spacing:1.5px;margin:0 0 10px}.admin-dashboard .header-left p{font-size:1.15rem;margin:0;opacity:.92}.admin-dashboard .header-right{align-items:center;display:flex;gap:32px}.admin-dashboard .user-info{align-items:flex-end;display:flex;flex-direction:column;font-size:1.08rem}.admin-dashboard .user-role{background:#fef3c7;border-radius:8px;box-shadow:0 1px 4px #92400e14;color:#92400e;font-size:1rem;font-weight:700;margin-top:6px;padding:4px 14px}.btn-logout{background:linear-gradient(135deg,#f87171,#ef4444);border:none;border-radius:10px;box-shadow:0 2px 12px #ef44441a;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:700;margin-left:12px;padding:12px 28px;transition:background .2s,transform .2s}.btn-logout:hover{background:linear-gradient(135deg,#ef4444,#f87171);transform:translateY(-2px) scale(1.06)}.btn-dashboard-global{background:linear-gradient(135deg,#10b981,#3b82f6);border:none;border-radius:10px;box-shadow:0 2px 12px #10b9811a;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:700;padding:12px 28px;transition:background .2s,transform .2s}.btn-dashboard-global:hover{background:linear-gradient(135deg,#3b82f6,#10b981);transform:translateY(-2px) scale(1.06)}.admin-dashboard .dashboard-nav{background:#f8fafc;border-radius:14px;box-shadow:0 2px 12px #3b82f60f;display:flex;gap:20px;margin-bottom:36px;padding:12px 24px}.admin-dashboard .dashboard-nav button{background:none;border:none;border-radius:10px;color:#374151;cursor:pointer;font-size:1.08rem;font-weight:700;padding:14px 36px;transition:background .2s,color .2s}.admin-dashboard .dashboard-nav button.active{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 2px 12px #3b82f61f;color:#fff}.admin-dashboard .dashboard-nav button:hover:not(.active){background:#e0e7ef;color:#2563eb}.admin-dashboard .stats-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.admin-dashboard .stat-card{background:#fff;border-left:7px solid #3b82f6;border-radius:18px;box-shadow:0 4px 32px #3b82f61a;padding:40px 32px;text-align:center;transition:box-shadow .2s,transform .2s}.admin-dashboard .stat-card:hover{box-shadow:0 12px 40px #3b82f62e;transform:translateY(-2px) scale(1.04)}.admin-dashboard .stat-card h3{color:#2563eb;font-size:1.35rem;font-weight:800;margin-bottom:12px}.admin-dashboard .stat-number{color:#1e293b;font-size:3rem;font-weight:900;margin-bottom:10px}.admin-dashboard .stat-detail{color:#64748b;font-size:1.08rem;opacity:.9}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 1px 3px #0000001a}.stat-card h3{color:#374151;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.stat-number{font-size:2.5rem;margin-bottom:8px}.stat-detail{color:#6b7280;font-size:.9rem;font-size:14px}.search-filters{background:#f9fafb;border-radius:8px;gap:15px;margin-bottom:20px;padding:20px}.search-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;padding:10px}.tenants-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tenant-card{border:1px solid #e5e7eb;border-radius:8px;transition:transform .2s}.tenant-card:hover{box-shadow:0 4px 12px #0000001a}.tenant-type{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.tenant-type.organization{background:#dbeafe;color:#1e40af}.tenant-type.individual{background:#f3e8ff;color:#7c3aed}.tenant-stats{display:flex;gap:15px;margin:15px 0}.stat-item{font-size:.9rem}.stat-value{font-weight:700}.tenant-actions{margin-top:15px}.action-btn{border-radius:4px;font-size:.9rem;padding:8px 12px;transition:all .2s}.action-btn.view{background:#3b82f6;color:#fff}.action-btn.export{background:#10b981;color:#fff}.action-btn.danger{background:#ef4444;color:#fff}.action-btn:hover{opacity:.9}.users-table{background:#ffffffeb;border-radius:18px;box-shadow:0 2px 16px #3b82f621;margin-bottom:40px;overflow-x:auto}.users-table table{border-collapse:initial;border-spacing:0;min-width:900px}.users-table td,.users-table th{border-bottom:1px solid #e5e7eb;font-size:1.12rem;padding:18px 16px}.users-table th{background:#f3f4f6;color:#2563eb;font-size:1.12rem;font-weight:900;letter-spacing:.7px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.users-table td .user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:50%;box-shadow:0 1px 4px #3b82f61a;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;margin-right:10px;width:36px}.status{border-radius:8px;box-shadow:0 1px 4px #3b82f617;font-size:1.08rem;font-weight:800;letter-spacing:1px;padding:8px 18px}.status.active{background:#d1fae5;color:#065f46}.status.suspended{background:#fee2e2;color:#991b1b}.status.pending{background:#fef3c7;color:#92400e}@media (max-width:900px){.admin-dashboard{max-width:100vw;padding:12px 2vw 32px}.admin-dashboard .dashboard-header{flex-direction:column;padding:24px 12px 18px}.admin-dashboard .stats-grid{gap:18px;grid-template-columns:1fr}.users-table table{min-width:600px}}.admin-dashboard,.admin-dashboard *{transition:all .18s cubic-bezier(.4,0,.2,1)}.admin-dashboard.dark{background:linear-gradient(120deg,#18181b,#1e293b)}.admin-dashboard.dark .dashboard-header{background:#3b82f6eb;color:#fff}.admin-dashboard.dark .stat-card{background:#1e293beb;border-left:8px solid #6366f1;color:#fff}.admin-dashboard.dark .users-table{background:#1e293beb;color:#fff}.admin-dashboard.dark .users-table th{background:#18181b;color:#6366f1}.admin-dashboard.dark .status.active{background:#065f46;color:#d1fae5}.admin-dashboard.dark .status.suspended{background:#991b1b;color:#fee2e2}.admin-dashboard.dark .status.pending{background:#92400e;color:#fef3c7}.license-expiration-notification{animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:400px;min-width:320px;position:fixed;right:20px;top:80px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-critical{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#dc2626}.notification-warning{background:linear-gradient(135deg,#fffbeb,#fff);border-left-color:#f59e0b}.notification-info{background:linear-gradient(135deg,#eff6ff,#fff);border-left-color:#3b82f6}.notification-content{align-items:flex-start;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:24px;margin-top:2px}.notification-text{flex:1 1;min-width:0}.notification-text h4{color:#111827;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 6px}.notification-text p{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.notification-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-action.primary{background:#3b82f6;color:#fff}.btn-action.primary:hover{background:#2563eb;transform:translateY(-1px)}.notification-critical .btn-action.primary{background:#dc2626}.notification-critical .btn-action.primary:hover{background:#b91c1c}.notification-warning .btn-action.primary{background:#f59e0b}.notification-warning .btn-action.primary:hover{background:#d97706}.btn-dismiss{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:all .2s ease}.btn-dismiss:hover{background:#f3f4f6;color:#6b7280}.expiration-progress{padding:0 16px 16px}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6 50%,#f59e0b 80%,#ef4444);border-radius:3px;height:100%;transition:width .3s ease}.notification-critical .progress-fill{background:#dc2626}.notification-warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444)}.progress-text{color:#6b7280;display:block;font-size:12px;font-weight:500;text-align:center}@media (max-width:768px){.license-expiration-notification{left:10px;max-width:none;min-width:auto;right:10px;top:60px}.notification-content{gap:10px;padding:14px}.notification-actions{align-items:center;flex-direction:row}.btn-action{font-size:12px;padding:6px 12px}}.license-expiration-notification.closing{animation:slideOutRight .3s ease-in forwards}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-critical{animation:slideInRight .3s ease-out,pulse 2s 1s infinite}@media (prefers-color-scheme:dark){.license-expiration-notification{background:#1f2937;box-shadow:0 10px 30px #00000080}.notification-text h4{color:#f9fafb}.notification-text p{color:#d1d5db}.btn-dismiss:hover{background:#374151;color:#d1d5db}.progress-bar{background:#374151}.progress-text{color:#d1d5db}}.license-blocker{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.license-blocker.loading{background:#fffffff2;flex-direction:column;gap:20px}.loading-spinner{border:5px solid #f3f3f3}.blocker-overlay{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);bottom:0;left:0;position:absolute;right:0;top:0}.blocker-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;text-align:center}.blocker-header{margin-bottom:30px}.blocker-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.blocker-header h1{color:#111827;font-size:32px;font-weight:700;margin:0 0 15px}.blocker-header p{color:#6b7280;font-size:18px;line-height:1.5;margin:0}.blocker-features{margin-bottom:40px;text-align:left}.blocker-features h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.features-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#f8fafc;border-radius:8px;color:#374151;font-weight:500;gap:12px;padding:12px}.feature-icon{font-size:20px}.blocker-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.btn-large{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:16px 32px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.btn-upgrade{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-upgrade:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.btn-secondary{border:none}.btn-secondary:hover{background:#e5e7eb}.expired-info{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px;text-align:left}.expired-info p{color:#991b1b;font-size:14px;margin:5px 0}.upgrade-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{border-radius:20px;max-height:90vh;max-width:900px;position:relative}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.modal-header h2{color:#111827;font-size:24px;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:5px}.modal-close:hover{color:#374151}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.plan-card{border:2px solid #e5e7eb;border-radius:12px;padding:25px;position:relative;text-align:center;transition:all .2s ease}.plan-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.plan-card.recommended{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6}.plan-badge{background:#3b82f6;border-radius:15px;color:#fff;left:50%;padding:5px 15px;position:absolute;top:-10px;transform:translateX(-50%)}.plan-card h3{color:#111827;font-size:20px;margin:0 0 10px}.plan-price{color:#111827;font-size:32px;font-weight:700;margin-bottom:20px}.plan-price span{color:#6b7280;font-size:16px;font-weight:400}.plan-card ul{list-style:none;margin:0 0 25px;padding:0;text-align:left}.plan-card li{color:#374151;font-size:14px;padding:8px 0}.btn-plan{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}.btn-plan:hover{border-color:#3b82f6;color:#3b82f6}.btn-plan.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-plan.primary:hover{background:#2563eb}.modal-footer{color:#6b7280;font-size:14px;text-align:center}@media (max-width:768px){.blocker-content{margin:20px;max-width:none;padding:30px 20px}.blocker-header h1{font-size:24px}.blocker-header p{font-size:16px}.features-grid{grid-template-columns:1fr}.blocker-actions{gap:12px}.btn-large{font-size:15px;padding:14px 24px}.modal-content{margin:10px;padding:20px}.plans-grid{grid-template-columns:1fr}}.smart-tools-page{background:#f3f4f6;min-height:100vh;padding-bottom:60px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:32px;padding:48px 24px;position:relative;text-align:center}.back-to-dashboard-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;left:24px;padding:10px 20px;position:absolute;top:20px;transition:all .2s}.back-to-dashboard-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateX(-2px)}.page-header h1{font-size:36px;font-weight:700;margin:0 0 12px}.page-description{font-size:16px;margin:0 auto;max-width:800px;opacity:.95}.tools-tabs{display:flex;gap:16px;justify-content:center;margin-bottom:32px;padding:0 24px}.tab-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:14px 24px;transition:all .2s}.tab-button:hover{background:#f9fafb;border-color:#3b82f6;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.tab-button.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.tab-icon{font-size:20px}.tools-content{animation:fadeIn .3s ease-in-out}.tools-footer{margin-top:48px;padding:32px 24px;text-align:center}.footer-info{color:#6b7280;font-size:14px;font-style:italic;margin:0}@media (max-width:768px){.page-header{padding:32px 20px}.page-header h1{font-size:28px}.page-description{font-size:14px}.tools-tabs{flex-direction:column;gap:12px;padding:0 20px}.tab-button{justify-content:center;width:100%}}.dashboard{background:linear-gradient(to bottom right,#f8fafc,#eef2ff);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:15px;box-shadow:0 4px 12px #4f46e526;display:flex;justify-content:space-between;padding:1rem 2rem}.dashboard-branding{flex-direction:column}.dashboard-title{color:#fff;font-size:1.5rem;text-shadow:0 1px 2px #0000001a}.dashboard-subtitle{color:#fffc;font-size:.875rem}.dashboard-actions{display:flex;gap:.75rem}.action-button{align-items:center;background:#fff3;border:1px solid #fff6;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.action-button:hover{background:#ffffff4d}.action-button.primary{background:#fff;border:none;box-shadow:0 2px 5px #00000014;color:#4f46e5;font-weight:600}.action-button.primary:hover{background:#f9fafb;transform:translateY(-2px)}.action-button.user-profile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;display:flex;gap:.5rem}.action-button.user-profile:hover{background:#fff3;transform:translateY(-2px)}.user-avatar{display:flex;text-transform:uppercase}.user-name{color:#fff;font-weight:500}.dashboard-content{flex-grow:1;max-width:1600px;padding:1.5rem;width:100%}.status-bar{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 8px 20px #0000000f;display:flex;justify-content:space-around;margin-bottom:2rem;margin-top:-1.5rem;padding:1.5rem 1rem;position:relative;z-index:2}.status-item{flex-direction:column;padding:0 1rem;position:relative}.status-icon{font-size:1.8rem;margin-bottom:.75rem}.status-item:first-child .status-icon{color:#6366f1}.status-item:nth-child(2) .status-icon{color:#8b5cf6}.status-item:nth-child(3) .status-icon{color:#10b981}.status-icon.risk-icon{color:#f97316}.status-icon.risk-icon.high-risk{animation:pulse 1.5s infinite;color:#ef4444}.status-value{color:#111827;font-size:1.5rem;font-weight:700}.status-label{color:#6b7280;font-size:.875rem}.coverage-indicator{background:#f3f4f6;border-radius:6px;height:12px;margin:.5rem 0;overflow:hidden;position:relative;width:100px}.coverage-fill{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);height:100%;transition:width .5s ease-out}.coverage-text{color:#fff;font-size:.7rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.status-breakdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:.25rem;left:50%;min-width:150px;opacity:0;padding:.5rem;position:absolute;top:100%;transform:translateX(-50%);transform:translateX(-50%) translateY(10px);transition:opacity .2s,visibility .2s,transform .2s;visibility:hidden;z-index:10}.status-item:hover .status-breakdown{opacity:1;transform:translateX(-50%) translateY(5px);visibility:visible}.breakdown-item{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.breakdown-item.feature{background:#e0f2fe;color:#0284c7}.breakdown-item.api{background:#fef3c7;color:#d97706}.breakdown-item.service{background:#dbeafe;color:#2563eb}.breakdown-item.uses{background:#dcfce7;color:#15803d}.breakdown-item.depends{background:#f3e8ff;color:#7e22ce}.breakdown-item.high-risk{background:#fee2e2;color:#b91c1c;font-weight:600}.breakdown-item.medium-risk{background:#ffedd5;color:#c2410c}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;margin-top:1.5rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-panel{border-radius:.75rem;border-top:4px solid #0000;box-shadow:0 4px 15px #0000000d;overflow:visible;transition:transform .3s,box-shadow .3s}.dashboard-panel:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}.panel-title{align-items:center;border-bottom:1px solid #f3f4f6;color:#111827;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin:0;padding:1rem}.panel-title svg{margin-right:.5rem}.panel-title-detail{color:#6b7280;font-size:.875rem;font-weight:400}.panel-content{padding:1rem 1rem 10px;position:relative;z-index:1}.panel-actions{border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;margin-top:10px;padding-top:1rem;position:relative;z-index:6}.panel-button{background:#f3f4f6;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.panel-button.primary{background:#4f46e5;color:#fff}.panel-button.primary:hover{background:#4338ca}.panel-button:disabled{cursor:not-allowed;opacity:.5}.graph-container{margin-bottom:40px;width:100%}.dashboard-panel.graph-preview .panel-content,.graph-container{position:relative;z-index:1}.panel-tooltip{box-shadow:0 -2px 5px #0000000d}.panel-tooltip svg{color:#4f46e5;font-size:1rem}.first-steps{margin-top:1.5rem}.first-steps h3{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.tip{color:#4b5563;margin-bottom:1rem}.text-separator{color:#9ca3af;margin:1.5rem 0;position:relative;text-align:center}.text-separator:after,.text-separator:before{background-color:#e5e7eb;content:"";height:1px;position:absolute;top:50%;width:45%}.text-separator:before{left:0}.text-separator:after{right:0}.bootstrap-section{margin-top:1.5rem}.graph-container{height:300px;width:100%!important}.empty-graph{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.empty-graph-placeholder{margin-top:1rem}.actions-grid{grid-template-columns:repeat(2,1fr)}.action-card{background:linear-gradient(145deg,#fff,#f9fafb);border:1px solid #f3f4f6;border-radius:.5rem;box-shadow:0 3px 10px #00000008;flex-direction:column;padding:1.5rem 1rem;transition:all .3s}.action-card:hover{background:linear-gradient(145deg,#fff,#f3f4f6);box-shadow:0 12px 20px #0000001a;transform:translateY(-5px) scale(1.02)}.action-icon{background:#eef2ff;border-radius:50%;color:#6366f1;font-size:1.5rem;height:55px;margin-bottom:1rem;transition:all .3s;width:55px}.action-card:hover .action-icon{background:#6366f1;color:#fff;transform:scale(1.1)}.action-card.advanced{align-items:center;background:linear-gradient(145deg,#fff,#f9fafb);border:1px solid #f3f4f6;border-radius:.75rem;box-shadow:0 3px 10px #00000008;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem 1rem;text-align:center;transition:all .3s}.action-card.advanced:hover{background:linear-gradient(145deg,#fff,#f3f4f6);box-shadow:0 12px 20px #0000001a;transform:translateY(-5px) scale(1.02)}.action-card.advanced .action-icon{align-items:center;background:#eef2ff;border-radius:50%;color:#6366f1;display:flex;font-size:1.5rem;height:55px;justify-content:center;margin-bottom:1rem;transition:all .3s;width:55px}.action-card.advanced:hover .action-icon{background:#6366f1;color:#fff;transform:scale(1.1)}.action-card.advanced .action-title{color:#111827;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.action-card.advanced .action-description{color:#6b7280;font-size:.8rem;line-height:1.2}.action-card.advanced:first-child .action-icon{background:#ede9fe;color:#8b5cf6}.action-card.advanced:first-child:hover .action-icon{background:#8b5cf6;color:#fff}.action-card.advanced:nth-child(2) .action-icon{background:#dcfce7;color:#10b981}.action-card.advanced:nth-child(2):hover .action-icon{background:#10b981;color:#fff}.action-card.advanced:nth-child(3) .action-icon{background:#fef3c7;color:#d97706}.action-card.advanced:nth-child(3):hover .action-icon{background:#d97706;color:#fff}.action-card.advanced:nth-child(4) .action-icon{background:#dbeafe;color:#3b82f6}.action-card.advanced:nth-child(4):hover .action-icon{background:#3b82f6;color:#fff}.activity-list{list-style:none;margin:0;padding:0}.activity-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-radius:6px;gap:.75rem;margin-bottom:4px;padding:.75rem .5rem;transition:background-color .2s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f9fafb}.activity-icon{background:#eef2ff;color:#6366f1}.activity-details{display:flex;flex-direction:column}.activity-text{color:#374151;font-size:.875rem}.activity-meta{color:#9ca3af;font-size:.75rem;margin-top:.25rem}.no-activity{color:#9ca3af;font-style:italic;padding:1rem 0;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.dashboard-panel{animation:fadeIn .4s ease-out forwards}.dashboard-panel:first-child{animation-delay:.1s}.dashboard-panel:nth-child(2){animation-delay:.2s}.dashboard-panel:nth-child(3){animation-delay:.3s}.dashboard-panel:nth-child(4){animation-delay:.4s}.action-card{transition:transform .3s,box-shadow .3s}.action-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.dashboard-to-feature,.feature-to-dashboard{animation:fadeIn .5s ease-out}.main-dashboard-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}@media (max-width:1200px){.main-dashboard-section{grid-template-columns:1fr}}.welcome-panel{background:linear-gradient(to right bottom,#6366f1,#8b5cf6);color:#fff}.welcome-panel h2{color:#fff;font-size:1.75rem;margin-top:0}.welcome-text{font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;opacity:.9}.first-use-prompt{background:#ffffff26;border-radius:.75rem;margin-top:2rem;padding:1.5rem}.first-use-prompt h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.5rem;margin-top:0}.first-use-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.quick-start-button{align-items:center;background:#fff;border:none;border-radius:.5rem;color:#4f46e5;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:transform .2s,box-shadow .2s}.quick-start-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.graph-content{padding:0!important;position:relative}.graph-container-large{height:500px;position:relative;width:100%}.empty-graph-large{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:500px;justify-content:center}.graph-overlay-controls{bottom:1rem;position:absolute;right:1rem;z-index:10}.graph-control-button{align-items:center;background:#4f46e5e6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:transform .2s,background .2s}.graph-control-button:hover{background:#4f46e5;transform:translateY(-2px)}.features-grid-section{margin:2rem 0}.section-title{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;position:relative}.section-title:after{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.features-grid{grid-template-columns:1fr}}.feature-group{border-radius:.75rem;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.feature-group-title{align-items:center;border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin:0;padding:1rem}.feature-group-title,.feature-group:first-child .feature-group-title{background:linear-gradient(90deg,#4f46e5,#6366f1)}.feature-group:nth-child(2) .feature-group-title{background:linear-gradient(90deg,#10b981,#059669)}.feature-group:nth-child(3) .feature-group-title{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.feature-group:nth-child(4) .feature-group-title{background:linear-gradient(90deg,#f59e0b,#d97706)}.feature-buttons{grid-gap:.8rem;background-color:#fff;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);padding:1rem}.feature-button{align-items:center;background:#f3f4f6;border:none;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1.25rem .75rem;transition:all .25s ease}.feature-group:first-child .feature-button{background:#eef2ff}.feature-group:first-child .feature-button:hover{background:#e0e7ff;box-shadow:0 6px 15px #4f46e526;transform:translateY(-3px)}.feature-group:first-child .feature-icon{color:#4f46e5}.feature-group:nth-child(2) .feature-button{background:#ecfdf5}.feature-group:nth-child(2) .feature-button:hover{background:#d1fae5;box-shadow:0 6px 15px #10b98126;transform:translateY(-3px)}.feature-group:nth-child(2) .feature-icon{color:#10b981}.feature-group:nth-child(3) .feature-button{background:#f5f3ff}.feature-group:nth-child(3) .feature-button:hover{background:#ede9fe;box-shadow:0 6px 15px #8b5cf626;transform:translateY(-3px)}.feature-group:nth-child(3) .feature-icon{color:#8b5cf6}.feature-group:nth-child(4) .feature-button{background:#fffbeb}.feature-group:nth-child(4) .feature-button:hover{background:#fef3c7;box-shadow:0 6px 15px #f59e0b26;transform:translateY(-3px)}.feature-group:nth-child(4) .feature-icon{color:#f59e0b}.feature-icon{font-size:1.75rem;margin-bottom:.75rem;transition:transform .2s}.feature-button:hover .feature-icon{transform:scale(1.2)}.feature-label{color:#374151;font-size:.9rem;font-weight:600;text-align:center}.firstTooltip{color:#fff!important}.panel-tooltip{border-radius:.5rem;font-style:italic;line-height:1.4;margin-top:1rem}.dashboard-panel{margin-bottom:20px;padding-bottom:50px;position:relative}.panel-tooltip{align-items:center;background-color:#6366f114;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;border-top:1px dashed #e0e7ff;bottom:0;color:#4f46e5;display:flex;font-size:.875rem;gap:.5rem;left:0;padding:.75rem;position:absolute;right:0;z-index:5}.panel-content{margin-bottom:10px}.features-grid .panel-tooltip{border-radius:.5rem;margin-top:1.5rem;position:relative}.panel-tooltip .svg-inline--fa{flex-shrink:0;font-size:1.25rem}@media (max-width:768px){.feature-buttons{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.feature-buttons{grid-template-columns:1fr}}.action-button.logout{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.action-button.logout:hover{background:#ef444433;transform:translateY(-2px)}.user-menu-container{position:relative}.dropdown-arrow{font-size:10px;margin-left:.5rem;transition:transform .2s}.user-profile:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background:#f9fafb}.dropdown-item.logout-item{color:#dc2626}.dropdown-item.logout-item:hover{background:#ef44440d}.dropdown-divider{background:#e5e7eb;height:1px;margin:.25rem 0}.user-menu-container.open:before{bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:40}@media (max-width:1700px) and (min-width:1400px){.border.p-4.rounded-lg.shadow.bg-white,.labNodemented.main-section-bg,.main-section-bg{box-sizing:border-box!important;margin:22px auto!important;max-width:calc(100vw - 60px)!important;overflow-x:hidden!important;padding:28px!important}.dashboard-header,.lab-header-unified{padding:1.4rem 1.8rem!important}.ReactFlow__renderer,.canvas-wrapper,.dashboard-header,.graph-container,.graph-panel,.graph-section,.lab-header-unified,.mobile-graph-canvas,.mobile-graph-view,.mobile-graph-wrapper,.nodes-canvas,.test-flow-container{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}}@media (max-width:1400px) and (min-width:1200px){.border.p-4.rounded-lg.shadow.bg-white,.labNodemented.main-section-bg,.main-section-bg{box-sizing:border-box!important;margin:20px auto!important;max-width:calc(100vw - 50px)!important;overflow-x:hidden!important;padding:24px!important}.dashboard-header,.lab-header-unified{padding:1.3rem 1.6rem!important}.ReactFlow__renderer,.canvas-wrapper,.dashboard-header,.graph-container,.graph-panel,.graph-section,.lab-header-unified,.mobile-graph-canvas,.mobile-graph-view,.mobile-graph-wrapper,.nodes-canvas,.test-flow-container{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.section-analyse,.section-create-node,.section-create-relation,.section-generate-tests,.section-import-code,.section-node-detail,.section-nodes-list,.section-pending-nodes,.section-quick-create,.section-relations-list,.section-vector-search{margin-bottom:20px!important;max-width:100%!important;overflow-x:hidden!important;padding:20px!important}}@media (max-width:1200px) and (min-width:1024px){.border.p-4.rounded-lg.shadow.bg-white,.labNodemented.main-section-bg,.main-section-bg{box-sizing:border-box!important;margin:16px auto!important;max-width:calc(100vw - 40px)!important;overflow-x:hidden!important;padding:20px!important}.dashboard-header,.lab-header-unified{padding:1.2rem 1.4rem!important}.ReactFlow__renderer,.canvas-wrapper,.dashboard-header,.graph-container,.graph-panel,.graph-section,.lab-header-unified,.mobile-graph-canvas,.mobile-graph-view,.mobile-graph-wrapper,.nodes-canvas,.test-flow-container{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.section-analyse,.section-create-node,.section-create-relation,.section-generate-tests,.section-import-code,.section-node-detail,.section-nodes-list,.section-pending-nodes,.section-quick-create,.section-relations-list,.section-vector-search{margin-bottom:16px!important;max-width:100%!important;overflow-x:hidden!important;padding:16px!important}}.onboarding-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.onboarding-modal{animation:slideUp .4s ease-out;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;overflow:hidden;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.onboarding-close:hover{color:#1f2937}.onboarding-content{padding:2rem;text-align:center}.onboarding-icon{margin-bottom:1.5rem}.onboarding-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.onboarding-description{color:#6b7280;line-height:1.6;margin-bottom:2rem}.onboarding-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.progress-dot{background-color:#e5e7eb;border-radius:50%;cursor:pointer;height:.75rem;transition:all .2s;width:.75rem}.progress-dot.active{background-color:#4f46e5;border-radius:9999px;width:2rem}.onboarding-actions{border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem}.onboarding-btn{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.onboarding-btn.prev{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.onboarding-btn.next{background-color:#4f46e5;border:none;color:#fff}.onboarding-btn:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.super-admin-tenant-selector{margin:0 auto;max-width:1400px;padding:20px}.tenant-selector-header{margin-bottom:30px}.tenant-selector-header h2{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:20px}.global-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.stat-card{box-shadow:0 4px 15px #0000001a}.stat-number{font-size:32px;margin-bottom:5px}.stat-label{font-size:14px}.tenant-search{margin-bottom:30px}.tenant-search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:15px 20px;transition:border-color .3s ease;width:100%}.tenant-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.selected-tenant-banner{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;margin-bottom:30px;padding:15px 20px}.banner-content{align-items:center;display:flex;justify-content:space-between}.banner-icon{font-size:24px;margin-right:15px}.banner-text{display:flex;flex:1 1;flex-direction:column}.banner-text strong{font-size:16px;margin-bottom:2px}.banner-text span{font-size:14px;opacity:.9}.exit-support-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.exit-support-btn:hover{background:#ffffff4d}.tenants-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tenant-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.tenant-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.tenant-card.selected{background:#f0fdf4;border-color:#10b981;box-shadow:0 8px 25px #10b98133}.tenant-card.selected:before{align-items:center;background:#10b981;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:15px;top:15px;width:24px}.tenant-header{margin-bottom:15px}.tenant-avatar,.tenant-header{align-items:center;display:flex}.tenant-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:16px;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.tenant-info{flex:1 1}.tenant-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 5px}.tenant-id{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:monospace;font-size:12px;margin:0;padding:2px 6px}.tenant-status{font-size:20px}.tenant-details{margin-bottom:15px}.detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.detail-row .label{color:#6b7280;font-weight:500}.detail-row .value{color:#1f2937;font-weight:600}.plan-free{color:#6b7280}.plan-starter{color:#0891b2}.plan-professional{color:#7c3aed}.plan-enterprise{color:#dc2626}.tenant-stats{grid-gap:10px;background:#f9fafb;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:15px;padding:15px}.mini-stat{text-align:center}.mini-number{color:#1f2937;display:block;font-size:18px;font-weight:700;margin-bottom:2px}.mini-label{color:#6b7280;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.tenant-actions{display:flex;gap:10px}.action-btn{flex:1 1;font-size:14px;padding:10px 16px;transition:all .2s ease}.action-btn.primary{background:#667eea}.action-btn.primary:hover{background:#5a67d8}.action-btn.secondary{border:1px solid #d1d5db;color:#4b5563}.action-btn.secondary:hover{background:#e5e7eb}.tenant-selector-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}.no-results{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0000000f;padding:60px 20px;text-align:center}.no-results p{color:#6b7280;font-size:16px;font-weight:500;margin:0}.no-results:before{content:"🔍";display:block;font-size:48px;margin-bottom:20px;opacity:.5}.tenants-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0000000f;margin-bottom:30px;overflow:hidden}.tenants-table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}.tenants-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e5e7eb}.tenants-table th{border-right:1px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;padding:20px 16px;position:relative;text-align:left;text-transform:uppercase}.tenants-table th:last-child{border-right:none}.tenants-table th:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.tenants-table th:hover:after{opacity:1}.tenants-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.tenants-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.tenants-table tbody tr.selected-row{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.tenants-table td{border-right:1px solid #f1f5f9;color:#374151;padding:16px;vertical-align:middle}.tenants-table td:last-child{border-right:none}.tenants-table td:first-child{color:#1f2937;font-weight:600}.tenants-table td:nth-child(2){background:#f9fafb;border-radius:4px;color:#6b7280;display:inline-block;font-family:Courier New,monospace;font-size:12px;margin:8px 4px;padding:8px 12px}.plan-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px}.plan-badge.free{background:#e5e7eb;color:#6b7280}.plan-badge.starter{background:#dbeafe;color:#1d4ed8}.plan-badge.professional{background:#d1fae5;color:#065f46}.plan-badge.enterprise{background:#fef3c7;color:#92400e}.status-indicator{display:inline-flex;font-size:12px;gap:6px}.status-indicator.active{color:#059669}.status-indicator.inactive{color:#dc2626}.action-btn{border-radius:8px;display:inline-flex;font-size:12px;gap:6px;padding:8px 16px;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.action-btn.primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.action-btn.secondary{background:#f8fafc}.action-btn.secondary:hover{background:#f1f5f9;border-color:#d1d5db}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:32px;justify-content:center;margin-right:8px;width:32px}.role-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.role-badge.super-admin{background:#fef3c7;color:#92400e}.role-badge.org-admin{background:#dbeafe;color:#1d4ed8}.role-badge.admin{background:#d1fae5;color:#065f46}.role-badge.user{background:#e5e7eb;color:#6b7280}.tab-container{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;margin-bottom:30px;padding:4px}.tab-container button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-container button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1f2937}.tab-container button:hover:not(.active){background:#f1f5f9;color:#374151}.pagination-container{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:space-between;padding:20px}.pagination-info{color:#6b7280;font-size:14px}.pagination-controls{gap:8px}.pagination-controls button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px 12px;transition:all .3s ease}.pagination-controls button:hover:not(:disabled){background:#f1f5f9;border-color:#d1d5db}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls button.active{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:1024px){.tenants-table{font-size:12px}.tenants-table td,.tenants-table th{padding:12px 8px}.action-btn{font-size:10px;padding:6px 12px}}@media (max-width:768px){.tenants-table-container{overflow-x:auto}.tenants-table{min-width:800px}.tab-container{flex-direction:column;gap:4px}.pagination-container{flex-direction:column;gap:15px}}.license-admin-dashboard{margin:0 auto;max-width:1400px;padding:20px}.license-admin-loading{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{border:4px solid #f3f3f3;height:40px;width:40px}.license-stats-header{margin-bottom:30px}.license-stats-header h2{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:20px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px -1px #0000001a;color:#fff;gap:15px;padding:20px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{opacity:.9}.stat-content h3{font-size:24px;font-weight:700;margin:0}.stat-content p{font-size:14px;margin:0;opacity:.9}.license-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.btn-outline,.btn-primary,.btn-secondary{font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-outline:hover{background:#3b82f6;color:#fff}.license-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.license-filters select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;min-width:150px;padding:8px 15px}.license-filters select:focus{border-color:#3b82f6;outline:none}.licenses-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:25px;overflow:hidden}.licenses-table table{border-collapse:collapse;width:100%}.licenses-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:15px;text-align:left}.licenses-table td{border-bottom:1px solid #f3f4f6;padding:15px}.licenses-table tbody tr:hover{background:#f9fafb}.status-badge{border-radius:20px;font-size:12px;padding:4px 12px;text-transform:uppercase}.status-badge.active{color:#065f46}.status-badge.expired{background:#fecaca;color:#991b1b}.status-badge.suspended{background:#fed7aa;color:#9a3412}.status-badge.cancelled{background:#e5e7eb;color:#374151}.status-badge.warning{background:#fef3c7;color:#92400e}.plan-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.plan-badge.gray{background:#f3f4f6;color:#374151}.plan-badge.blue{background:#dbeafe;color:#1e40af}.plan-badge.purple{background:#e9d5ff;color:#7c3aed}.plan-badge.gold{background:#fef3c7;color:#92400e}.type-badge{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:11px;font-weight:500;padding:4px 8px}.user-info div{color:#111827;font-weight:500}.usage-info div,.user-info small{color:#6b7280;font-size:12px}.usage-info div{margin-bottom:2px}.date-info{color:#111827;font-size:14px}.date-info small{color:#6b7280;display:block;font-size:11px;margin-top:2px}.btn-icon{border:none;font-size:16px;transition:background .2s ease}.btn-icon:hover{background:#f3f4f6}.btn-icon.danger:hover{background:#fecaca}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.pagination button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.pagination button:disabled{background:#d1d5db;cursor:not-allowed}.pagination span{color:#6b7280;font-size:14px}.modal-overlay{z-index:1000}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;min-width:400px;padding:30px}.modal-content h3{color:#111827}.form-group label{font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none}.form-group small{color:#6b7280;display:block;font-size:12px;font-style:italic;margin-top:5px}.modal-actions{gap:10px;justify-content:flex-end;margin-top:25px}.modal-actions button{border:none;font-weight:500}.modal-actions button[type=button]{background:#e5e7eb;color:#374151}.modal-actions button[type=submit]{background:#3b82f6;color:#fff}.modal-actions button:hover{opacity:.9}@media (max-width:1024px){.license-admin-dashboard{padding:15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.licenses-table{overflow-x:auto}.licenses-table table{min-width:800px}}@media (max-width:768px){.license-actions,.license-filters{flex-direction:column}.license-filters select{min-width:auto}.modal-content{margin:20px;min-width:auto}.stats-grid{grid-template-columns:1fr}}.financial-admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.financial-admin-access-denied{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:2rem;padding:3rem}.financial-admin-access-denied,.financial-admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.financial-admin-loading{color:#fff}.financial-loading-spinner{animation:financial-spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:2rem;width:60px}@keyframes financial-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.financial-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:2rem}.financial-header-main h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.financial-header-main p{color:#fffc;font-size:1.1rem;margin:0}.financial-controls{align-items:center;display:flex;gap:1rem}.financial-date-selector{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;color:#333;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.financial-date-selector:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none}.financial-refresh-btn{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.financial-refresh-btn:hover{background:#fff;transform:translateY(-1px)}.financial-demo-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-right:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.financial-demo-btn:hover:not(:disabled){background:linear-gradient(135deg,#3730a3,#5b21b6);box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.financial-demo-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.data-indicator{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-left:1rem;padding:.25rem .75rem;text-transform:uppercase}.data-indicator.real-data{background:#22c55e33;border:1px solid #22c55e4d;color:#15803d}.data-indicator.estimated-data{background:#f59e0b33;border:1px solid #f59e0b4d;color:#d97706}.financial-nav{background:#fffffff2;box-shadow:0 2px 4px #0000001a;display:flex;overflow-x:auto;padding:0 2rem}.financial-nav-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.financial-nav-btn:hover{background:#667eea0d;color:#667eea}.financial-nav-btn.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.financial-content{background:#fffffff2;min-height:calc(100vh - 200px);padding:2rem}.financial-overview h2{color:#333;font-size:1.8rem;margin:0 0 2rem}.financial-kpis{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.financial-kpi{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease}.financial-kpi:hover{transform:translateY(-2px)}.financial-kpi.revenue{border-left:4px solid #10b981}.financial-kpi.costs{border-left:4px solid #f59e0b}.financial-kpi.profit{border-left:4px solid #667eea}.financial-kpi.users{border-left:4px solid #8b5cf6}.kpi-icon{align-items:center;background:#667eea1a;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.kpi-content h3{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.kpi-value{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.kpi-value.positive{color:#10b981}.kpi-value.negative{color:#ef4444}.kpi-breakdown,.kpi-detail,.kpi-margin,.kpi-period{color:#888;font-size:.8rem}.kpi-detail{color:#999;font-style:italic;margin-top:.25rem}.financial-charts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:3rem}.financial-chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem}.financial-chart-container h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.chart-placeholder{align-items:center;background:#f8fafc;border-radius:8px;color:#666;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center}.chart-placeholder small{color:#888;margin-top:.5rem}.costs-breakdown{display:flex;flex-direction:column;gap:1rem}.cost-item{align-items:center;background:#f8fafc;border-left:4px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.cost-label{color:#333;font-weight:500}.cost-amount{color:#667eea;font-weight:600}.cost-percentage{color:#888;font-size:.9rem;min-width:50px;text-align:right}.financial-alerts{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem}.financial-alerts h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.alerts-list{flex-direction:column}.alert,.alerts-list{display:flex;gap:.75rem}.alert{align-items:center;border-radius:8px;font-size:.9rem;padding:1rem}.alert.warning{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.alert.info{background:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.alert.success{background:#d1fae5;border-left:4px solid #10b981;color:#047857}.alert-icon{font-size:1.2rem}.alert-message{flex:1 1;font-weight:500}.financial-costs,.financial-reports,.financial-users{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#666;padding:2rem;text-align:center}.financial-costs h2,.financial-reports h2,.financial-users h2{color:#333;margin:0 0 1rem}@media (max-width:1024px){.financial-charts{grid-template-columns:1fr}.financial-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:768px){.financial-content,.financial-header{padding:1rem}.financial-kpis{grid-template-columns:1fr}.financial-nav{padding:0 1rem}.financial-nav-btn{font-size:.9rem;padding:.75rem 1rem}.cost-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.loading-container,.super-admin-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center}.loading-animation{color:#fff;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:50px;margin:0 auto 20px;width:50px}.pulse-ring{animation:pulse 1.5s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;height:60px;margin:0 auto;width:60px}.pulse-ring.delay-1{animation-delay:.5s;margin-left:-30px;position:absolute}.pulse-ring.delay-2{animation-delay:1s;margin-left:-30px;position:absolute}.loading-text{font-size:18px;font-weight:500;margin-top:20px}.super-admin-dashboard{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000001a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px}.header-left .welcome-section h1{font-size:28px;font-weight:700;margin:0 0 8px}.header-left .welcome-section p{font-size:16px;margin:0;opacity:.9}.header-right{align-items:center;display:flex;gap:20px}.impersonation-indicator{align-items:center;animation:pulse-glow 2s infinite;background:#ffc107e6;border-radius:12px;box-shadow:0 4px 15px #ffc1074d;color:#1d2124;display:flex;font-weight:600;gap:12px;padding:12px 16px}@keyframes pulse-glow{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.indicator-icon{font-size:18px}.indicator-text{display:flex;flex-direction:column;gap:2px}.indicator-text strong{font-size:14px;font-weight:600}.indicator-text span{font-size:12px;opacity:.9}.exit-btn{background:#fff3;border:none;border-radius:6px;color:#1d2124;cursor:pointer;font-size:12px;padding:4px 8px;transition:background .2s ease}.exit-btn:hover{background:#ffffff4d}.notifications-dropdown{position:relative}.notification-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;padding:12px;position:relative;transition:all .3s ease}.notification-btn:hover{background:#fff3;transform:scale(1.05)}.notification-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.notifications-panel{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:none;min-width:300px;position:absolute;right:0;top:100%;z-index:1000}.notifications-dropdown:hover .notifications-panel{display:block}.notification-item{border-bottom:1px solid #f1f5f9;color:#1f2937;padding:15px}.notification-item:last-child{border-bottom:none}.notification-item.info{border-left:4px solid #3b82f6}.notification-item.warning{border-left:4px solid #f59e0b}.notification-item.success{border-left:4px solid #10b981}.notification-message{display:block;font-weight:500;margin-bottom:5px}.notification-time{color:#6b7280;font-size:12px}.user-menu{align-items:center;display:flex;gap:15px}.user-avatar img{border:2px solid #ffffff4d;border-radius:50%;height:40px;width:40px}.user-info{align-items:flex-end}.user-name{font-size:14px}.user-role{font-size:12px;opacity:.8}.logout-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.logout-btn:hover{background:#fff3;transform:translateY(-1px)}.dashboard-nav{background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:88px;z-index:90}.nav-container{display:flex;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 20px}.nav-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.nav-tab:hover{background:#f8fafc;color:#1f2937}.nav-tab.active{background:#f0f9ff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-icon{font-size:16px}.tab-indicator{background:#3b82f6;border-radius:3px 3px 0 0;bottom:-3px;height:3px;left:0;position:absolute;right:0}.dashboard-content{margin:0 auto;max-width:1400px;padding:30px 20px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.stat-card{align-items:center;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before{background:#3b82f6}.stat-card.success:before{background:#10b981}.stat-card.warning:before{background:#f59e0b}.stat-card.info:before{background:#8b5cf6}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.stat-card.primary .stat-icon{background:#dbeafe}.stat-card.success .stat-icon{background:#d1fae5}.stat-card.warning .stat-icon{background:#fef3c7}.stat-card.info .stat-icon{background:#e0e7ff}.stat-content h3{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-number{color:#1f2937;font-size:28px;margin-bottom:4px}.stat-trend{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.stat-trend.positive{background:#d1fae5;color:#059669}.stat-trend.neutral{background:#f3f4f6;color:#6b7280}.charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:30px}.chart-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.chart-card h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.activity-item,.activity-timeline{position:relative}.activity-item{align-items:center;display:flex;gap:16px;margin-bottom:16px}.activity-time{color:#6b7280;font-size:12px;font-weight:500;min-width:60px}.activity-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.activity-dot{background:#3b82f6;border-radius:50%;height:8px;left:88px;position:absolute;width:8px;z-index:1}.activity-description{color:#1f2937;flex:1 1;font-size:14px}.performance-metrics .metric{align-items:center;display:flex;gap:16px;margin-bottom:16px}.metric-label{color:#6b7280;font-size:14px;font-weight:500;min-width:120px}.metric-bar{background:#f3f4f6;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.metric-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .5s ease}.metric-fill.success{background:#10b981}.metric-fill.info{background:#8b5cf6}.metric-value{color:#1f2937;font-weight:600;min-width:60px;text-align:right}.quick-actions h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.action-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.action-icon{align-items:center;background:#f0f9ff;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.action-content h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.action-content p{color:#6b7280;font-size:14px;margin:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.search-filters{align-items:center;display:flex;gap:12px}.filter-select,.search-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 16px;transition:border-color .3s ease}.filter-select:focus,.search-input:focus{border-color:#3b82f6;outline:none}.search-input{min-width:300px}.organizations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.org-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.org-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.org-header{margin-bottom:16px}.org-avatar,.org-header{align-items:center;display:flex}.org-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:18px;font-weight:700;height:48px;justify-content:center;margin-right:16px;width:48px}.org-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px}.org-id{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:monospace;font-size:12px;margin:0;padding:2px 6px}.org-status{border-radius:20px;font-size:12px;margin-left:auto;padding:4px 12px}.org-status.active{background:#d1fae5;color:#059669}.org-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.org-stat{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.stat-icon{font-size:16px}.org-actions{display:flex;gap:8px}.btn-outline,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#f8fafc;border:2px solid #e5e7eb;color:#6b7280}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#d1d5db}.btn-outline{background:#0000;border:2px solid #3b82f6;color:#3b82f6}.btn-outline:hover:not(:disabled){background:#3b82f6;color:#fff}.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.create-organization-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:32px;padding:32px}.create-organization-form h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.organization-form .form-section{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.organization-form .form-section:last-child{border-bottom:none;margin-bottom:0}.organization-form .form-section h4{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{display:block;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid #e5e7eb;gap:15px;margin-top:30px;padding-top:30px}.users-table{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #f1f5f9;padding:16px;text-align:left}.users-table th{background:#f8fafc;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-cell{align-items:center;display:flex;gap:12px}.user-cell img{border-radius:50%;height:32px;width:32px}.user-name{color:#1f2937;font-weight:600}.role-badge,.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-badge.super-admin{background:#fce7f3;color:#be185d}.role-badge.admin{background:#ddd6fe;color:#7c3aed}.role-badge.user{background:#dbeafe;color:#1e40af}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.suspended{background:#fee2e2;color:#dc2626}.table-actions{display:flex;gap:8px}.btn-icon{background:none;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;padding:6px;transition:all .3s ease}.btn-icon:hover{background:#f0f9ff;border-color:#3b82f6}.btn-icon.danger:hover{background:#fef2f2;border-color:#dc2626}.migration-container,.orphan-users-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:32px;padding:24px}.migration-container h3,.orphan-users-section h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px}.migration-description,.orphan-users-section p{color:#6b7280;margin-bottom:24px}.orphan-users-list h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.orphan-user-card,.orphan-user-item{align-items:center;border:2px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:border-color .3s ease}.orphan-user-card:hover,.orphan-user-item:hover{border-color:#3b82f6}.orphan-user-card .user-info,.orphan-user-item .user-info{display:flex;flex-direction:column;gap:4px}.orphan-user-card .user-email{color:#6b7280;font-size:14px}.user-role{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.user-role.user{background:#dbeafe;color:#1e40af}.user-role.admin{background:#fef3c7;color:#d97706}.user-role.super-admin{background:#fce7f3;color:#be185d}.user-meta{align-items:flex-end;color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:5px}.user-status{border-radius:12px;font-size:10px;font-weight:500;padding:2px 8px;text-transform:uppercase}.user-status.active{background:#d1fae5;color:#059669}.user-status.inactive{background:#fee2e2;color:#dc2626}.migration-form{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.migration-form h4{color:#374151;font-size:16px;font-weight:600;margin-bottom:15px}.migration-actions{display:flex;gap:15px;justify-content:flex-start;margin-top:20px}.no-orphan-users{color:#6b7280;font-style:italic;padding:40px;text-align:center}.user-organization-management{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:32px;padding:24px}.user-organization-management h3{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:12px}.association-section,.invitation-section,.removal-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.association-section h4,.invitation-section h4,.removal-section h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.association-form,.invitation-form,.removal-form{display:flex;flex-direction:column;gap:16px}.association-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.association-form .form-group,.invitation-form .form-group,.removal-form .form-group{display:flex;flex-direction:column;gap:8px}.association-form label,.invitation-form label,.removal-form label{color:#374151;font-size:14px;font-weight:600}.association-form select,.invitation-form input,.invitation-form select,.removal-form select{border:2px solid #e5e7eb;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.association-form select:focus,.invitation-form input:focus,.invitation-form select:focus,.removal-form select:focus{border-color:#3b82f6;outline:none}.invitation-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.association-form .form-row,.invitation-form .form-row{grid-template-columns:1fr}.orphan-user-card,.orphan-user-item{align-items:stretch;flex-direction:column;gap:12px}.user-meta{align-items:flex-start}}.support-tenants-section{min-height:600px}.tenant-view-container{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;overflow:hidden}.tenant-context-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.context-info{align-items:center;display:flex;gap:15px}.context-icon{background:#fff3;border-radius:12px;font-size:32px;padding:10px}.context-text h2{font-size:24px;font-weight:700;margin:0 0 5px}.context-text p{font-size:14px;margin:0;opacity:.9}.context-actions{display:flex;gap:10px}.context-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.context-btn.primary{background:#ffffffe6;color:#1d4ed8}.context-btn.primary:hover{background:#fff;transform:translateY(-1px)}.context-btn.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.context-btn.secondary:hover{background:#ffffff4d}.tenant-content{background:#f8fafc;min-height:600px;padding:0}.modal-overlay{background:#00000080;bottom:0;left:0;right:0;top:0;z-index:2000}.modal-content{border-radius:16px;box-shadow:0 20px 50px #0000004d;max-height:80vh;max-width:500px;padding:32px;text-align:center;width:90%}.modal-content h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.modal-content label{color:#374151;display:block;font-weight:500;margin-bottom:16px;text-align:left}.modal-content input[type=email],.modal-content input[type=text],.modal-content select{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;margin-top:8px;padding:10px 16px;width:100%}.modal-content input[type=email],.modal-content input[type=text]{transition:all .3s ease}.modal-content input[type=email]:focus,.modal-content input[type=text]:focus,.modal-content select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.modal-actions button{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.modal-actions button:first-child{background:#3b82f6;border:none;color:#fff}.modal-actions button:last-child{background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.organizations-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.header-content{align-items:stretch;flex-direction:column;gap:20px}.header-right{justify-content:space-between}.nav-container{padding:0 10px}.nav-tab{font-size:12px;padding:12px 16px}.dashboard-content{padding:20px 10px}.stats-grid{grid-template-columns:1fr}.section-header{align-items:stretch;gap:16px}.search-filters,.section-header{flex-direction:column}.search-input{min-width:0;min-width:auto}.form-row,.organizations-grid{grid-template-columns:1fr}.users-table{overflow-x:auto}.users-table table{min-width:600px}}@media (max-width:480px){.modal-content{margin:20px;padding:20px}.tenant-context-header{align-items:stretch;flex-direction:column;gap:20px}.context-actions{justify-content:stretch}.context-btn{flex:1 1}}.migrations-section{margin:0 auto;max-width:1200px;padding:30px}.section-description{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:30px}.migration-card,.reset-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:30px;padding:30px}.migration-card h3,.reset-card h3{align-items:center;color:#1f2937;display:flex;font-size:20px;gap:10px;margin-bottom:10px}.migration-card p,.reset-card p{color:#6b7280;line-height:1.5;margin-bottom:25px}.migration-form,.reset-form{display:flex;flex-direction:column;gap:25px}.form-group{gap:10px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.users-selection{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:15px}.user-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .2s ease}.user-checkbox:hover{background:#f3f4f6;border-color:#d1d5db}.user-checkbox input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.user-info{display:flex;flex-direction:column;gap:4px}.user-info strong{color:#1f2937;font-size:14px}.user-email{color:#6b7280;font-size:12px}.user-role-badge{background:#dbeafe;color:#1e40af}.org-status,.user-role-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;margin-top:2px;padding:2px 8px}.org-status{background:#fef3c7;color:#92400e;margin-left:4px}.no-users-message{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;display:flex;font-style:italic;gap:10px;padding:15px}.info-icon,.warning-icon{font-size:16px}.warning-icon{color:#f59e0b}.migration-actions,.reset-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.btn-secondary{background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-danger:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.migration-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:25px;padding:25px}.migration-preview h4{color:#1e293b;font-size:16px;margin-bottom:20px}.preview-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;padding:10px 15px}.stat-label{color:#6b7280;font-size:13px;font-weight:500}.stat-value{color:#1f2937;font-size:14px;font-weight:600}.preview-details{display:flex;flex-direction:column;gap:15px}.user-preview{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.user-preview h5{color:#1f2937;font-size:14px;margin-bottom:10px}.data-summary{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.data-summary span{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.conflicts{align-items:center;display:flex}.conflicts-count{background:#fef3c7;border-radius:4px;color:#f59e0b;font-size:12px;padding:4px 8px}.reset-options{grid-gap:15px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:15px}.option-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s ease}.option-checkbox:hover{background:#fff}.option-checkbox input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.option-checkbox span{color:#374151;font-size:14px;font-weight:500}@media (max-width:768px){.migration-card,.migrations-section,.reset-card{padding:20px}.migration-actions,.reset-actions{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{justify-content:center;width:100%}.preview-stats{grid-template-columns:1fr}.data-summary{flex-direction:column;gap:8px}.reset-options{grid-template-columns:1fr}}@keyframes adminAtomiumFloat{0%{opacity:.6;transform:translateY(0) translateX(0) scale(1) rotate(0deg)}16%{opacity:.75;transform:translateY(-.5px) translateX(.5px) scale(1.005) rotate(.1deg)}32%{opacity:.8;transform:translateY(-1px) translateX(-.3px) scale(1.01) rotate(0deg)}48%{opacity:.85;transform:translateY(-.5px) translateX(.8px) scale(1.008) rotate(-.1deg)}64%{opacity:.9;transform:translateY(-1.5px) translateX(0) scale(1.015) rotate(.2deg)}80%{opacity:.7;transform:translateY(-.5px) translateX(-.5px) scale(1.005) rotate(0deg)}to{opacity:.65;transform:translateY(0) translateX(0) scale(1) rotate(0deg)}}@keyframes adminAtomiumLines{0%{opacity:.5;transform:translateX(0) translateY(0) rotate(0deg)}20%{opacity:.7;transform:translateX(.3px) translateY(-.2px) rotate(.05deg)}40%{opacity:.8;transform:translateX(-.2px) translateY(-.5px) rotate(-.05deg)}60%{opacity:.9;transform:translateX(.5px) translateY(-.3px) rotate(.1deg)}80%{opacity:.6;transform:translateX(-.3px) translateY(-.4px) rotate(-.05deg)}to{opacity:.5;transform:translateX(0) translateY(0) rotate(0deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.terms-policy-container{animation:gradientShift 15s ease infinite,fadeInUp .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;min-height:100vh;min-width:90vw;overflow:hidden;padding:3rem 1rem;position:relative}.terms-floating-element{animation:float 4s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.terms-floating-element-1{height:100px;left:5%;top:10%;width:100px}.terms-floating-element-2{animation-delay:1s;animation-duration:3s;background:#ffffff14;height:80px;right:10%;top:20%;width:80px}.terms-floating-element-3{animation-delay:2s;animation-duration:5s;background:#ffffff0f;bottom:15%;height:60px;left:8%;width:60px}.terms-content-wrapper{margin:0 auto;max-width:1100px}.terms-policy-header{animation:slideInLeft 1s ease-out .2s both;margin-bottom:3rem;text-align:center}.terms-icon-container{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f8fafc);border:4px solid #fff3;border-radius:50%;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a;display:inline-flex;height:80px;justify-content:center;margin-bottom:2rem;width:80px}.terms-icon{font-size:2rem}.terms-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f1f5f9 50%,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}.terms-subtitle{color:#ffffffe6;font-size:1.25rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:32rem}.terms-policy-section{animation:fadeInUp .6s ease-out both;animation-delay:.3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 32px 64px #0003;overflow:hidden;position:relative}.terms-decorative-bar{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 100%;height:6px}.terms-shine-effect{animation:shimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.terms-content-padding{padding:2rem}.terms-update-badge{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid #3b82f633;border-radius:16px;margin-bottom:1.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative}.terms-update-badge-bar{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#9333ea);height:2px;left:0;position:absolute;right:0;top:0}.terms-update-text{align-items:center;color:#1e40af;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0}.terms-pulse-dot{animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;display:inline-block;height:8px;width:8px}.terms-iframe-container{border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden}.terms-iframe{background:#fff;border:none;display:block;height:70vh;min-height:500px;width:100%}.terms-back-button-container{margin-top:2rem;text-align:center}.terms-back-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.terms-back-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}@media (max-width:768px){.terms-title{font-size:2.5rem}.terms-subtitle{font-size:1rem}.terms-content-padding{padding:1.5rem}.terms-iframe{height:60vh;min-height:400px}}.credits-marketplace{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.credits-marketplace.loading{align-items:center;display:flex;justify-content:center}.marketplace-loader{text-align:center}.marketplace-loader .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:60px;margin:0 auto 20px;width:60px}.marketplace-header{margin:0 auto 30px;max-width:1200px}.back-button{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;margin-bottom:20px;padding:10px 20px;transition:all .2s}.back-button:hover{background:#f8f9fa;transform:translateX(-2px)}.header-content{margin-bottom:30px;text-align:center}.header-content h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.header-content .subtitle{color:#6c757d;font-size:1.1rem;margin:0 auto;max-width:600px}.usage-banner{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto 40px;max-width:1200px;padding:30px}.usage-banner-content{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:auto 1fr}.usage-info{gap:20px}.usage-icon,.usage-info{align-items:center;display:flex}.usage-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:3rem;height:80px;justify-content:center;width:80px}.usage-details h3{color:#2c3e50;font-size:1.2rem;margin-bottom:8px}.usage-stats{align-items:baseline;display:flex;gap:10px}.usage-number{color:#007bff;font-size:1.8rem;font-weight:700}.usage-label{color:#6c757d;font-size:.95rem}.usage-progress-container{flex:1 1}.usage-percentage-label{color:#6c757d;font-size:.9rem;margin-bottom:8px}.usage-progress-bar{background:#e9ecef;border-radius:12px;height:24px;overflow:hidden;position:relative}.usage-progress-fill{border-radius:12px;height:100%;position:relative;transition:width .3s ease,background .3s ease}.usage-progress-fill.normal{background:linear-gradient(90deg,#28a745,#20c997)}.usage-progress-fill.warning{background:linear-gradient(90deg,#ffc107,#fd7e14)}.usage-progress-fill.critical{background:linear-gradient(90deg,#dc3545,#c82333)}.usage-remaining{color:#6c757d;font-size:.9rem;margin-top:8px;text-align:right}.packages-section{margin:0 auto 50px;max-width:1200px;text-align:center}.packages-section h2{color:#2c3e50;font-size:2rem;margin-bottom:10px}.packages-description{color:#6c757d;font-size:1rem;margin-bottom:40px}.packages-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.credit-package{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:30px;position:relative;transition:all .3s ease}.credit-package:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.credit-package.popular{border-color:#007bff;box-shadow:0 4px 25px #007bff33}.popular-badge{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 16px;position:absolute;right:20px;top:-12px}.package-header{margin-bottom:15px}.package-header h3{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.package-unit{color:#6c757d;font-size:.95rem;letter-spacing:1px;text-transform:uppercase}.package-price{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.price-amount{color:#007bff;font-size:2rem;font-weight:700}.savings-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 10px}.price-per-call{color:#6c757d;font-size:.9rem;margin-bottom:25px}.package-features{list-style:none;margin:0 0 25px;padding:0;text-align:left}.package-features li{color:#495057;font-size:.95rem;padding:8px 0}.buy-package-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:all .2s;width:100%}.buy-package-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.marketplace-info{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 50px;max-width:1200px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:25px;text-align:center}.info-icon{font-size:2.5rem;margin-bottom:15px}.info-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:10px}.info-card p{color:#6c757d;font-size:.95rem;line-height:1.5}.purchase-history-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin:0 auto 50px;max-width:1200px;padding:30px}.purchase-history-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:20px}.history-table{overflow-x:auto}.history-table table{border-collapse:collapse;width:100%}.history-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:12px;text-align:left}.history-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:12px}.status-badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 10px}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.faq-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin:0 auto 50px;max-width:1200px;padding:30px}.faq-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:25px;text-align:center}.faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:20px}.faq-item h4{color:#2c3e50;font-size:1rem;margin-bottom:10px}.faq-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.credits-marketplace{padding:15px}.header-content h1{font-size:2rem}.usage-banner-content{gap:20px;grid-template-columns:1fr}.usage-info{flex-direction:column;text-align:center}.usage-number{font-size:1.5rem}.faq-grid,.marketplace-info,.packages-grid{grid-template-columns:1fr}}body{background-color:#f8f9fa;color:#333;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;padding:0}.container{margin-top:8%!important;margin:1%;padding:1%}.modern-dashboard,.modern-dashboard *{margin-top:0!important}.container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:40px auto;max-width:800px;padding:20px}@media (max-width:1400px) and (min-width:1200px){.container{margin:30px auto;max-width:90%;padding:18px}}@media (max-width:1200px) and (min-width:900px){.container{margin:25px auto;max-width:85%;padding:16px}}h1{font-size:24px;margin-bottom:20px;text-align:center}button{background-color:#007bff;border:none;border-radius:5px;box-shadow:0 12px 8px #0003,0 1px 3px #0000001a;color:#fff;cursor:pointer;margin:.5%;padding:10px 15px;transition:.3s ease}button:hover{background-color:#0056b3}input,select{border:1px solid #ccc;border-radius:15px;margin:5px 0;padding:8px;width:100%}.feature-list{list-style-type:none;padding:0}.feature-item{align-items:center;background:#eee;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;padding:10px}.feature-item button{background-color:#dc3545}.feature-item button:hover{background-color:#a71d2a}pre{word-wrap:break-word;background-color:#050505;border-radius:15px;box-shadow:0 12px 6px #0003,0 1px 3px #0000001a;color:#fff;font-family:Courier New,monospace;margin-bottom:2%;max-height:400px;overflow-x:auto;padding:1rem;white-space:pre-wrap}pre:hover{border:1px solid #ccc}.spinner{animation:spin .6s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;vertical-align:middle;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.graph-container{border:2px solid #a7a5a56e;height:700px;width:1400px}.graph-container,textarea{border-radius:15px;box-shadow:0 12px 8px #0003,0 1px 3px #0000001a}textarea{padding:1%;width:98%!important}.text-input{font-family:monospace;line-height:1.5}.preview-container{animation:fadeIn .3s ease-in-out;border-left:4px solid #3b82f6}.metadata-editor{font-family:monospace;min-height:100px;resize:vertical}.nodeTable{background-image:linear-gradient(90deg,#f8fcf9,#06be15);border-collapse:initial;border-radius:15px;border-spacing:0;box-shadow:0 12px 8px #0003,0 1px 3px #0000001a;margin:1.5rem 0;overflow:hidden;padding:2%;width:95%}.nodeTable li{align-items:center;border-bottom:1px solid #e5e7ebcc;display:grid;grid-template-columns:2fr 2fr 1fr 1fr;padding:12px 16px;transition:all .2s ease}.nodeTable li:last-child{border-bottom:none}.nodeTable li:nth-child(odd){background-color:#f9fafbcc}.nodeTable li:hover{background-color:#f3f4f6;transform:translateY(-1px)}.nodeTable li:first-child{background-color:#1118270d;color:#111827e6;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:14px 16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.nodeTable button{font-size:1rem;justify-self:end;margin:4px;padding:12px;white-space:nowrap}.seeTestsBtn{background-color:#3b82f6!important}.nodeTable .btn-select{background-color:#3b82f6}.nodeTable .btn-select:hover{background-color:#2563eb}.nodeTable .btn-delete{background-color:#ef4444!important;border:none!important;color:#fff!important}.nodeTable .btn-delete:hover{background-color:#b91c1c!important;box-shadow:0 0 0 2px #ef444440!important}.nodeTable li>button:last-child:not(.btn-select):not(.btn-delete){background-color:#ef4444!important;color:#fff!important}.nodeTable li>button:last-child:not(.btn-select):not(.btn-delete):hover{background-color:#b91c1c!important}@media (max-width:768px){.nodeTable li{grid-gap:8px;grid-template-columns:1fr;padding:16px}.nodeTable button{justify-self:start;max-width:none;width:100%}}.nodeTable li{animation:fadeIn .3s ease-out forwards;opacity:0;transform:translateY(8px)}.nodeTable li:first-child{animation-delay:.05s}.nodeTable li:nth-child(2){animation-delay:.1s}.nodeTable li:nth-child(3){animation-delay:.15s}.nodeTable li:nth-child(4){animation-delay:.2s}.nodeTable li:nth-child(5){animation-delay:.25s}.nodeTable li:nth-child(6){animation-delay:.3s}.nodeTable li:nth-child(7){animation-delay:.35s}.nodeTable li:nth-child(8){animation-delay:.4s}.nodeTable li:nth-child(9){animation-delay:.45s}.nodeTable li:nth-child(10){animation-delay:.5s}.custom-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:.95rem;margin-bottom:1rem;padding:10px 14px;transition:all .2s ease;width:100%}.custom-select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f64d;outline:none}.custom-select:hover{border-color:#9ca3af}.custom-select option{padding:10px}.select-container{margin-bottom:1.5rem;position:relative}.select-label{background-color:#fff;color:#6b7280;font-size:.75rem;font-weight:500;left:10px;padding:0 5px;position:absolute;top:-10px}.custom-select:focus+.select-focus-indicator{opacity:1;transform:scaleX(1)}.select-focus-indicator{background-color:#3b82f6;bottom:0;height:2px;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .2s ease;width:100%}.cardForm{align-items:center;background-image:linear-gradient(90deg,#f8fafc,#080a6e);border-radius:15px;box-shadow:0 12px 6px #0003,0 1px 3px #0000001a;padding:1%;width:97%}.cardForm,.cardFormIndex{display:flex;flex-direction:column}.cardFormIndex{background:linear-gradient(90deg,#f8fafc 60%,#1198aa);border-radius:12px;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000f;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1.2rem 1.5rem;transition:box-shadow .2s;width:100%}.cardFormIndex h3{color:#0e7490;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.cardFormIndex p{color:#334155;font-weight:400}@media (max-width:900px){.cardFormIndex{font-size:.97rem;padding:1rem}}.cardFormLLMRsp{align-items:center;background-image:linear-gradient(90deg,#f8fafc,#9ff8b5);border-radius:15px;box-shadow:0 12px 6px #0003,0 1px 3px #0000001a;display:flex;flex-direction:column;font-weight:700;padding:1%;width:97%}.headerElements{display:flex;margin-bottom:1%;width:100%}.analysis-pre{background:#111827;border-radius:10px;color:#06e63e;font-size:1rem;font-weight:700;max-height:24rem;overflow-x:auto;padding:1rem;white-space:pre-wrap}.nodeTable .selected-node{background:#a1c9e4;border-left:4px solid #06438d;font-weight:700}.markdown-table td,.markdown-table th{border:1px solid #ccc;padding:4px 8px}.markdown-table th{background:#f3f4f6}.global-tests-table td,.global-tests-table th{border:1px solid #e5e7eb;padding:8px 12px}.global-tests-table th{background:#f3f4f6;font-weight:700}.global-tests-table tr:nth-child(2n){background:#f9fafb}.global-tests-table tr:hover{background:#f3f4f6}.global-tests-table .has-tests{color:#22c55e;font-weight:700}.errorMsg,.global-tests-table .no-tests{color:#ef4444;font-weight:700}.checkbox-container{align-items:center;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;cursor:pointer;display:inline-flex;gap:8px;padding:6px 12px;transition:all .2s}.checkbox-container:hover{background-color:#dbeafe}.checkbox-text{color:#4f46e5;font-size:.875rem}.graph-details-layout{display:flex;gap:2rem;justify-content:center;min-height:600px;width:98%}.graph-panel2{background:#11c4b54f}.graph-panel,.graph-panel2{align-items:stretch;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex:2 1;justify-content:center;min-width:0;padding:1rem}.graph-panel{background:#fff;max-width:1120px}.details-panel{background:#f9fafb;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex:1 1 120px;max-height:700px;max-width:620px;overflow-y:auto;padding:1.5rem 1rem}.pending-nodes-panel{align-items:center;background:#f8fafc;border-radius:10px;box-shadow:0 2px 18px #000;display:flex;justify-content:center;margin-bottom:2rem;margin-top:2rem;padding:1rem;width:98%}.pending-node-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.btn-delete,.btn-edit,.btn-validate{background:none;border:none;cursor:pointer;font-size:1.1rem;margin-bottom:.3rem;transition:color .15s}.btn-validate:hover{color:#059669}.btn-edit:hover{color:#2563eb}.btn-delete:hover{color:#ef4444}.pending-description{max-width:900px;min-width:920px;white-space:pre-line;word-break:break-word}.pendingTable{background:linear-gradient(90deg,#f8fafc 80%,#e0f2fe);border-collapse:initial;border-radius:16px;border-spacing:0;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000f;font-size:1rem;margin:1.5rem 0;overflow:hidden;width:98%}.pendingTable td,.pendingTable th{border-bottom:1px solid #e5e7eb;padding:14px 18px;text-align:left}.pendingTable th{background:#f1f5f9;color:#334155;font-size:.95rem;font-weight:700;letter-spacing:.03em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.pendingTable tr:last-child td{border-bottom:none}.pendingTable tr{transition:background .18s}.pendingTable tr:hover{background:#f3f4f6}.pendingTable td{vertical-align:top}.pendingTable .pending-description{max-width:900px;min-width:420px;white-space:pre-line;word-break:break-word}@media (max-width:1100px){.pendingTable .pending-description{font-size:.95rem;max-width:400px;min-width:220px}.pendingTable td,.pendingTable th{padding:10px 8px}}@media (max-width:800px){.pendingTable,.pendingTable td,.pendingTable th{font-size:.92rem}.pendingTable .pending-description{max-width:220px;min-width:120px}}@media (max-width:600px){.pendingTable,.pendingTable td,.pendingTable th{font-size:.85rem;padding:7px 4px}.pendingTable .pending-description{max-width:120px;min-width:60px}}.dmbt-guide-section{display:flex;justify-content:space-between;margin-bottom:1%}.modal-overlay{align-items:center;background-color:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 8px 30px #00000026;max-width:1900px;min-height:95vh;overflow-y:auto;padding:2%;width:95%}.intelSearch{display:none}.modern-llm-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:100%;overflow:hidden;padding:0}.modern-search-results{width:100%}.response-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem}.summary-badge{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.confidence-icon,.summary-title{font-size:1.2rem}.summary-title{align-items:center;display:flex;font-weight:700;gap:.5rem;margin-bottom:.5rem}.summary-text{font-size:1rem;line-height:1.6;opacity:.95}.main-response-card{background:#fff;margin:0;padding:2rem}.section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.response-content{color:#4a5568;font-size:1.05rem;line-height:1.7}.recommendations-section{background:#f7fafc;padding:2rem}.recommendations-table{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.table-header{background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;display:grid;font-weight:600;grid-template-columns:120px 1fr 2fr 100px}.header-cell{font-size:.9rem;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.table-row{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:120px 1fr 2fr 100px;transition:background .2s}.table-row:hover{background:#f8fafc}.table-row.priority-high{border-left:4px solid #ef4444}.table-row.priority-medium{border-left:4px solid #f59e0b}.table-row.priority-low{border-left:4px solid #10b981}.action-cell,.description-cell,.priority-cell,.status-cell{align-items:center;display:flex;padding:1rem}.priority-badge{align-items:center;background:#f1f5f9;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.priority-text.high{color:#ef4444}.priority-text.medium{color:#f59e0b}.priority-text.low{color:#10b981}.status-pending{background:#fef3c7;border-radius:12px;color:#92400e;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.nodes-section{background:#fff;padding:2rem}.nodes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.node-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.node-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.node-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.node-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.node-icon{font-size:1.2rem}.node-name{color:#2d3748;flex:1 1;margin-left:.5rem}.test-indicator{font-size:1.1rem}.node-relevance{color:#718096;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.node-footer{align-items:center;display:flex;justify-content:space-between}.node-type{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.view-node-btn{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:transform .2s}.view-node-btn:hover{transform:scale(1.05)}.sources-dashboard{background:#f7fafc;padding:2rem}.sources-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;text-align:center}.stat-icon{display:block;font-size:2rem;margin-bottom:.5rem}.stat-number{color:#2d3748;display:block;font-size:1.8rem;font-weight:800}.stat-label{color:#718096;font-weight:600}.sources-table{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.source-row{border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:2fr 1fr 1fr 100px 100px;transition:background .2s}.source-row:hover{background:#f8fafc}.score-cell,.source-name-cell,.tech-cell,.tests-cell,.type-cell{align-items:center;display:flex;padding:1rem}.source-name-cell{align-items:flex-start;flex-direction:column}.source-icon{font-size:1.1rem;margin-right:.5rem}.source-desc{color:#718096;font-size:.85rem;margin-top:.25rem}.tech-badge,.type-badge{background:#edf2f7;color:#4a5568;font-weight:500}.score-badge,.tech-badge,.type-badge{border-radius:12px;font-size:.8rem;padding:.25rem .75rem}.score-badge{font-weight:600;text-transform:uppercase}.score-badge.high{background:#dcfce7;color:#166534}.score-badge.medium{background:#fef3c7;color:#92400e}.tests-status.has-tests{color:#059669;font-weight:600}.tests-status.no-tests{color:#dc2626;font-weight:600}.quick-actions{background:#fff;padding:2rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.action-btn{align-items:center;background:linear-gradient(90deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:transform .2s,box-shadow .2s}.action-btn:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.action-icon{font-size:1.1rem}.fallback-response{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:2rem}.fallback-header{align-items:center;color:#718096;display:flex;gap:.5rem;margin-bottom:1rem}.fallback-icon{font-size:1.5rem}.fallback-content{background:#f7fafc;border-radius:8px;font-family:monospace;font-size:1.3rem;padding:1rem;white-space:pre-wrap;word-break:break-word}.context-section{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-top:1rem;padding:2rem}.context-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.context-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:1rem;transition:transform .2s,box-shadow .2s}.context-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.context-card.node-context{border-left:4px solid #10b981}.context-card.relation-context{border-left:4px solid #8b5cf6}.context-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.context-type-badge{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.similarity-score{background:#dcfce7;border-radius:8px;color:#166534;font-size:.7rem;font-weight:700;padding:.25rem .5rem}.risk-analysis-section{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:6px solid #ef4444;border-radius:16px;padding:2rem}.risk-dashboard{background:#fff;border-radius:12px;box-shadow:0 4px 12px #ef44441a;overflow:hidden}.risk-summary{background:linear-gradient(90deg,#fee2e2,#fef2f2);padding:1.5rem;text-align:center}.risk-level-indicator{margin-bottom:.5rem}.risk-critical{background:#dc2626;font-size:1.1rem}.risk-critical,.risk-high{border-radius:20px;color:#fff;font-weight:700;padding:.5rem 1rem}.risk-high{background:#ea580c}.risk-medium{background:#d97706}.risk-low,.risk-medium{border-radius:20px;color:#fff;font-weight:700;padding:.5rem 1rem}.risk-low{background:#059669}.risk-table{background:#fff}.risk-row{border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:1.5fr 1fr 1fr 2fr 1fr;padding:1rem;transition:background .2s}.risk-row:hover{background:#fef2f2}.risk-row.risk-critique{border-left:4px solid #dc2626}.risk-row.risk-élevé{border-left:4px solid #ea580c}.risk-row.risk-modéré{border-left:4px solid #d97706}.risk-row.risk-faible{border-left:4px solid #059669}.risk-percentage-cell{align-items:center;display:flex}.risk-gauge{background:#f3f4f6;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.risk-fill{background:linear-gradient(90deg,#059669,#d97706,#ea580c,#dc2626);height:100%;transition:width .3s ease}.risk-text{color:#fff;font-size:.75rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.risk-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.risk-badge.critique{background:#fee2e2;color:#dc2626}.risk-badge.élevé{background:#fed7aa;color:#ea580c}.risk-badge.modéré{background:#fef3c7;color:#d97706}.risk-badge.faible{background:#dcfce7;color:#059669}.factor-list{list-style:none;margin:0;padding:0}.factor-item{color:#6b7280;font-size:.75rem;margin-bottom:.25rem}.action-critical{background:#dc2626}.action-critical,.action-high{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.action-high{background:#ea580c}.action-medium{background:#d97706;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.detailed-risk-analysis{background:#fff;border:1px solid #fecaca;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.risk-title{align-items:center;color:#dc2626;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.high-risk-nodes{background:#fef2f2;border-top:1px solid #fecaca;padding:1.5rem}.risk-nodes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.risk-node-card{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:8px;box-shadow:0 2px 4px #dc26261a;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.risk-node-icon{font-size:1.5rem}.risk-node-name{color:#dc2626;font-weight:600;text-align:center}.risk-action-required{background:#dc2626;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.search-results-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:100%}.search-header{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px 16px 0 0;color:#fff;padding:2rem}.search-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c3f9e;border:1px solid #fff3;border-radius:16px;padding:1.5rem}.search-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.stat-item{flex-direction:column}.stat-icon,.stat-number{font-size:1.5rem}.stat-number{font-weight:700}.stat-label{font-size:.8rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.search-title{font-size:1.2rem;font-weight:700;margin:0;text-align:center}.search-results-body{background:#fff;padding:2rem}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.result-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;overflow:hidden;transition:all .3s ease}.result-card:hover{border-color:#cbd5e0;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.result-card.node-card{border-left:4px solid #10b981}.result-card.relation-card{border-left:4px solid #8b5cf6}.result-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.result-type-badge{align-items:center;display:flex;gap:.5rem}.type-icon.node{color:#10b981}.type-icon.relation{color:#8b5cf6}.type-label{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.type-label.node{color:#10b981}.type-label.relation{color:#8b5cf6}.similarity-score{align-items:center;display:flex}.score-gauge{background:#e2e8f0;border-radius:10px;height:20px;overflow:hidden;position:relative;width:80px}.score-fill{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);height:100%;transition:width .3s ease}.score-text{color:#fff;font-size:.7rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.node-result-content{padding:1.5rem}.node-title-section{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.node-name{color:#1a202c;font-size:1.1rem;font-weight:700;margin:0}.node-type-tag{background:#e2e8f0;border-radius:12px;color:#4a5568;font-size:.7rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.node-description{color:#4a5568;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.node-actions{display:flex;gap:.5rem}.view-node-btn-mini{background:linear-gradient(90deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.view-node-btn-mini:hover{box-shadow:0 4px 12px #10b9814d;transform:scale(1.05)}.relation-result-content{padding:1.5rem}.relation-path{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.relation-node{background:#e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.relation-node:hover{background:#cbd5e0;transform:scale(1.05)}.relation-node.source{background:#dcfce7;color:#166534}.relation-node.target{background:#ede9fe;color:#6b21a8}.relation-arrow{color:#6b7280;font-weight:700}.relation-type{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.relation-description{color:#4a5568;font-size:.9rem;font-style:italic;line-height:1.6;margin-bottom:1rem}.explore-relation-btn{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.explore-relation-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:scale(1.05)}.result-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;font-size:.8rem;justify-content:space-between;padding:1rem 1.5rem}.result-metadata{display:flex;gap:1rem}.metadata-item{align-items:center;color:#6b7280;display:flex;gap:.25rem}.metadata-icon{font-size:.7rem}.result-rank{background:#e2e8f0;border-radius:6px;color:#4a5568;font-weight:700;padding:.25rem .5rem}.no-results-card{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:12px;padding:3rem 2rem;text-align:center}.no-results-icon{font-size:3rem;margin-bottom:1rem}.no-results-title{color:#4a5568;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.no-results-description{color:#6b7280;line-height:1.6}.search-footer{align-items:center;background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.search-actions{display:flex;gap:1rem}.action-btn.secondary{background:#e2e8f0;border:1px solid #cbd5e0;color:#4a5568}.action-btn.secondary:hover{background:#cbd5e0}.action-btn.primary{background:linear-gradient(90deg,#3b82f6,#2563eb)}.action-btn.primary:hover{box-shadow:0 4px 12px #3b82f64d}.search-info{align-items:center;display:flex}.info-text{color:#6b7280;font-size:.9rem;font-style:italic}.modern-search-bar-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a;font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);margin-bottom:2rem;overflow:hidden;position:relative}.search-bar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:1rem 2rem}.mode-selector-section{align-items:center;display:flex;justify-content:space-between}.mode-indicator{gap:.75rem}.mode-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem}.mode-label{font-size:1.1rem;font-weight:600;letter-spacing:.5px}.index-status,.status-indicator{align-items:center;display:flex}.status-indicator{border-radius:20px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.status-indicator.status-ready{background:#10b98133;border:1px solid #10b9814d;color:#dcfce7}.status-indicator.status-need-update{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fef3c7}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-ready .status-dot{background:#10b981}.status-need-update .status-dot{background:#f59e0b}.modern-search-form{background:#fff;padding:2rem}.search-controls-bar{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.mode-selector{flex:1 1}.mode-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;padding:4px}.mode-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.mode-tab:hover{background:#e2e8f0;color:#475569}.mode-tab.active{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.tab-icon{font-size:1.1rem}.tab-label{font-size:.9rem;font-weight:600}.advanced-options{display:flex;flex:1 1;justify-content:flex-end}.option-toggle{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.modern-checkbox{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s ease}.modern-checkbox:hover{background:#f1f5f9;border-color:#cbd5e0}.modern-checkbox input{display:none}.checkmark{font-size:1.1rem;transition:transform .2s ease}.modern-checkbox:hover .checkmark{transform:scale(1.1)}.checkbox-label{color:#475569;font-size:.9rem;font-weight:500}.option-hint{color:#64748b;font-size:.7rem;font-style:italic;text-align:right}.search-input-container{margin-bottom:1.5rem}.input-group{align-items:stretch;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;overflow:hidden;transition:all .3s ease}.input-group:focus-within{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.input-prefix{align-items:center;background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;justify-content:center;padding:0 1.5rem}.search-icon{color:#667eea;font-size:1.3rem}.modern-search-input{background:#0000;border:none;color:#2d3748;flex:1 1;font-family:inherit;font-size:1.1rem;outline:none;padding:1.25rem 1.5rem}.modern-search-input::placeholder{color:#a0aec0;font-weight:400}.modern-search-input:disabled{background:#f7fafc;color:#a0aec0}.search-submit-btn{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-left:1px solid #fff3;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1.25rem 2rem;transition:all .2s ease}.search-submit-btn:hover:not(:disabled){background:linear-gradient(90deg,#5a67d8,#6b46c1);transform:scale(1.02)}.search-submit-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.search-hints{background:#f8fafc;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.hint-section{display:flex;flex-direction:column;gap:1rem}.example-text{align-items:center;color:#64748b;display:flex;font-size:.95rem;gap:.5rem;line-height:1.5}.quick-suggestions{display:flex;flex-direction:column;gap:.75rem}.suggestion-chip{align-items:center;display:flex;gap:.5rem}.suggestion-chip:hover{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.search-status-bar{align-items:center;background:#f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:1rem 2rem}.status-info{display:flex;gap:1.5rem}.status-item{color:#64748b}.status-icon{font-size:.9rem}.tips-section{max-width:300px}.tip-text{color:#64748b;font-size:.8rem;line-height:1.4}@media (max-width:1024px){.search-controls-bar{align-items:stretch;flex-direction:column;gap:1rem}.advanced-options,.mode-selector{flex:none}.advanced-options{justify-content:flex-start}}@media (max-width:768px){.modern-search-bar-container{border-radius:12px;margin:1rem 0}.modern-search-form,.search-bar-header{padding:1rem}.mode-selector-section{align-items:stretch;flex-direction:column;gap:1rem}.mode-tabs,.search-status-bar,.suggestion-chips{flex-direction:column}.search-status-bar{gap:1rem;padding:1rem}.status-info{gap:.5rem}.input-group,.status-info{flex-direction:column}.input-prefix{border-bottom:1px solid #e2e8f0;border-right:none;padding:1rem}.search-submit-btn{border-left:none;border-top:1px solid #fff3;justify-content:center}}.modern-search-bar-container{animation:slideInFromTop .4s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modern-search-input:focus{background:#22d3ee05}.mode-tab:focus,.modern-checkbox:focus-within{outline:2px solid #22d3ee80;outline-offset:2px}.modern-text-creator-container{background:linear-gradient(135deg,#22d3ee,#06b6d4);border-radius:20px;box-shadow:0 20px 40px #0000001a;font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);margin-bottom:2rem;overflow:hidden}.text-creator-header{border-bottom:1px solid #fff3;padding:2rem}.creator-summary-card,.text-creator-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.creator-summary-card{align-items:center;border:1px solid #fff3;border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem}.creator-indicator{align-items:center;color:#fff;display:flex;gap:1rem}.creator-icon{align-items:center;background:#fff3;border-radius:16px;display:flex;font-size:2rem;justify-content:center;padding:.75rem}.creator-info{display:flex;flex-direction:column;gap:.5rem}.creator-title{font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0}.creator-description{font-size:.95rem;line-height:1.4;margin:0;opacity:.9}.format-indicator,.format-status{align-items:center;display:flex}.format-indicator{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.format-dot{animation:pulse 2s infinite;background:#22d3ee;border-radius:50%;height:8px;width:8px}.text-creator-body{background:#fff;padding:2rem}.format-controls-section{margin-bottom:2rem}.format-selector{margin-bottom:1.5rem}.format-tabs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.format-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.format-tab:before{background:linear-gradient(90deg,#22d3ee,#06b6d4);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.format-tab:hover{background:#f0fdff;border-color:#22d3ee;box-shadow:0 8px 25px #22d3ee26;transform:translateY(-2px)}.format-tab.active{background:linear-gradient(135deg,#f0fdff,#e0f7fa);border-color:#22d3ee;box-shadow:0 8px 25px #22d3ee33;color:#0891b2}.format-tab.active:before{transform:scaleX(1)}.tab-icon{font-size:2rem}.tab-label{font-size:1.1rem;font-weight:700}.tab-description{font-size:.8rem;opacity:.8;text-align:center}.format-suggestions{background:#f8fafc;border-radius:12px;padding:1.5rem}.suggestions-label{color:#475569;display:block;font-size:.9rem;font-weight:600;margin-bottom:1rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.75rem}.suggestion-chip{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.suggestion-chip:hover{background:linear-gradient(90deg,#22d3ee,#06b6d4);border-color:#0000;box-shadow:0 4px 12px #22d3ee4d;color:#fff;transform:translateY(-1px)}.text-input-section{margin-bottom:2rem}.input-container{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease}.input-container:focus-within{border-color:#22d3ee;box-shadow:0 8px 25px #22d3ee26;transform:translateY(-2px)}.input-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.input-icon{color:#22d3ee;font-size:1.2rem}.input-label{flex:1 1;margin-left:.5rem}.char-counter{background:#e5e7eb;border-radius:12px;font-weight:500;padding:.25rem .75rem}.advanced-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.endpoint-section,.metadata-section{grid-column:auto}.json-input-container{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.json-input-container:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.json-input-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:.75rem;padding:.75rem 1rem}.json-icon{color:#6366f1;font-family:Monaco,Menlo,Consolas,monospace;font-weight:700}.json-label{color:#374151;flex:1 1;font-size:.9rem;font-weight:500}.format-json-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:all .2s}.format-json-btn:hover{background:#4f46e5;transform:scale(1.05)}.json-textarea{background:#1f2937;border:none;box-sizing:border-box;color:#f9fafb;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5;min-width:0;outline:none;padding:1rem;resize:vertical;width:100%!important}.json-textarea::placeholder{color:#9ca3af;font-style:italic}.form-actions{border-top:2px solid #f1f5f9;display:flex;gap:1rem;justify-content:center;padding-top:2rem}.action-btn.large{font-size:1rem;justify-content:center;min-width:200px;padding:1rem 2rem}.action-btn.analyze{background:linear-gradient(90deg,#06b6d4,#0891b2);color:#fff}.action-btn.analyze:hover:not(:disabled){background:linear-gradient(90deg,#0891b2,#0e7490);box-shadow:0 8px 20px #06b6d44d;transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff}.action-btn.primary:hover:not(:disabled){background:linear-gradient(90deg,#4f46e5,#4338ca);box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.action-btn.secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#6b7280}.action-btn.secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px)}.action-btn:disabled{background:#9ca3af;color:#fff;cursor:not-allowed;transform:none}.modern-input.error,.modern-select.error,.modern-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modern-input.success,.modern-select.success,.modern-textarea.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}@media (max-width:1024px){.form-grid,.info-row{grid-template-columns:1fr}.editor-summary-card{align-items:stretch;flex-direction:column;gap:1rem}}@media (max-width:768px){.modern-node-editor-container{border-radius:12px;margin:1rem 0}.node-editor-body,.node-editor-header,.node-form-section,.selected-node-preview{padding:1rem}.form-actions{flex-direction:column}.action-btn.large{min-width:auto}.preview-header{align-items:stretch;flex-direction:column;gap:1rem}}.modern-node-editor-container{animation:slideInFromTop .4s ease-out}.selected-node-preview{animation:slideInFromLeft .4s ease-out}.node-form-section{animation:slideInFromRight .4s ease-out .1s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.action-btn:focus,.format-json-btn:focus{outline:2px solid #6366f180;outline-offset:2px}.modern-node-editor-container{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.modern-graph-import-container,.modern-node-editor-container{border-radius:20px;box-shadow:0 20px 40px #0000001a;font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);margin-bottom:2rem;overflow:hidden}.modern-graph-import-container{background:linear-gradient(135deg,#df2403,#ceca05);margin-top:5%}.node-editor-header{background:#ffffff1a}.graph-import-header,.node-editor-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #fff3;padding:2rem}.graph-import-header{background:#dd85021a}.editor-summary-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem}.editor-indicator{color:#fff;gap:1rem}.editor-icon,.editor-indicator{align-items:center;display:flex}.editor-icon{background:#fff3;border-radius:16px;font-size:2rem;justify-content:center;padding:.75rem}.editor-info{display:flex;flex-direction:column;gap:.5rem}.editor-title{font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0}.editor-description{font-size:.95rem;line-height:1.4;margin:0;opacity:.9}.editor-status,.mode-indicator{align-items:center;display:flex}.mode-indicator{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.mode-dot{animation:pulse 2s infinite;background:#6366f1;border-radius:50%;height:8px;width:8px}.node-editor-body{background:rgba(16,3,92,.774);font-weight:700!important;padding:2rem}.selected-node-preview{background:linear-gradient(135deg,#f0f9ff,#075183);border:1px solid #7dd3fc;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.preview-title{color:#0c4a6e;font-size:1.1rem;font-weight:700;margin:0}.deselect-btn,.preview-title{align-items:center;display:flex;gap:.5rem}.deselect-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.deselect-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.deselect-btn:disabled{background:#9ca3af;cursor:not-allowed}.preview-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.info-row,.preview-main-info{margin-bottom:1.5rem}.info-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.info-icon{color:#6366f1;font-size:1.2rem}.info-details{display:flex;flex-direction:column;gap:.25rem}.info-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#374151;font-size:1rem;font-weight:600}.description-preview,.tests-preview{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.desc-icon,.tests-icon{color:#0ea5e9;font-size:1.2rem;margin-top:.25rem}.desc-content,.tests-content{flex:1 1}.desc-label,.tests-label{color:#0c4a6e;display:block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.desc-text{color:#374151;line-height:1.6;margin:0}.tests-info-positive{align-items:center;display:flex;gap:.5rem}.tests-link{border-bottom:1px solid #0000;color:#059669;font-weight:600;text-decoration:none;transition:all .2s}.tests-link:hover{border-bottom-color:#059669}.tests-info-negative{align-items:center;display:flex;gap:.75rem}.no-tests-text{color:#dc2626;font-weight:600}.generate-tests-btn{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.25rem .75rem;transition:all .2s}.generate-tests-btn:hover{box-shadow:0 2px 8px #8b5cf64d;transform:scale(1.05)}.metadata-accordion{display:flex;flex-direction:column;gap:.75rem}.metadata-details,.schema-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.metadata-summary,.schema-summary{align-items:center;background:#f1f5f9;border:none;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.75rem;list-style:none;padding:1rem 1.5rem;transition:background .2s}.metadata-summary:hover,.schema-summary:hover{background:#e2e8f0}.summary-icon{color:#6366f1;font-size:1.1rem}.summary-text{flex:1 1}.summary-arrow{font-size:.8rem;transition:transform .2s}.metadata-details[open] .summary-arrow,.schema-details[open] .summary-arrow{transform:rotate(180deg)}.metadata-content,.schema-content{padding:1rem 1.5rem}.metadata-json-preview,.schema-json-preview{background:#1f2937;border-radius:8px;color:#10b981;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;margin:0;overflow-x:auto;padding:1rem}.node-form-section{background:#f8fafc;background:linear-gradient(135deg,#f0f9ff,#075183);border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.form-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.form-header,.form-title{align-items:center;display:flex}.form-title{color:#374151;font-size:1.2rem;font-weight:700;gap:.5rem;margin:0}.form-actions-mini{display:flex;gap:.5rem}.reset-form-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.reset-form-btn:hover{background:#e5e7eb;transform:scale(1.05)}.modern-node-form{display:flex;flex-direction:column;gap:2rem}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;padding:1.5rem}.section-subtitle{align-items:center;border-bottom:1px solid #f1f5f9;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem;padding-bottom:.75rem}.subtitle-icon{color:#6366f1;font-size:1.1rem}.optional-label{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.7rem;letter-spacing:.5px;margin-left:auto;padding:.25rem .5rem;text-transform:uppercase}.input-group{margin-bottom:1.5rem}.input-label{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.label-icon{color:#6366f1;font-size:1rem}.label-text{font-size:.9rem}.input-group textarea.modern-textarea{display:block;height:100%;min-height:220px}.modern-input,.modern-select,.modern-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#374151;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:75%}.modern-input:focus,.modern-select:focus,.modern-textarea:focus{background:#6366f105;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.modern-input::placeholder,.modern-textarea::placeholder{color:#9ca3af;font-style:italic}.modern-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px}.modern-textarea{line-height:1.6;min-height:100px;resize:vertical}.create-node-name-input{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#374151!important;font-family:inherit!important;font-size:1rem!important;padding:.75rem 1rem!important;transition:all .2s ease!important;width:75%!important}.create-node-name-input:focus{background:#6366f105!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important;outline:none!important}.create-node-type-select{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:20px!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#374151!important;cursor:pointer!important;font-family:inherit!important;font-size:1rem!important;padding:.75rem 40px .75rem 1rem!important;transition:all .2s ease!important;width:75%!important}.create-node-type-select:focus{background-color:#6366f105!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important;outline:none!important}.create-node-description-textarea{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#374151!important;font-family:inherit!important;font-size:1rem!important;line-height:1.6!important;min-height:100px!important;padding:.75rem 1rem!important;resize:vertical!important;transition:all .2s ease!important;width:75%!important}.create-node-description-textarea:focus{background:#6366f105!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important;outline:none!important}.required-asterisk,.required-field-label{color:#dc2626!important;font-weight:700!important}.required-asterisk{margin-left:.25rem}.char-counter{color:#6b7280;font-size:.8rem;margin-top:.5rem;text-align:right}#section-nodes-list{background:#f8fafc;border-radius:10px;box-shadow:0 2px 18px #000;margin:2rem 0;padding:1rem;width:98%}#section-nodes-list .nodes-list-header{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}#section-nodes-list .nodes-stats{display:flex;gap:1.5rem;margin:1rem 0}#section-nodes-list .stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:80px;padding:.75rem 1.5rem;text-align:center}#section-nodes-list .stat-value{color:#3b82f6;display:block;font-size:1.5rem;font-weight:700}#section-nodes-list .stat-label{color:#64748b;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}#section-nodes-list .nodes-actions{align-items:center;display:flex;justify-content:space-between}#section-nodes-list .nodes-filters{display:flex;gap:.75rem}.nodes-search-bar{width:40%}#section-nodes-list .nodes-filter-select,#section-nodes-list .nodes-search-input,#section-nodes-list .nodes-sort-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem}#section-nodes-list .create-node-btn{align-items:center;background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}#section-nodes-list .create-node-btn:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}#section-nodes-list .nodes-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}#section-nodes-list .node-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:1.25rem;transition:all .2s}#section-nodes-list .node-list-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}#section-nodes-list .node-card-header{margin-bottom:.75rem}#section-nodes-list .node-type-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;padding:.25rem .5rem}#section-nodes-list .node-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:.5rem 0}#section-nodes-list .impact-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}#section-nodes-list .node-description{color:#64748b;flex-grow:1;font-size:.9rem;height:70px;line-height:1.5;margin-bottom:1rem;overflow:hidden;position:relative}#section-nodes-list .node-description:after{background:linear-gradient(0deg,#fff,#0000);bottom:0;content:"";height:25px;left:0;position:absolute;right:0}#section-nodes-list .node-metadata{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}#section-nodes-list .status-badge,#section-nodes-list .tech-badge{align-items:center;background-color:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}#section-nodes-list .node-info-row{align-items:center;border-top:1px dashed #e5e7eb;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}#section-nodes-list .info-badge{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:background .2s}#section-nodes-list .info-badge:hover{background:#f1f5f9}#section-nodes-list .info-badge.tests{color:#15803d}#section-nodes-list .info-badge.no-tests{color:#b91c1c}#section-nodes-list .info-badge.relations{color:#1e40af}#section-nodes-list .info-value{font-weight:700}#section-nodes-list .node-card-actions{grid-gap:.5rem;border-top:1px solid #f1f5f9;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;margin-top:auto;padding-top:1rem}#section-nodes-list .btn-delete-node,#section-nodes-list .btn-edit-node,#section-nodes-list .btn-select-node{border:1px solid #0000;border-radius:6px;font-size:.85rem;font-weight:500;padding:.5rem;text-align:center;transition:all .2s}#section-nodes-list .btn-edit-node{background-color:#f0f9ff;border-color:#bae6fd;color:#0284c7}#section-nodes-list .btn-edit-node:hover{background-color:#e0f2fe;border-color:#7dd3fc}#section-nodes-list .btn-select-node{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}#section-nodes-list .btn-select-node:hover{background-color:#dcfce7;border-color:#86efac}#section-nodes-list .btn-select-node.btn-selected{background-color:#dcfce7;border-color:#4ade80;color:#166534}#section-nodes-list .btn-delete-node{background-color:#fff1f2;border-color:#fecdd3;color:#e11d48}#section-nodes-list .btn-delete-node:hover{background-color:#ffe4e6;border-color:#fda4af}@media (max-width:768px){#section-nodes-list .nodes-actions{align-items:stretch;flex-direction:column;gap:1rem}#section-nodes-list .nodes-filters{flex-direction:column;width:100%}#section-nodes-list .create-node-btn{justify-content:center;width:100%}}@media (max-width:640px){#section-nodes-list .node-card-actions,#section-nodes-list .nodes-cards-grid{grid-template-columns:1fr}}.pagination-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.pagination-info{color:#64748b;font-size:.9rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.pagination-btn:hover:not(.disabled){background:#f1f5f9;border-color:#cbd5e0}.pagination-btn.disabled{cursor:not-allowed;opacity:.5}.pagination-number{height:36px;width:36px}.pagination-number:hover{background:#f1f5f9}.pagination-number.active{background:#3b82f6;border-color:#3b82f6}.relationship-creator-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #00000026;font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);margin:0 auto;overflow:hidden;position:relative;width:98%}.relationship-creator-container:before{animation:progressFlow 3s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#f59e0b);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;top:0;width:100%;z-index:10}@keyframes progressFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.relationship-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border-bottom:1px solid #fff3;padding:1.5rem;position:relative}.relationship-summary-card{border-radius:16px;padding:1rem;position:relative}.relationship-status-bar{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;margin-top:1rem;padding:.75rem 1rem}.status-item{align-items:center;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.status-icon{animation:pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.status-icon.warning{background:#f59e0b}.status-icon.error{background:#ef4444}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.quick-stats{display:flex;font-size:.8rem;gap:1rem;opacity:.9}.stat-item{align-items:center;display:flex;gap:.25rem}.relationship-indicator{align-items:center;color:#fff;display:flex;gap:1rem}.relationship-icon{align-items:center;background:#ffffff40;border:1px solid #ffffff4d;border-radius:16px;cursor:pointer;display:flex;font-size:2rem;justify-content:center;padding:.75rem;transition:all .3s ease}.relationship-icon:hover{background:#ffffff59;transform:scale(1.05)}.keyboard-hint{background:#0009;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.7rem;font-weight:500;opacity:.8;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.keyboard-hint kbd{background:#fff3;border-radius:3px;margin:0 .1rem;padding:.1rem .3rem}.relationship-info{display:flex;flex-direction:column;gap:.25rem}.relationship-title{font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0}.relationship-description{font-size:.95rem;line-height:1.4;margin:0;opacity:.9}.relationship-body{background:linear-gradient(135deg,#fff,#f8fafc);padding:2rem;position:relative}.contextual-help{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.contextual-help:hover{background:#2563eb;transform:scale(1.1)}.help-tooltip{background:#1f2937;border-radius:8px;box-shadow:0 8px 20px #0000004d;color:#fff;font-size:.8rem;margin-top:.5rem;opacity:0;padding:.75rem;position:absolute;right:0;top:100%;transition:all .3s ease;visibility:hidden;width:200px;z-index:1000}.contextual-help:hover .help-tooltip{opacity:1;visibility:visible}.help-tooltip:before{border:6px solid;border-color:#0000 #0000 #1f2937;bottom:100%;content:"";position:absolute;right:12px}.relationship-form{display:flex;flex-direction:column;gap:2rem}.relationship-visualization{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:16px;margin-bottom:1rem;padding:2rem;position:relative;transition:all .3s ease}.relationship-visualization.has-preview{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;box-shadow:0 8px 20px #10b98126}.relationship-visualization.has-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;box-shadow:0 8px 20px #ef444426}.validation-indicator{align-items:center;border-radius:50%;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;left:1rem;position:absolute;top:1rem;transition:all .3s ease;width:24px}.validation-indicator.valid{background:#10b981;color:#fff}.validation-indicator.invalid{background:#ef4444;color:#fff}.validation-indicator.pending{animation:pulse 1.5s ease-in-out infinite;background:#f59e0b;color:#fff}.source-node,.target-node{align-items:center;display:flex;flex-direction:column;gap:.75rem;min-width:150px}.node-circle{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s;width:60px}.node-circle.connecting{animation:connectionPulse 1.5s ease-in-out infinite}@keyframes connectionPulse{0%,to{box-shadow:0 4px 12px #0000000d}50%{box-shadow:0 4px 20px #3b82f666,0 0 0 8px #3b82f61a}}.node-suggestions{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transform:scale(0);transition:all .3s ease;width:18px}.node-circle:hover .node-suggestions{opacity:1;transform:scale(1)}.source-node .node-circle{background:#2e61a1;border-color:#3b82f6}.target-node .node-circle{background:#0c8938;border-color:#0ea5e9}.node-icon{font-size:1.5rem}.node-label{color:#475569;font-size:.9rem;font-weight:600;text-align:center}.relationship-arrow{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;position:relative}.arrow-line{background:#cbd5e1;height:2px;position:relative;transition:all .3s ease;width:90%}.arrow-line.active{animation:dataFlow 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#10b981);background-size:200% 100%;height:4px}@keyframes dataFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.arrow-line:after{border-bottom:6px solid #0000;border-left:10px solid #94a3b8;border-top:6px solid #0000;content:"";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;width:0}.arrow-line.active:after{border-bottom:8px solid #0000;border-left:12px solid #10b981;border-top:8px solid #0000}.arrow-type{background:#e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#4b5563;font-size:.8rem;font-weight:600;min-width:80px;padding:.25rem .75rem;position:relative;text-align:center;transition:all .3s ease}.arrow-type.preview{background:linear-gradient(135deg,#3b82f6,#10b981);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:scale(1.05)}.form-controls{gap:1.5rem}.form-controls,.form-group{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-label{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;position:relative}.field-indicator{border-radius:6px;font-size:.75rem;font-weight:500;margin-left:auto;padding:.2rem .5rem}.field-indicator.required{background:#fee2e2;color:#dc2626}.field-indicator.optional{background:#f3f4f6;color:#6b7280}.field-indicator.completed{background:#dcfce7;color:#16a34a}.label-icon{color:#4f46e5;font-size:1.1rem;transition:all .3s ease}.form-group:focus-within .label-icon{color:#3b82f6;transform:scale(1.1)}.smart-suggestions{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 20px #0000001a;left:0;max-height:200px;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.smart-suggestions.show{opacity:1;pointer-events:auto;transform:translateY(0)}.suggestion-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease}.suggestion-item:hover{background:#f8fafc}.suggestion-item:last-child{border-bottom:none}.suggestion-icon{color:#6b7280;font-size:.9rem}.suggestion-text{color:#374151;flex:1 1;font-size:.9rem}.suggestion-confidence{background:#10b981;border-radius:4px;color:#fff;font-size:.7rem;padding:.1rem .4rem}.relationship-types{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative}.quick-templates{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.template-btn{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:20px;color:#374151;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.template-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.template-btn.popular{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-color:#f59e0b;color:#92400e}.template-btn.popular:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.template-icon{font-size:.9rem}.relationship-type-option{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.popularity-badge{background:#10b981;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;opacity:0;padding:.2rem .5rem;position:absolute;right:.5rem;top:.5rem;transform:scale(0);transition:all .3s ease}.relationship-type-option.recommended .popularity-badge{background:#3b82f6;opacity:1;transform:scale(1)}.relationship-type-option.popular .popularity-badge{background:#f59e0b;opacity:1;transform:scale(1)}.relationship-type-option:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.relationship-type-option.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f640;transform:translateY(-1px)}.relationship-type-option.selected:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:3px;left:0;position:absolute;right:0;top:0}.time-estimate{background:#6b72801a;border-radius:6px;bottom:.5rem;color:#6b7280;font-size:.7rem;gap:.25rem;left:.5rem;padding:.2rem .5rem;position:absolute}.option-header,.time-estimate{align-items:center;display:flex}.option-header{gap:.75rem;margin-bottom:.5rem}.option-icon{font-size:1.1rem}.option-name{color:#1e293b;font-weight:600}.option-description{color:#64748b;font-size:.8rem;margin:0}.target-select,.target-select-container{position:relative}.target-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e2e8f0;border-radius:12px;color:#374151;font-size:1rem;padding:.75rem 40px .75rem 1rem;transition:all .3s ease;width:100%}.match-counter{background:#3b82f6;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;opacity:0;padding:.2rem .5rem;position:absolute;right:2.5rem;top:.5rem;transform:scale(0);transition:all .3s ease}.target-select-container:focus-within .match-counter{opacity:1;transform:scale(1)}.node-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.5rem;opacity:0;padding:.75rem;transform:translateY(-10px);transition:all .3s ease}.node-preview.show{opacity:1;transform:translateY(0)}.preview-content{gap:.75rem}.preview-content,.preview-icon{align-items:center;display:flex}.preview-icon{background:#3b82f6;border-radius:50%;color:#fff;font-size:.9rem;height:32px;justify-content:center;width:32px}.preview-info{flex:1 1}.preview-name{color:#1e293b;font-size:.9rem;font-weight:600;margin:0}.preview-meta{color:#6b7280;font-size:.8rem;margin:.25rem 0 0}.relationship-actions{justify-content:center;margin-top:1rem}.create-relationship-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.create-relationship-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.create-relationship-btn.ready:before{left:100%}.create-relationship-btn.ready{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 18px #10b98166}.create-relationship-btn:hover:not(:disabled):not(.disabled){box-shadow:0 8px 25px #3b82f666;transform:translateY(-3px)}.create-relationship-btn.ready:hover{box-shadow:0 8px 25px #10b98180}.create-relationship-btn:active{transform:translateY(-1px)}.create-relationship-btn.processing{background:linear-gradient(135deg,#f59e0b,#d97706);pointer-events:none}.create-relationship-btn.success{animation:successPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.create-relationship-btn.error{animation:errorShake .6s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.create-relationship-btn.disabled,.create-relationship-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.7}.btn-time-estimate{background:#ffffffe6;border-radius:6px;bottom:-24px;color:#6b7280;font-size:.7rem;left:50%;opacity:0;padding:.2rem .5rem;position:absolute;transform:translateX(-50%);transition:all .3s ease}.create-relationship-btn.processing .btn-time-estimate{opacity:1}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.btn-icon{font-size:1.1rem}@media (max-width:768px){.relationship-visualization{flex-direction:column;gap:1rem;padding:1.5rem}.relationship-arrow{margin:1rem 0;transform:rotate(90deg);width:100%}.arrow-line{width:100%}.relationship-types{grid-template-columns:1fr}.create-relationship-btn{width:100%}.quick-templates{justify-content:center}.template-btn{font-size:.75rem;padding:.4rem .8rem}.help-tooltip{right:-100px;width:250px}.smart-suggestions{max-height:150px}.node-suggestions{display:none}.popularity-badge{display:inline-block;margin-left:.5rem;opacity:1;position:static;transform:scale(1)}}.keyboard-shortcuts-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:10000}.keyboard-shortcuts-overlay.show{opacity:1;visibility:visible}.shortcuts-panel{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:2rem;width:90%}.shortcuts-title{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.shortcut-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.shortcut-item:last-child{border-bottom:none}.shortcut-desc{color:#374151;font-size:.9rem}.shortcut-keys{display:flex;gap:.25rem}.shortcut-key{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:.8rem;font-weight:600;padding:.2rem .5rem}.action-feedback{align-items:center;background:#10b981;border-radius:12px;box-shadow:0 8px 20px #10b9814d;color:#fff;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;transform:translateX(100%);transition:all .4s ease;z-index:1000}.action-feedback.show{transform:translateX(0)}.action-feedback.error{background:#ef4444;box-shadow:0 8px 20px #ef44444d}.action-feedback.warning{background:#f59e0b;box-shadow:0 8px 20px #f59e0b4d}.feedback-icon{font-size:1.2rem}#section-relations-list{margin:2rem 0}.relationships-container{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;box-shadow:0 20px 40px #0000001a;font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);margin:0 auto;overflow:hidden;width:98%}.relationships-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:1.5rem}.relationships-summary-card{align-items:center;display:flex;justify-content:space-between;padding:.5rem}.relationships-indicator{align-items:center;color:#fff;display:flex;gap:1rem}.relationships-icon{align-items:center;background:#fff3;border-radius:16px;display:flex;font-size:2rem;justify-content:center;padding:.75rem}.relationships-info{display:flex;flex-direction:column;gap:.25rem}.relationships-title{font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin:0}.relationships-description{font-size:.95rem;line-height:1.4;margin:0;opacity:.9}.relationships-stats{background:#ffffff26;border-radius:16px;color:#fff;padding:.75rem 1.2rem;text-align:center}.relationships-stats .stat-value{font-size:1.8rem;font-weight:700}.relationships-stats .stat-label{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.relationships-body{background:#fff;padding:2rem}.relationships-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.relationship-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease}.relationship-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.relationship-card.depends-type{border-left:4px solid #f59e0b}.relationship-card.influences-type{border-left:4px solid #3b82f6}.relationship-card.connected-type{border-left:4px solid #10b981}.relationship-visualization{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.relationship-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem}.delete-relationship-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#b91c1c;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.delete-relationship-btn:hover:not(:disabled){background:#fecaca;transform:translateY(-2px)}.delete-relationship-btn:disabled{cursor:not-allowed;opacity:.6}.empty-relationships{padding:3rem 1rem;text-align:center}.empty-state{margin:0 auto;max-width:400px}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.empty-message{color:#475569;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.empty-description{color:#64748b;line-height:1.5}@media (max-width:768px){.relationships-summary-card{flex-direction:column;gap:1rem;text-align:center}.relationships-indicator{flex-direction:column}.relationships-list{grid-template-columns:1fr}.relationship-visualization{flex-direction:column;padding:1rem}.relationship-arrow{margin:1rem 0;width:100%}.relationship-actions{justify-content:center}}.relationship-view-controls{background:#fffc;border-bottom:1px solid #fff3;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 2rem}.relationship-search{flex:1 1;min-width:200px}.relationship-search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.5rem 1rem;width:100%}.relationship-filters{display:flex;gap:.75rem}.relationship-type-filter{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;min-width:160px;padding:.5rem 1rem}.relationships-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.relationships-grid,.relationships-grid2{grid-gap:1rem;display:grid;gap:1rem;padding:.5rem}.truncate-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relationship-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem}.expand-relationship-btn{align-items:center;background:#e0f2fe;border:none;border-radius:6px;color:#0284c7;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;padding:.4rem .75rem;transition:all .2s ease}.expand-relationship-btn:hover{background:#bae6fd}.relationships-pagination{align-items:center;background:#fffc;border-radius:0 0 20px 20px;display:flex;gap:.5rem;justify-content:center;padding:1rem}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:all .2s;width:32px}.pagination-number.active{background:#6366f1;border-color:#6366f1;color:#fff}.relationship-detail-modal{max-width:1650px}.relationship-detail-visualization{align-items:center;background:#f8fafc;border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.detail-node-circle{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.detail-source-node .detail-node-circle{background:#eff6ff;border-color:#3b82f6}.detail-target-node .detail-node-circle{background:#f0f9ff;border-color:#0ea5e9}.detail-node-icon{font-size:1.5rem}.detail-node-info{margin-top:.5rem;text-align:center}.detail-node-label{color:#0f172a;font-size:1rem;font-weight:700;max-width:180px;word-break:break-word}.detail-node-type{background:#e2e8f0;border-radius:12px;color:#64748b;display:inline-block;font-size:.85rem;margin-top:.25rem;padding:.25rem .5rem}.relationship-detail-arrow{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:0 1rem}.detail-arrow-line{background:linear-gradient(90deg,#3b82f6,#0ea5e9);height:2px;position:relative;width:100%}.detail-arrow-line:after{border-bottom:8px solid #0000;border-left:12px solid #0ea5e9;border-top:8px solid #0000;content:"";height:0;position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0}.detail-arrow-type{background:linear-gradient(90deg,#3b82f6,#0ea5e9);border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:.5rem 1rem}.relationship-detail-actions{display:flex;justify-content:center}.detail-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#b91c1c;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.detail-delete-btn:hover:not(:disabled){background:#fecaca;transform:translateY(-2px)}@media (max-width:640px){.relationship-view-controls{flex-direction:column;padding:1rem}.relationships-grid{grid-template-columns:1fr}.relationship-detail-visualization{flex-direction:column;gap:1rem;padding:1rem}.relationship-detail-arrow{margin:1rem 0;transform:rotate(90deg);width:100%}}.relation-info-section{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-top:1.5rem;padding:1rem}.relation-info-section h4{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.relation-info-section p{color:#475569;font-size:.9rem;line-height:1.5;margin:0}.llm-response-container{border-radius:16px;box-shadow:0 10px 25px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.llm-response-container:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-2px)}.response-header{border-bottom:1px solid #6366f11a;padding:1.25rem 1.5rem}.response-body{background:#fff;min-height:150px;padding:1.75rem;position:relative}.response-body button{border:1px solid #e5e7eb;box-shadow:0 2px 5px #0000000d;transition:all .2s}.response-body button:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 3px 8px #00000014;transform:translateY(-1px)}.response-actions{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.25rem 1.5rem}.response-actions .Button{transition:all .2s ease}.response-actions .Button:hover{transform:translateY(-2px)}.prose{color:#374151;line-height:1.7}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#111827;font-weight:600;margin-bottom:.75em;margin-top:1.5em}.prose p{margin-bottom:1em;margin-top:1em}.prose code{background:#f3f4f6;border-radius:3px;color:#1f2937;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em;padding:.2em .4em}.prose pre{background:#1f2937;border-radius:8px;margin:1.5em 0;overflow-x:auto;padding:1rem}.prose pre code{background:#0000;color:#e5e7eb;font-size:.9em;line-height:1.6;padding:0}.prose blockquote{border-left:4px solid #e5e7eb;color:#6b7280;font-style:italic;margin:1.5em 0;padding-left:1rem}.gherkin-table-acceptance{--header-bg:#d1fae5;--header-text:#065f46;--border-color:#6ee7b7;--row-bg:#ecfdf5}.gherkin-table-exploratory{--header-bg:#fef3c7;--header-text:#92400e;--border-color:#fcd34d;--row-bg:#fffbeb}.gherkin-table-acceptance th,.gherkin-table-exploratory th{background-color:var(--header-bg);border:1px solid var(--border-color);color:var(--header-text);font-weight:600}.gherkin-table-acceptance td,.gherkin-table-exploratory td{background-color:var(--row-bg);border:1px solid var(--border-color);vertical-align:top}.gherkin-table-acceptance,.gherkin-table-exploratory{border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden}#section-tests-global{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:2rem;padding:2rem 1.5rem}#section-tests-global h2,#section-tests-global h3{color:#2563eb;font-weight:700;letter-spacing:.01em;margin-bottom:1rem}#section-tests-global table{background:#f8fafc;border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 2px 8px #00000008;overflow:hidden;width:100%}#section-tests-global td,#section-tests-global th{padding:.75rem 1rem;text-align:left}#section-tests-global th{background:#e0e7ef;color:#1e293b;font-size:1rem;font-weight:600}#section-tests-global tr{border-bottom:1px solid #e5e7eb;transition:background .2s}#section-tests-global tr:hover{background:#f1f5f9}#section-tests-global .has-tests{background:#dcfce7;color:#166534}#section-tests-global .has-tests,#section-tests-global .no-tests{border-radius:999px;font-size:.95em;font-weight:500;padding:.25em .75em}#section-tests-global .no-tests{background:#f3f4f6;color:#64748b}#section-tests-global .coverage-bar{background:#e5e7eb;border-radius:999px;height:10px;margin:.5rem 0 1.5rem;overflow:hidden;width:100%}#section-tests-global .coverage-progress{border-radius:999px;height:100%;transition:width .5s}#section-tests-global .nodeTable li{align-items:flex-start;background:#f8fafc;border-radius:8px;box-shadow:0 1px 4px #00000008;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:1rem}#section-tests-global .nodeTable li.bg-red-50{background:#fef2f2!important;border-left:4px solid #ef4444}#section-tests-global .seeTestsBtn{background:#2563eb;border-radius:6px;color:#fff;font-weight:500;padding:.4em 1em;transition:background .2s}#section-tests-global .seeTestsBtn:hover{background:#1d4ed8}#section-tests-global .bg-blue-500{background:#2563eb!important;color:#fff!important}#section-tests-global .bg-teal-500{background:#14b8a6!important;color:#fff!important}#section-tests-global .bg-indigo-500{background:#6366f1!important;color:#fff!important}#section-tests-global .bg-red-500{background:#ef4444!important;color:#fff!important}#section-tests-global .bg-gray-300{background:#d1d5db!important;color:#1e293b!important}#section-tests-global .text-green-600{color:#16a34a!important}#section-tests-global .text-yellow-600{color:#ca8a04!important}#section-tests-global .text-red-600{color:#dc2626!important}#section-tests-global .text-gray-500{color:#6b7280!important}#section-tests-global .text-blue-800{color:#1e40af!important}#section-tests-global .rounded{border-radius:8px}#section-tests-global .shadow{box-shadow:0 2px 8px #0000000a}@media (max-width:800px){#section-tests-global{padding:1rem .5rem}#section-tests-global table,#section-tests-global td,#section-tests-global th{font-size:.95em;padding:.5rem}#section-tests-global .nodeTable li{flex-direction:column;gap:.5rem;padding:.7rem}}.graph-draft-panel{background:linear-gradient(90deg,#f8fafc 60%,#b6f0c6);border:1px solid #d1fae5;border-radius:12px;box-shadow:0 4px 12px #10b98114,0 1px 3px #0000000f;margin-bottom:2rem;margin-top:2rem;padding:2rem 1.5rem;transition:box-shadow .2s;width:98%}.graph-draft-panel h3,.graph-draft-panel h4{color:#059669;font-weight:700;margin-bottom:1rem}.graph-draft-panel button{background:linear-gradient(90deg,#059669,#10b981);border-radius:8px;color:#fff;font-weight:600;margin-bottom:.5rem;margin-right:.5rem;transition:background .2s}.graph-draft-panel button:hover{background:linear-gradient(90deg,#10b981,#059669)}.graph-draft-panel input[type=file]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1rem;padding:.5rem}.graph-draft-panel details{background:#f0fdf4;border-radius:8px;margin-top:1rem;padding:.5rem 1rem}.graph-draft-panel pre{background:#e0f2fe;border-radius:8px;color:#036666;font-size:.95rem;margin-top:.5rem}.llm-explanation-card{background:linear-gradient(145deg,#fff,#f5f7fa);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0000000d;overflow:hidden;transition:all .3s ease}.llm-explanation-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-3px)}.llm-explanation-header{align-items:center;background:linear-gradient(90deg,#4338ca,#3b82f6);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.llm-explanation-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;margin:0}.llm-explanation-icon{font-size:1.2rem;margin-right:.75rem}.llm-explanation-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;transition:transform .2s ease}.llm-explanation-content{animation:slideDown .3s ease-out;background-color:#fff;color:#334155;font-size:.95rem;line-height:1.6;max-height:400px;overflow-y:auto;padding:1.5rem}.llm-explanation-content h1,.llm-explanation-content h2,.llm-explanation-content h3{color:#1e293b;margin-bottom:.75rem;margin-top:1.5rem}.llm-explanation-content h1{font-size:1.5rem}.llm-explanation-content h2{font-size:1.25rem}.llm-explanation-content h3{font-size:1.1rem}.llm-explanation-content p{margin-bottom:1rem}.llm-explanation-content ol,.llm-explanation-content ul{margin-bottom:1rem;margin-left:1.5rem}.llm-explanation-content code{background-color:#f1f5f9;border-radius:4px;font-family:monospace;font-size:.9em;padding:.2rem .4rem}.llm-explanation-content pre{background-color:#1e293b;border-radius:8px;color:#e2e8f0;margin:1rem 0;overflow-x:auto;padding:1rem}.llm-explanation-content blockquote{border-left:4px solid #3b82f6;color:#475569;font-style:italic;margin-left:0;padding-left:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.formats-badges{display:flex;flex-wrap:wrap;gap:4px}.formats-badges span{background:#e0f2fe;border:1px solid #bae6fd;border-radius:4px;color:#0369a1;font-size:.7rem;font-weight:600;padding:2px 6px;transition:all .15s ease}.formats-badges span:hover{background:#bae6fd;transform:scale(1.05)}.infoIcon{color:#3b82f6;font-weight:700;margin-left:2%;margin-right:2%}.infoIcon2{margin-left:.5%;margin-right:.5%}.indexElement{align-items:center;animation:indexPulse 2.5s infinite;background:linear-gradient(90deg,#e0ffe6,#f0fff4);border-radius:9999px;box-shadow:0 0 8px 0 #22c55e33,0 2px 8px 0 #0001;color:#22c55e;display:flex;font-size:1rem;font-weight:600;gap:.5em;padding:.35em 1em .35em .7em;transition:box-shadow .2s}@keyframes indexPulse{0%,to{box-shadow:0 0 8px 0 #22c55e33,0 2px 8px 0 #0001}50%{box-shadow:0 0 18px 4px #22c55e66,0 4px 16px 0 #0002}}.indexElement .h-4,.indexElement .w-4,.indexElement svg{animation:iconSpin 6s linear infinite}@keyframes iconSpin{0%{transform:rotate(-10deg)}10%{transform:rotate(0deg)}90%{transform:rotate(0deg)}to{transform:rotate(10deg)}}.type-badge{align-items:center;border-radius:16px;box-shadow:0 2px 5px #0000000d;display:flex;font-size:.7rem;font-weight:700;gap:.4rem;letter-spacing:.05em;padding:.4rem .8rem;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.test-badge{background:linear-gradient(90deg,#c4b5fd,#a78bfa);border:1px solid #c4b5fd;color:#4c1d95}.node-badge{background:linear-gradient(90deg,#93c5fd,#60a5fa);border:1px solid #93c5fd;color:#1e40af}.badge-icon{font-size:1rem}.badge-text{font-size:.75rem;font-weight:700;letter-spacing:.05em}.pendingTable tr:has(.test-badge){background:#f5f3ff}.pendingTable tr:has(.node-badge){background:#eff6ff}.pendingTable tr:has(.test-badge):hover{background:#ede9fe}.pendingTable tr:has(.node-badge):hover{background:#dbeafe}.txtBold{background-color:#407088;border-radius:15px;color:#ffb5b5;font-style:italic;font-weight:700;margin:.5rem;padding:.8rem}.dashboard-logo-container{background-color:#fff;border-radius:12px;padding:2%}.dashboard-branding,.dashboard-branding div{align-items:center;display:flex;gap:1rem}.dashboard-logo{border-radius:18px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));height:42px;transition:all .3s ease;width:auto}.dashboard-branding:hover .dashboard-logo{filter:drop-shadow(0 6px 8px rgba(0,0,0,.2));transform:scale(1.05)}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:.5px;margin:0}.dashboard-subtitle{color:#6b7280;font-size:.9rem;font-weight:500;margin:0}.createGraph{min-height:50px;padding:0!important}@media (max-width:768px){.dashboard-branding div{align-items:center;flex-direction:row}.dashboard-logo{height:36px;margin-right:.75rem}.dashboard-title{font-size:1.5rem}}@media (max-width:480px){.dashboard-branding div{align-items:center;flex-direction:row}.dashboard-logo{height:32px;margin-right:.5rem}.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.8rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ping-slow{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-ping-slow{animation:ping-slow 2s cubic-bezier(0,0,.2,1) infinite}
/*# sourceMappingURL=main.b669a094.css.map*/