body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}: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)}}.back-section{border-bottom:1px solid #e0e0e0;margin-bottom:10px;padding:10px 15px}.back-button{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s;width:100%}.back-button:hover{background-color:#e8e8e8;border-color:#ccc}.back-icon{font-size:18px}.sidebar-collapsed .back-button{justify-content:center}.sidebar-collapsed .back-button span:not(.back-icon){display:none}.project-status{background-color:#f9f9f9;border-top:1px solid #e0e0e0;margin-top:auto;padding:15px}.status-item{font-size:12px}.status-value{word-break:break-all}.sidebar-nav .nav-item{margin:0!important;padding:0!important}.sidebar-nav .nav-link{border-bottom:none;display:block;margin:0;padding:12px 20px}.sidebar-collapsed .nav-link{padding:12px 0;text-align:center}.sidebar-nav li{padding:0!important}.sidebar-nav a,.sidebar-nav li{margin:0!important}.nav-parent{cursor:pointer;-webkit-user-select:none;user-select:none}.nav-parent .nav-arrow{font-size:.75rem;margin-left:auto;transition:transform .2s}.nav-parent .nav-arrow.expanded{transform:rotate(180deg)}.nav-item-with-children{display:flex;flex-direction:column}.nav-children{background-color:#111827;border-left:2px solid #374151;margin-left:16px}.nav-child-item{margin-bottom:1px}.nav-child-link{color:#9ca3af;font-size:.875rem;gap:8px;padding:8px 12px 8px 20px;transition:all .2s}.nav-child-link:hover{background-color:#1f2937;color:#d1d5db}.nav-child-link.active{background-color:#06c;color:#fff}.nav-child-icon{font-size:.875rem;min-width:16px;text-align:center}.nav-child-label{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-section{color:#6b7280;font-size:.66rem;font-weight:700;letter-spacing:.09em;padding:16px 20px 5px!important;pointer-events:none;text-transform:uppercase}.sidebar-nav .nav-link{align-items:center;display:flex;gap:10px}.sidebar-collapsed .nav-link{gap:0;justify-content:center}.nav-badge{flex-shrink:0;font-size:.8rem;line-height:1}.nav-badge,.nav-child-link .nav-badge{margin-left:auto}.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-section{display:none}.project-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.project-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.project-card-header{margin-bottom:12px}.project-title{font-size:1.2rem}.project-actions{gap:8px;margin-left:12px}.btn-delete,.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:background-color .2s}.btn-edit:hover{background-color:#e3f2fd}.btn-delete:hover{background-color:#ffebee}.project-status{border-radius:12px;font-weight:500;padding:4px 8px}.status-draft{background-color:#f0f0f0}.status-in_progress{background-color:#e1f5fe;color:#0277bd}.status-completed{color:#2e7d32}.status-archived{background-color:#eee}.project-description{-webkit-line-clamp:2;margin-bottom:16px}.project-meta{color:#777;font-size:.85rem;justify-content:space-between;margin-bottom:16px}.project-progress{margin-top:12px}.progress-bar{margin-bottom:4px}.progress-fill{background-color:#06c}.progress-text{color:#666;display:block;font-size:.8rem;text-align:right}.dashboard-container{padding:20px}.dashboard-header{margin-bottom:24px}.new-project-btn{align-items:center;background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;padding:10px 16px}.new-project-btn:hover{background-color:#05a}.metrics-panel{margin-bottom:32px}.metrics-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metric-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px;text-align:center}.metric-value{color:#06c;margin:0 0 8px}.metric-label{margin:0}.recent-projects{margin-bottom:32px}.projects-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.new-project-card{border-radius:8px;height:200px;transition:background-color .2s}.new-project-card:hover{background-color:#f8f9fa}.new-project-icon{font-size:2.5rem;margin-bottom:8px}.activity-feed{background-color:#f8f9fa;border-radius:8px;padding:20px}.activity-list{list-style:none;margin:0;padding:0}.activity-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-description{margin:0}.activity-time{color:#777;font-size:.9rem}.create-project-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:95%;overflow-y:auto;width:900px}.modal-header{border-bottom:2px solid #e0e0e0;padding:24px 28px}.modal-header h2{color:#fff}.close-button{background:#fff3;height:36px;width:36px}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}form{grid-gap:20px 24px;display:grid;gap:20px 24px;grid-template-columns:1fr 1fr;overflow:visible;padding:24px}.form-group{margin-bottom:0}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.95rem}input[type=text],select,textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}input[type=text]:focus,select:focus,textarea:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}textarea{max-height:120px;min-height:60px;resize:vertical}.start-from-group .radio-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-option{align-items:center;display:flex;gap:8px}.radio-option input[type=radio]{margin:0}.radio-option label{cursor:pointer;font-weight:400;margin-bottom:0}.template-select{margin-left:24px;margin-top:8px;width:calc(100% - 24px)}.advanced-options{grid-column:1/-1;margin-top:0}.advanced-options h3{color:#555;font-size:.95rem;font-weight:600;margin-bottom:16px}.advanced-options-content{grid-gap:16px;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;padding:20px}.advanced-option{display:flex;flex-direction:column;gap:8px}.advanced-option label{color:#555;font-size:.9rem;font-weight:500;margin-bottom:0}.advanced-option select{padding:8px 12px;width:100%}.form-actions{border-top:1px solid #eee;grid-column:1/-1;margin-top:8px;padding-top:20px}.cancel-button-action{background:#fff;border:2px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-button-action:hover{background-color:#f5f5f5;border-color:#999;color:#333}.cancel-button-action:disabled{cursor:not-allowed;opacity:.5}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.submit-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-button:active{box-shadow:0 2px 6px #667eea4d;transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-height:700px){.create-project-modal{max-height:90vh;overflow-y:auto}}@media (max-width:900px){.create-project-modal{width:95%}form{grid-template-columns:1fr;padding:20px}.advanced-options-content{gap:12px;grid-template-columns:1fr}}@media (max-width:600px){.create-project-modal{width:95%}form{padding:16px}.advanced-options-content,form{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:10px}.cancel-button-action,.submit-button{justify-content:center;width:100%}}.project-list-container{margin:0 auto;max-width:1400px;padding:20px}.project-list-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.header-left h1{font-weight:600;margin:0 0 8px}.header-subtitle{color:#666;font-size:1rem;margin:0}.filters-section{flex-wrap:wrap;gap:20px}.search-container{min-width:300px;position:relative}.search-input{border:1px solid #ddd;padding:12px 40px 12px 16px;transition:border-color .2s,box-shadow .2s}.search-input:focus{box-shadow:0 0 0 3px #0066cc1a}.search-icon{color:#666;pointer-events:none;right:14px}.filters-container{display:flex;flex-wrap:wrap;gap:12px}.filter-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:.95rem;min-width:150px;padding:12px 16px;transition:border-color .2s}.filter-select:focus{border-color:#06c;outline:none}.stats-bar{background-color:#f8f9fa;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px;padding:20px}.stat-item{align-items:center;flex-direction:column;gap:4px}.stat-number{color:#06c;font-size:1.8rem}.stat-label{color:#666;font-size:.85rem;text-align:center}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.project-list-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:24px;transition:all .3s ease}.project-list-card:hover{border-color:#e0e0e0;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.project-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.project-title{color:#333;flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.project-status{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.status-draft{background-color:#f5f5f5;color:#666}.status-in-progress{background-color:#e3f2fd;color:#1976d2}.status-completed{background-color:#e8f5e9;color:#388e3c}.status-archived{background-color:#fafafa;color:#757575}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;line-height:1.5;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis}.project-meta{background-color:#fafafa;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:16px}.meta-item{justify-content:space-between}.meta-label{color:#666}.meta-label,.meta-value{font-size:.85rem;font-weight:500}.meta-value{color:#333}.project-progress{margin-bottom:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#666;font-size:.9rem;font-weight:500}.progress-percentage{color:#06c;font-size:.9rem;font-weight:600}.progress-bar{background-color:#f0f0f0}.progress-fill{background:linear-gradient(90deg,#06c,#08f)}.project-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;padding-top:16px}.action-button{border:1px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.action-button.primary{background-color:#06c;border-color:#06c;color:#fff}.action-button.primary:hover{background-color:#05a;border-color:#05a}.action-button.secondary{background-color:#fff;border-color:#ddd;color:#666}.action-button.secondary:hover{background-color:#f8f9fa;color:#333}.new-project-card{align-items:center;background-color:#fafafa;border:2px dashed #ddd;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 24px;text-align:center;transition:all .3s ease}.new-project-card:hover{background-color:#f0f8ff;border-color:#06c;transform:translateY(-2px)}.new-project-icon{color:#06c;font-size:3rem;margin-bottom:16px}.new-project-card h3{color:#333;font-size:1.2rem;margin:0 0 12px}.new-project-card p{color:#666;font-size:.95rem;line-height:1.4;margin:0}.no-results{color:#666;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-results h3{color:#333;font-size:1.5rem;margin:0 0 12px}.no-results p{font-size:1rem;margin:0 0 24px}.create-button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.create-button:hover{background-color:#05a}@media (max-width:768px){.project-list-container{padding:16px}.project-list-header{align-items:stretch;flex-direction:column;gap:16px}.filters-section{flex-direction:column;gap:12px}.search-container{min-width:auto}.projects-grid{gap:16px;grid-template-columns:1fr}.stats-bar{justify-content:space-around;padding:16px}}@media (max-width:480px){.stats-bar{flex-direction:column;gap:16px}.stat-item{flex-direction:row;justify-content:space-between;width:100%}.new-project-card{min-height:160px;padding:30px 20px}.new-project-icon{font-size:2.5rem;margin-bottom:12px}}.loading-container{flex-direction:column;padding:80px 20px;text-align:center}.loading-spinner{border:4px solid #f0f0f0;border-top-color:#06c}.loading-container p{color:#666;font-size:1.1rem;margin:0}.upload-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.upload-section{margin-bottom:24px}.drop-zone{background-color:#fafafa;border-radius:12px;padding:48px 24px;transition:all .3s ease}.drop-zone:hover{background-color:#f0f9ff;border-color:#3b82f6}.drop-zone.drag-active{background-color:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:16px}.upload-icon{font-size:4rem;opacity:.6}.upload-text p{color:#374151;margin:0 0 8px}.upload-text p:first-child{font-size:1.125rem;font-weight:500}.upload-hint{color:#6b7280;font-size:.875rem}.upload-limit{color:#9ca3af;font-size:.75rem}.selected-files{margin-bottom:24px}.selected-files h3{color:#374151;font-size:1.1rem;margin:0 0 16px}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{background-color:#f3f4f6;border-radius:8px;justify-content:space-between;padding:12px 16px}.file-info{align-items:center;display:flex;gap:12px}.file-icon{font-size:1.5rem}.file-details{display:flex;flex-direction:column;min-width:0}.file-name{font-weight:500}.file-size{font-size:.875rem}.remove-file{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:1.5rem;padding:4px;transition:all .2s}.remove-file:hover{background-color:#fee2e2}.instructions-section{margin-bottom:24px}.files-count{color:#374151;font-size:.875rem;font-weight:500}.btn-cancel,.btn-upload{border:1px solid;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-upload{align-items:center;border-color:#10b981;display:flex;gap:8px}.btn-upload:hover:not(:disabled){background-color:#059669}.btn-upload:disabled{background-color:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.upload-modal{margin:20px;width:95%}.modal-content,.modal-footer,.modal-header{padding:16px}.drop-zone{padding:32px 16px}.modal-footer{align-items:stretch;flex-direction:column;gap:12px}.footer-actions{width:100%}.btn-cancel,.btn-upload{flex:1 1}}.view-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:95%}.view-modal .modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.header-info h2{color:#1f2937;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;margin:0 0 8px}.document-metadata{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:16px}.status-uploaded{background-color:#fef3c7;color:#d97706}.status-analyzing{background-color:#dbeafe;color:#2563eb}.status-analyzed{background-color:#d1fae5;color:#059669}.modal-tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab{border-bottom:3px solid #0000;color:#6b7280;font-size:.875rem;font-weight:500;padding:16px 24px}.tab:hover{background-color:#f3f4f6;color:#374151}.tab.active{background-color:#fff}.view-modal .modal-content{flex:1 1;overflow-y:auto;padding:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;gap:16px;padding:20px}.stat-number{color:#0c4a6e;font-size:2rem;margin-bottom:4px}.stat-label{color:#075985}.analysis-results{margin-bottom:32px}.analysis-results h3{color:#1f2937;margin:0 0 16px}.analysis-summary{background-color:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;line-height:1.6;padding:16px}.analysis-summary,.key-findings,.recommended-actions{margin-bottom:20px}.key-findings h4,.recommended-actions h4{color:#374151;font-size:1rem;margin:0 0 12px}.key-findings ul,.recommended-actions ul{margin:0;padding-left:20px}.key-findings li,.recommended-actions li{line-height:1.5;margin-bottom:8px}.analysis-instructions{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:16px}.analysis-instructions h3{color:#92400e;margin:0 0 12px}.analysis-instructions p{color:#78350f;line-height:1.5;margin:0}.entities-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.entity-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.entity-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a}.entity-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.entity-icon{font-size:1.5rem}.entity-info{flex:1 1}.entity-name{color:#1f2937;margin-bottom:4px}.entity-type{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.confidence-badge{background-color:#10b981;color:#fff;padding:4px 8px}.entity-description{color:#4b5563;font-size:.875rem;line-height:1.5}.requirements-list{display:flex;flex-direction:column;gap:16px}.requirement-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.requirement-card:hover{box-shadow:0 4px 12px #0000001a}.requirement-header{margin-bottom:12px}.requirement-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:8px}.requirement-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.requirement-type{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.requirement-priority{font-size:.875rem}.requirement-source{color:#6b7280;font-size:.75rem}.requirement-description{color:#4b5563;line-height:1.6}.issues-list{display:flex;flex-direction:column;gap:16px}.issue-card{border-left:4px solid;border-radius:8px;padding:16px}.issue-error{background-color:#fef2f2;border-left-color:#ef4444}.issue-warning{background-color:#fffbeb;border-left-color:#f59e0b}.issue-suggestion{background-color:#f0f9ff;border-left-color:#3b82f6}.issue-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.issue-icon{flex-shrink:0;font-size:1.25rem}.issue-info{flex:1 1}.issue-title{color:#1f2937;font-weight:600;margin-bottom:4px}.issue-location{color:#6b7280;font-size:.75rem}.issue-description{color:#4b5563;line-height:1.5}.empty-state{padding:48px 24px}.empty-icon{margin-bottom:16px}.view-modal .modal-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.document-id{color:#6b7280;font-family:Courier New,monospace;font-size:.875rem}.btn-close,.btn-export{border:1px solid;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.btn-export{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.btn-export:hover{background-color:#2563eb}.btn-close{border-color:#d1d5db}@media (max-width:768px){.view-modal{border-radius:0;height:100vh;width:100%}.modal-tabs{overflow-x:auto;white-space:nowrap}.tab{flex-shrink:0}.entities-grid,.stats-grid{grid-template-columns:1fr}.requirement-meta{align-items:flex-start;flex-direction:column;gap:8px}.footer-actions{flex-direction:column;width:100%}.btn-close,.btn-export{justify-content:center;width:100%}}.document-actions-card{background:#f0f4f8;border:2px solid #d1d9e6;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:8px;padding:16px}.doc-card-header{align-items:center;border-bottom:2px solid #d1d9e6;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.doc-icon{font-size:32px}.doc-filename{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;padding:2px 8px}.doc-meta{color:#7f8c8d;font-size:11px}.doc-card-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-doc-action{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;min-width:100px;padding:10px 16px;transition:all .2s}.btn-doc-action .icon{font-size:16px}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-edit:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-view{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-view:hover{box-shadow:0 4px 12px #11998e66;transform:translateY(-2px)}.btn-pdf{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-pdf:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.btn-diff{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.btn-diff:hover{box-shadow:0 4px 12px #fa709a66;transform:translateY(-2px)}@media (max-width:600px){.doc-card-actions{flex-direction:column}.btn-doc-action{min-width:auto}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal-content{border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.editor-modal{width:1200px}.viewer-modal{width:900px}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #fff3;color:#fff;gap:16px}.modal-header h2{flex:1 1;font-size:20px}.modal-filename{background:#fff3;border-radius:12px;font-family:Courier New,monospace;font-size:13px;padding:4px 12px}.btn-close{background:#fff3;border-radius:50%;font-size:18px;height:32px;width:32px}.btn-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{background:#f8f9fa;flex:1 1;overflow-y:auto}.editor-with-preview,.monaco-editor-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;overflow:hidden;padding:16px}.monaco-container{background:#1e1e1e;border-radius:0 0 8px 8px;flex:1 1;overflow:hidden}.editor-panel,.preview-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}.panel-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;padding:12px 16px}.preview-content{background:#fff;max-height:500px}.markdown-body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.markdown-body h1{border-bottom:2px solid #667eea;font-size:2em;margin-top:0;padding-bottom:.3em}.markdown-body h2{border-bottom:1px solid #e1e4e8;font-size:1.5em;padding-bottom:.3em}.markdown-body h3{font-size:1.25em}.markdown-body code{background:#f6f8fa;border-radius:3px;font-family:Courier New,monospace;font-size:85%;padding:.2em .4em}.markdown-body pre{background:#f6f8fa;border-radius:6px;overflow:auto;padding:16px}.markdown-body pre code{background:#0000;padding:0}.markdown-body blockquote{border-left:4px solid #667eea;color:#666;margin:16px 0;padding-left:16px}.markdown-body table{border-collapse:collapse;margin:16px 0;width:100%}.markdown-body td,.markdown-body th{border:1px solid #dfe2e5;padding:8px 12px}.markdown-body th{background:#f6f8fa;font-weight:600}.markdown-body ol,.markdown-body ul{margin:16px 0;padding-left:24px}.markdown-body li{margin:4px 0}.btn-update-preview{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-update-preview:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.modal-footer .btn-update-preview{font-size:14px;padding:12px 24px}.modal-body .w-md-editor{border-radius:8px;box-shadow:0 2px 8px #0000001a}.modal-body .w-md-editor-toolbar{background:#fff;border-bottom:2px solid #e0e0e0;padding:8px}.modal-body .w-md-editor-content{background:#fff}.modal-body .w-md-editor-preview{background:#fafafa}.markdown-viewer-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:32px;width:100%}.markdown-viewer-content h1{border-bottom:3px solid #667eea;color:#2c3e50;font-size:28px;margin-bottom:20px;margin-top:0;padding-bottom:12px}.markdown-viewer-content h2{color:#34495e;font-size:22px;margin-bottom:16px;margin-top:32px}.markdown-viewer-content h3{color:#555;font-size:18px;margin-bottom:12px;margin-top:24px}.markdown-viewer-content p{color:#444;line-height:1.8;margin-bottom:16px}.markdown-viewer-content ol,.markdown-viewer-content ul{margin:16px 0;padding-left:32px}.markdown-viewer-content li{line-height:1.6;margin:8px 0}.markdown-viewer-content code{background:#f0f0f0;border-radius:4px;color:#e83e8c;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.markdown-viewer-content pre{background:#2d2d2d;border-radius:8px;color:#f8f8f2;margin:16px 0;overflow-x:auto;padding:16px}.markdown-viewer-content pre code{background:#0000;color:inherit;padding:0}.markdown-viewer-content blockquote{border-left:4px solid #667eea;color:#666;font-style:italic;margin:16px 0;padding-left:16px}.markdown-viewer-content table{border-collapse:collapse;margin:16px 0;overflow-x:auto;width:100%}.markdown-viewer-content td,.markdown-viewer-content th{word-wrap:break-word;border:1px solid #ddd;max-width:300px;min-width:100px;padding:10px 12px;text-align:left;white-space:normal}.markdown-viewer-content th{background:#667eea;color:#fff;font-weight:600}.markdown-viewer-content tr:nth-child(2n),.modal-footer{background:#f8f9fa}.modal-footer{border-top:2px solid #e0e0e0}.modal-footer button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#11998e,#38ef7d)}.btn-save:hover{box-shadow:0 4px 12px #11998e66;transform:translateY(-2px)}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-download:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.editor-modal{width:95vw}.viewer-modal{width:90vw}.modal-body .w-md-editor{height:400px!important}}@media (max-width:768px){.modal-header{flex-wrap:wrap}.modal-filename{margin-top:8px;order:3;width:100%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.markdown-viewer-content{padding:20px}}.chat-interface{border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #fff3;color:#fff;justify-content:space-between;padding:20px 24px}.chat-header h2{font-size:20px;font-weight:600;margin:0}.execution-badge{background:#fff3;border-radius:20px;font-size:13px;padding:6px 12px}.execution-badge code{background:#0003;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.chat-messages{background:#f8f9fa;max-height:calc(100vh - 350px);min-height:400px;padding:24px}.empty-chat{color:#999;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-chat h3{color:#666;margin-bottom:12px}.empty-chat p{font-size:14px;line-height:1.6}.chat-message{animation:fadeIn .3s ease-in;flex-direction:column;margin-bottom:8px}.user-message{align-items:flex-end}.agent-message{align-items:flex-start}.system-message{align-items:center}.message-header{font-size:11px;gap:8px}.user-message .message-header{flex-direction:row-reverse}.message-sender{color:#666;font-size:11px;font-weight:500}.message-timestamp{color:#999;font-size:10px}.message-content{word-wrap:break-word;border-radius:8px;font-size:14px;padding:8px 12px}.user-message .message-content{background:#dcf8c6;border-bottom-right-radius:2px;box-shadow:0 1px .5px #00000021;color:#000}.agent-message .message-content{background:#fff;border-bottom-left-radius:2px;box-shadow:0 1px .5px #00000021;color:#000}.system-message .message-content{background:#fff4ce;border-radius:8px;color:#856404;font-size:12px;font-style:italic;max-width:85%;text-align:center}.typing-indicator{padding:8px 0}.typing-indicator span{animation:typing 1.4s infinite;background:#999}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.document-preview{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;margin-top:10px;padding:20px}.document-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.document-icon{font-size:28px}.document-header h4{color:#333;font-size:18px;margin:0}.document-body{background:#fff;border-radius:6px;margin-bottom:16px;max-height:400px;overflow-y:auto;padding:16px}.document-body h1,.document-body h2,.document-body h3{color:#333;margin-bottom:10px;margin-top:20px}.document-body h1{border-bottom:2px solid #667eea;font-size:22px;padding-bottom:8px}.document-body h2{font-size:18px}.document-body ol,.document-body ul{margin:10px 0;padding-left:24px}.document-body li{margin:6px 0}.document-actions{display:flex;gap:12px;justify-content:flex-end}.btn-refine,.btn-view-full{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s}.btn-view-full{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-view-full:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-refine{background:linear-gradient(135deg,#11998e,#38ef7d)}.btn-refine:hover{box-shadow:0 4px 12px #11998e66;transform:translateY(-2px)}.chat-input-container{background:#fff;border-top:2px solid #e0e0e0;display:flex;gap:12px;padding:20px 24px}.chat-input{border:2px solid #e0e0e0;border-radius:24px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:14px 18px;transition:border-color .2s}.chat-input:focus{border-color:#667eea}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px 28px;transition:all .2s;white-space:nowrap}.btn-send:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-send:disabled{background:#ccc;cursor:not-allowed;transform:none}.progress-message{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;gap:12px;margin:12px auto;max-width:600px;padding:16px 24px}.progress-icon{animation:pulse 1.5s ease-in-out infinite;font-size:32px}.progress-text{font-size:16px;line-height:1.5}.progress-text p{color:#fff;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progress-bar-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:16px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-text{flex:1 1}.current-task{color:#333;font-size:14px;line-height:1.4}.current-task strong{color:#1976d2;font-weight:600}.progress-stats{align-items:center;display:flex;font-size:14px;gap:12px}.percentage{color:#1976d2;font-size:18px;font-weight:700}.task-count{font-size:13px}.progress-track{background:#e0e0e0;border-radius:4px;height:8px;width:100%}.progress-fill,.progress-track{overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#1976d2,#42a5f5);transition:width .3s ease-in-out}.progress-shine{animation:shine 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:200%}}.history-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-header{background-color:#f9fafb;padding:24px}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600}.close-button{border-radius:4px;color:#6b7280;font-size:2rem;height:32px;padding:0;width:32px}.close-button:hover{background-color:#f3f4f6;color:#374151}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner-large{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.loading-state p{color:#6b7280;font-size:1rem;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.error-state p{color:#ef4444;font-size:1rem;margin:0}.btn-retry{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-retry:hover{background-color:#2563eb}.empty-state{gap:12px}.empty-icon{opacity:.4}.empty-state p{color:#6b7280;margin:0}.empty-state p:first-of-type{color:#374151;font-size:1.125rem;font-weight:500}.empty-hint{color:#9ca3af;font-size:.875rem}.session-item{border:1px solid #e5e7eb}.session-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.session-header{margin-bottom:16px}.session-title{min-width:0}.session-name{font-size:1.125rem}.status-running{background-color:#dbeafe;color:#1e40af}.status-failed{color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}.session-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:12px}.info-label{font-weight:500;letter-spacing:.5px}.info-value{color:#374151}.session-action{border-top:1px solid #f3f4f6;padding-top:12px;text-align:right}.action-hint{color:#3b82f6}.action-hint,.sessions-count{font-size:.875rem;font-weight:500}.btn-close,.sessions-count{color:#374151}.btn-close{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-close:hover{background-color:#e5e7eb}@media (max-width:768px){.history-modal{margin:20px;width:95%}.modal-content,.modal-footer,.modal-header,.session-item{padding:16px}.session-details{grid-template-columns:1fr}.session-header{align-items:flex-start;flex-direction:column;gap:12px}.status-badge{align-self:flex-start}}.diff-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.diff-modal-fullscreen{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:95vh;overflow:hidden;width:95vw}.diff-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 32px}.diff-modal-header h2{font-size:24px;font-weight:600;margin:0}.btn-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;transition:all .2s;width:40px}.btn-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.diff-modal-body{background:#f8f9fa;flex:1 1;overflow:auto}@media (max-width:768px){.diff-modal-fullscreen{border-radius:0;height:100vh;width:100vw}.diff-modal-header{padding:16px 20px}.diff-modal-header h2{font-size:18px}}.documents-page{height:100%}.documents-page,.documents-page-chat{background-color:#f9fafb;display:flex;flex-direction:column}.documents-page-chat{height:100vh}.documents-chat-container{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:350px 1fr 400px;height:calc(100vh - 120px);overflow:hidden}.error-banner{background:#fee;border:1px solid #fcc;color:#c33;font-weight:500;margin:0;padding:12px 24px;text-align:center}.loading-container{align-items:center;color:#666;display:flex;font-size:18px;gap:12px;height:calc(100vh - 120px);justify-content:center}.documents-sidebar{background:#fff;border-right:2px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e5e7eb;color:#fff;padding:20px}.sidebar-header h3{font-size:16px;font-weight:600;margin:0}.header-buttons{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:200px}.btn-history-compact,.btn-requirements-compact,.btn-upload-compact{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s;white-space:nowrap}.btn-history-compact:hover,.btn-requirements-compact:hover,.btn-upload-compact:hover{background:#ffffff4d;transform:translateY(-1px)}.btn-requirements-compact.selected{background:#28a745cc;border-color:#28a745e6}.btn-requirements-compact.selected:hover{background:#28a745e6}.documents-compact-list{background:#fafafa;flex:1 1;overflow-y:auto;padding:12px}.empty-sidebar{color:#999;padding:40px 20px;text-align:center}.empty-sidebar p{font-size:14px;margin-bottom:16px}.empty-sidebar button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.document-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;padding:12px;transition:all .2s}.document-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a;transform:translateX(2px)}.document-item.analyzing{background:#fffbeb;border-color:#f59e0b}.document-item.analyzed{background:#f0fdf4;border-color:#10b981}.document-item.error{background:#fef2f2;border-color:#ef4444}.doc-icon{flex-shrink:0;font-size:24px}.doc-info{flex:1 1;min-width:0}.doc-name{color:#333;font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-status{color:#666;font-size:11px}.btn-delete-small{background:#fee;border:none;border-radius:50%;color:#c33;cursor:pointer;flex-shrink:0;font-size:18px;height:24px;line-height:1;transition:all .2s;width:24px}.btn-delete-small:hover{background:#fcc;transform:scale(1.1)}.analysis-config{background:#fff;border-top:2px solid #e5e7eb;padding:20px}.analysis-config h4{color:#333;font-size:14px;font-weight:600;margin:0 0 16px}.analysis-config label{color:#666;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.analysis-config textarea{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:13px;margin-bottom:12px;padding:10px;resize:vertical;width:100%}.analysis-config textarea:focus{border-color:#667eea;outline:none}.checkbox-label{display:flex!important;gap:8px;margin-bottom:16px!important}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#333;font-size:13px;font-weight:500}.btn-start-analysis{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-start-analysis:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-start-analysis:disabled{background:#ccc;cursor:not-allowed}.btn-review{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px;transition:all .2s;width:100%}.btn-review:hover:not(:disabled){box-shadow:0 4px 12px #06b6d466;transform:translateY(-2px)}.btn-review:disabled{background:#ccc;cursor:not-allowed;transform:none}.chat-area{background:#f8f9fa;overflow:hidden}.page-header{box-shadow:0 1px 3px #0000001a;padding:24px 32px}.header-content h1{align-items:center;color:#1f2937;display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.header-content p{color:#6b7280;font-size:1rem;margin:0}.btn-upload-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-upload-primary:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.page-content{padding:24px 32px}.filters-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:24px;justify-content:space-between;padding:20px}.search-container{flex:1 1;max-width:400px}.search-input{border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.status-filters{display:flex;flex-wrap:wrap;gap:8px}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.status-filter:hover{background-color:#f0f9ff;border-color:#3b82f6}.status-filter.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.documents-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px;padding:24px}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:64px 24px}.empty-icon{margin-bottom:24px;opacity:.5}.empty-state h3{font-size:1.5rem;margin:0 0 12px}.empty-state p{font-size:1rem;line-height:1.5;margin:0 0 24px;max-width:400px}.btn-upload-empty{align-items:center;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-upload-empty:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.analysis-status{bottom:24px;position:fixed;right:24px;z-index:100}.analysis-notification{align-items:center;background:#1f2937;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-weight:500;gap:12px;padding:16px 24px}.spinner{animation:spin .8s linear infinite;height:20px;width:20px}@media (max-width:1024px){.page-content,.page-header{padding:20px 24px}.filters-section{align-items:stretch;flex-direction:column;gap:16px}.search-container{max-width:none}.status-filters{justify-content:center}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.header-content{text-align:center}.header-content h1{font-size:1.75rem;justify-content:center}.btn-upload-primary{justify-content:center;width:100%}.page-content{padding:16px 20px}.documents-list{padding:16px}.status-filters{flex-direction:column;gap:8px}.status-filter{text-align:center}.empty-state{padding:48px 16px}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.analysis-status{bottom:16px;left:16px;right:16px}.analysis-notification{justify-content:center}}.actions-panel{background:#fff;border-left:2px solid #e5e7eb}.no-document-placeholder{color:#999;flex:1 1;padding:40px 24px}.no-document-placeholder h3{color:#666;font-size:18px;font-weight:600;margin:0 0 12px}.no-document-placeholder p{color:#999;line-height:1.6;max-width:300px}.generating-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;margin-bottom:16px;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.indicator-content{align-items:center;display:flex;font-size:16px;gap:12px}.indicator-content strong{font-size:18px;font-weight:700}.indicator-content .spinner{animation:spin 1s linear infinite;font-size:24px}.indicator-content .blink{animation:blink 1.5s ease-in-out infinite;font-size:14px;opacity:.9}.modal-overlay{background-color:#0009;z-index:9999!important}.history-modal.preview-mode{max-height:95vh;max-width:1200px;z-index:10000}.navigation-bar{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 24px}.btn-back{background-color:#fff;border:1px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-back:hover{background-color:#007bff;color:#fff}.selection-info{color:#374151;font-size:14px}.selection-info strong{color:#1f2937}.document-preview{display:flex;flex-direction:column;height:100%}.preview-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:16px}.preview-header h3{color:#374151;font-size:1.1rem;margin:0}.preview-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;max-height:60vh;overflow-y:auto;padding:20px}.preview-content.markdown-body{color:#24292e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.6}.preview-content.markdown-body h1,.preview-content.markdown-body h2,.preview-content.markdown-body h3,.preview-content.markdown-body h4,.preview-content.markdown-body h5,.preview-content.markdown-body h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.preview-content.markdown-body h1{border-bottom:1px solid #eaecef;font-size:2em;padding-bottom:.3em}.preview-content.markdown-body h2{border-bottom:1px solid #eaecef;font-size:1.5em;padding-bottom:.3em}.preview-content.markdown-body h3{font-size:1.25em}.preview-content.markdown-body p{margin-bottom:16px;margin-top:0}.preview-content.markdown-body ol,.preview-content.markdown-body ul{margin-bottom:16px;padding-left:2em}.preview-content.markdown-body li{margin-bottom:4px}.preview-content.markdown-body code{background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%;margin:0;padding:.2em .4em}.preview-content.markdown-body pre{background-color:#f6f8fa;border-radius:6px;font-size:85%;line-height:1.45;margin-bottom:16px;overflow:auto;padding:16px}.preview-content.markdown-body pre code{background-color:initial;border:0;margin:0;padding:0}.preview-content.markdown-body blockquote{border-left:.25em solid #dfe2e5;color:#6a737d;margin:0 0 16px;padding:0 1em}.preview-content.markdown-body table{border-collapse:collapse;border-spacing:0;margin-bottom:16px;width:100%}.preview-content.markdown-body table td,.preview-content.markdown-body table th{border:1px solid #dfe2e5;padding:6px 13px}.preview-content.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.btn-select{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-select:hover:not(:disabled){background-color:#218838}.btn-select:disabled{background-color:#d1d5db;cursor:not-allowed}.type-analysis{background-color:#dbeafe;color:#1e40af}.type-refinement{background-color:#fef3c7;color:#92400e}.type-manual{background-color:#e0e7ff;color:#3730a3}@media (max-width:768px){.history-modal.preview-mode{max-width:95%}.navigation-bar{align-items:flex-start;flex-direction:column;gap:12px}.preview-content{max-height:50vh}}.documents-page-chat .page-header{position:static!important;z-index:auto!important}.documents-chat-container.stage-wide-viewer{grid-template-columns:320px 340px minmax(0,1fr)!important}.documents-chat-container.stage-wide-viewer .actions-panel{max-width:none!important;min-width:0;overflow:auto;position:relative;width:auto!important}.documents-chat-container.stage-wide-viewer .documents-sidebar{background:#fff;position:relative;z-index:3}.documents-chat-container.stage-wide-viewer .actions-panel>*{margin-left:0!important;margin-right:0!important;max-width:100%!important;min-width:0;overflow:auto;width:100%}.documents-chat-container.stage-wide-viewer .chat-area{min-width:0}.documents-chat-container.stage-wide-viewer.chat-collapsed{grid-template-columns:320px minmax(0,1fr)!important}.btn-chat-toggle{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:9px 12px;width:100%}.btn-chat-toggle:hover{background:#e0e7ff}@media (max-width:1200px){.documents-chat-container.stage-wide-viewer{grid-template-columns:300px minmax(0,1fr)}.documents-chat-container.stage-wide-viewer .chat-area{grid-column:1/-1;max-height:320px}}.documents-page-chat{position:relative}.btn-sidebar-toggle{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;box-shadow:0 1px 3px #0000001f;color:#4338ca;cursor:pointer;font-size:13px;font-weight:600;left:12px;padding:7px 14px;position:absolute;top:8px;z-index:30}.btn-sidebar-toggle:hover{background:#e0e7ff}.documents-chat-container.sidebar-collapsible{grid-template-columns:1fr!important;position:relative}.documents-chat-container.sidebar-collapsible .documents-sidebar{background:#fff;box-shadow:4px 0 16px #0000002e;height:100%;left:0;overflow-y:auto;padding-top:44px;position:absolute;top:0;transition:transform .2s ease;width:340px;z-index:25}.documents-chat-container.sidebar-collapsible.sidebar-off .documents-sidebar{transform:translateX(-110%)}.documents-chat-container.sidebar-collapsible .actions-panel{grid-column:1/-1}.dm-page{background:#f5f7fa;display:flex;flex-direction:column;gap:16px;height:100%;padding:24px}.dm-header{align-items:center;display:flex;justify-content:space-between}.dm-header h1{color:#1a2b4a;font-size:24px;margin:0}.dm-header .status-pill{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.dm-status-draft{background:#fff3cd;color:#856404}.dm-status-approved{background:#d4edda;color:#155724}.dm-toolbar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.dm-toolbar input,.dm-toolbar select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.dm-toolbar button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.dm-btn-primary{background:#3b82f6;color:#fff}.dm-btn-primary:hover{background:#2563eb}.dm-btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.dm-btn-approve{background:#10b981;color:#fff}.dm-btn-approve:hover{background:#059669}.dm-btn-approve:disabled{background:#9ca3af;cursor:not-allowed}.dm-btn-ghost{background:#f1f5f9;border:1px solid #e2e8f0!important;color:#334155}.dm-btn-ghost:hover{background:#e2e8f0}.dm-viewing-banner{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;color:#92400e;display:flex;font-size:13px;gap:16px;padding:10px 16px}.dm-viewing-banner b{color:#b45309}.dm-viewing-banner .dm-btn-ghost{border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:500;margin-left:auto;padding:7px 13px}.dm-main{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 320px;overflow:hidden}.dm-tabs-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.dm-tabs{border-bottom:1px solid #e2e8f0;display:flex}.dm-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px}.dm-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.dm-tab-body{flex:1 1;overflow:auto;padding:16px}.dm-tab-body pre{color:#1e293b;font-family:Fira Code,Consolas,monospace;font-size:12px;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.dm-tables-list{max-height:100%;overflow-y:auto}.dm-table-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:12px}.dm-table-card h3{color:#1a2b4a;font-size:15px;margin:0 0 8px}.dm-columns{color:#475569;font-size:12px}.dm-columns .col-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 100px 60px;padding:2px 0}.dm-columns .col-name{font-weight:600}.dm-columns .col-type{color:#7c3aed;font-family:monospace}.dm-columns .col-flags{color:#6366f1;font-size:10px}.dm-chat{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.dm-chat h3{background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:14px;margin:0;padding:12px 16px}.dm-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px 16px}.dm-msg{border-radius:8px;font-size:13px;max-width:90%;padding:8px 12px}.dm-msg-user{align-self:flex-end;background:#dbeafe;color:#1e40af}.dm-msg-assistant{align-self:flex-start;background:#f1f5f9;color:#334155}.dm-chat-input{border-top:1px solid #e2e8f0;display:flex;gap:8px;padding:12px}.dm-chat-input input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:13px;padding:8px 12px}.dm-chat-input button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.dm-empty{align-items:center;color:#64748b;display:flex;height:100%;justify-content:center;text-align:center}.dm-empty div{max-width:500px}.dm-empty h2{color:#1e293b;margin-bottom:12px}.dm-validation{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;font-size:12px;margin-bottom:12px;padding:12px}.dm-validation strong{display:block;margin-bottom:4px}.dm-loading{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:center;padding:40px}.dm-viewer{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.dm-viewer .dm-tabs-container{flex:1 1;min-height:0}.dm-summary{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;padding:10px 16px}.dm-summary b{color:#1a2b4a}.dm-summary-actions{display:flex;gap:8px;margin-left:auto}.dm-summary-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px}.dm-viewer .tc-review-panel{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:13px;padding:14px 16px}.dm-viewer .tc-review-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dm-viewer .tc-review-panel ul{margin:0;padding-left:18px}.dm-viewer .tc-review-panel li{line-height:1.45;margin-bottom:6px}.tc-page{color:#1e293b;margin:0 auto;max-width:1500px;padding:24px 28px}.tc-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.tc-header h1{color:#1a56db;font-size:24px;font-weight:700;margin:0 0 6px}.tc-sub{color:#64748b;font-size:13px;line-height:1.5;margin:0;max-width:820px}.tc-actions{flex-shrink:0}.tc-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .15s}.tc-btn.primary{background:#1a56db;color:#fff}.tc-btn.primary:hover:not(:disabled){background:#1e40af}.tc-btn:disabled{cursor:not-allowed;opacity:.55}.tc-btn.ghost{background:#fff;border:1px solid #cbd5e1;color:#1a56db}.tc-btn.ghost:hover:not(:disabled){background:#f8fafc;border-color:#1a56db}.tc-btn.approve{background:#16a34a;color:#fff}.tc-btn.approve:hover:not(:disabled){background:#15803d}.tc-actions{align-items:flex-end;display:flex;gap:12px}.tc-src{display:flex;flex-direction:column;gap:4px}.tc-src span{color:#64748b;font-size:11px;font-weight:600}.tc-src select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;min-width:220px;padding:9px 12px}.tc-src select:focus{border-color:#1a56db;outline:none}.tc-summary{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:flex;font-size:13px;gap:20px;margin-bottom:18px;padding:10px 16px}.tc-summary b{color:#1a56db;font-size:15px}.tc-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 10px;text-transform:uppercase}.tc-badge.draft{background:#dbeafe;color:#1e40af}.tc-badge.generating{background:#fef3c7;color:#92400e}.tc-badge.approved,.tc-badge.executed{background:#dcfce7;color:#166534}.tc-spin{animation:tcpulse 1.2s infinite;color:#92400e}@keyframes tcpulse{50%{opacity:.45}}.tc-summary-actions{display:flex;gap:8px;margin-left:auto}.tc-summary-actions .tc-btn{font-size:12.5px;padding:7px 13px}.tc-viewing-banner{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;color:#92400e;display:flex;font-size:13px;gap:16px;margin-bottom:18px;padding:10px 16px}.tc-viewing-banner b{color:#b45309}.tc-viewing-banner .tc-btn{font-size:12.5px;margin-left:auto;padding:7px 13px}.tc-refine{background:#fbfcff;border-color:#c7d2fe}.tc-refine-hint{color:#64748b;font-size:12px;line-height:1.5;margin:0 0 12px}.tc-chat-log{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:260px;overflow-y:auto}.tc-chat-msg{border-radius:9px;font-size:12.5px;line-height:1.45;padding:8px 12px}.tc-chat-msg.user{align-self:flex-end;background:#eff6ff;border:1px solid #bfdbfe;max-width:85%}.tc-chat-msg.assistant{align-self:flex-start;background:#f8fafc;border:1px solid #e2e8f0;max-width:85%}.tc-chat-role{color:#94a3b8;display:block;font-size:10px;font-weight:700;letter-spacing:.03em;margin-bottom:3px;text-transform:uppercase}.tc-chat-input{align-items:flex-end;display:flex;gap:8px}.tc-chat-input textarea{border:1px solid #cbd5e1;border-radius:8px;color:#334155;flex:1 1;font-family:inherit;font-size:13px;padding:9px 12px;resize:vertical}.tc-chat-input textarea:focus{border-color:#1a56db;outline:none}.tc-chat-input .tc-btn{white-space:nowrap}.tc-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;padding:60px 20px;text-align:center}.tc-empty p{margin:6px 0}.tc-empty.tc-auth{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.tc-body{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:280px 1fr}.tc-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 60px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:16px}.tc-list-item{grid-gap:2px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:9px;cursor:pointer;display:grid;gap:2px 8px;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:9px 12px;text-align:left;transition:all .12s}.tc-list-item:hover{background:#f8fafc;border-color:#93c5fd}.tc-list-item.active{background:#eff6ff;border-color:#1a56db;box-shadow:inset 0 0 0 1px #1a56db}.tc-list-item.err{opacity:.7}.tc-uc{color:#1a56db;font-size:12px;font-weight:700}.tc-name{color:#475569;font-size:12px;grid-column:1/3;line-height:1.35}.tc-count{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:11px;grid-column:2;grid-row:1;justify-self:end;padding:1px 8px}.tc-count.err{background:#fee2e2;color:#b91c1c}.tc-detail{min-width:0}.tc-uc-head{margin-bottom:14px}.tc-uc-head h2{color:#0f172a;font-size:19px;margin:0 0 8px}.tc-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:12.5px;gap:16px}.tc-meta b{color:#334155}.tc-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;padding:16px 18px}.tc-card h3{color:#1a56db;font-size:14px;font-weight:700;margin:0 0 12px}.tc-graph{overflow-x:auto}.tc-graph svg{max-width:none}.tc-table-wrap{overflow-x:auto}.tc-dt{border-collapse:collapse;font-size:13px}.tc-dt td,.tc-dt th{border:1px solid #cbd5e1;min-width:34px;padding:5px 13px;text-align:center}.tc-dt th{color:#475569}.tc-dt td.lbl,.tc-dt th{background:#f8fafc;font-weight:700}.tc-dt td.lbl{cursor:help;text-align:left}.tc-dt td.eff{color:#1d4ed8}.tc-dt td.on{background:#dcfce7;color:#166534;font-weight:700}.tc-dt tr.sep td{border:none;height:6px;padding:0}.tc-legend{color:#64748b;font-size:11.5px;margin:10px 0 0}.tc-cases{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tc-case{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.tc-case-id{background:#1a56db;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 12px}.tc-case-body{display:flex;flex-direction:column;gap:10px;padding:12px}.tc-case-lbl{color:#94a3b8;display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.tc-case-in ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.tc-case-in li{align-items:flex-start;color:#334155;display:flex;font-size:12.5px;gap:7px;line-height:1.35}.tc-flag{align-items:center;border-radius:5px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.tc-flag.t{background:#dcfce7;color:#166534}.tc-flag.f{background:#fee2e2;color:#b91c1c}.tc-expected{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;color:#166534;font-size:12.5px;line-height:1.4;padding:7px 10px}.tc-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px;padding:14px 16px}@media (max-width:900px){.tc-body{grid-template-columns:1fr}.tc-list{flex-direction:row;flex-wrap:wrap;max-height:none;position:static}.tc-list-item{flex:1 1 200px}}.tc-src-compact{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;max-width:100%;padding:5px 8px}.tc-src-compact:hover:not(:disabled){border-color:#667eea}.tc-viewer{gap:14px}.tc-chat-panel,.tc-viewer{display:flex;flex-direction:column}.tc-chat-panel{background:#fff;height:100%}.tc-chat-panel-header{border-bottom:1px solid #e5e7eb;padding:14px 16px}.tc-chat-panel-header h2{color:#1a56db;font-size:15px;font-weight:600;margin:0}.tc-chat-panel-body{flex:1 1;overflow-y:auto;padding:14px 16px}.tc-chat-empty{color:#94a3b8;font-size:13px;padding:24px 12px;text-align:center}.tc-chat-panel .tc-chat-input{border-top:1px solid #e5e7eb;padding:12px 16px}.tc-review-panel{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:13px;padding:14px 16px}.tc-review-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tc-review-panel ul{margin:0;padding-left:18px}.tc-review-panel li{line-height:1.45;margin-bottom:6px}.uispec-page{margin:0 auto;max-width:1400px;padding:20px 28px}.uispec-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.uispec-header h1{color:#1976d2;font-size:22px;margin:0}.uispec-meta{color:#777;font-size:13px}.uispec-actions{display:flex;gap:8px}.btn-primary{background:#1976d2;border-radius:5px;font-size:14px;padding:9px 18px}.btn-primary:disabled{cursor:default;opacity:.6}.btn-approve{background:#2e7d32;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:9px 18px}.uispec-empty{background:#f5f9fc;border:1px solid #dbe7f0;border-radius:8px;color:#456;padding:28px;text-align:center}.uispec-body{grid-gap:18px;display:grid;gap:18px;grid-template-columns:300px 1fr}.uispec-list{border:1px solid #e0e0e0;border-radius:8px;max-height:70vh;overflow:hidden;overflow-y:auto}.uispec-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px 14px}.uispec-item:hover{background:#f5f9fc}.uispec-item.active{background:#e3f2fd;border-left:3px solid #1976d2}.uispec-item-name{color:#234;font-size:13px;font-weight:600}.uispec-item-meta{color:#888;font-size:11px;margin-top:2px}.uispec-preview{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:18px}.uispec-preview h3{color:#234;margin-top:0}.uispec-mockup{border:1px solid #ccc;border-radius:6px;width:100%}.uispec-nomock{background:#fafafa;border-radius:6px;color:#999;padding:40px;text-align:center}.uispec-struct{font-size:13px;margin-top:16px}.uispec-struct h4{color:#1976d2;margin:12px 0 6px}.uispec-struct code{background:#f4f4f4;border-radius:3px;font-size:12px;padding:1px 5px}.uispec-chat{display:flex;gap:8px;margin-top:18px}.uispec-chat input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:13px;padding:10px 12px}.uispec-chat button{background:#1976d2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:0 20px}.uispec-source{border-top:2px dashed #dbe7f0;margin-top:20px;padding-top:14px}.uispec-source-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.uispec-source-head h4{color:#1976d2;font-size:14px;margin:0}.uispec-prov{background:#eef4fb;border:1px solid #dbe7f0;border-radius:20px;color:#667;font-size:11.5px;padding:2px 9px}.uispec-source-hint{color:#667;font-size:12px;line-height:1.45;margin:8px 0 12px}.uispec-stale{align-items:center;background:#fff7e6;border:1px solid #ffe0a3;border-radius:8px;color:#8a5a00;display:flex;flex-wrap:wrap;font-size:12.5px;gap:10px;margin:10px 0;padding:10px 12px}.uispec-source-block{margin:10px 0}.uispec-source-label{color:#789;font-size:11px;font-weight:600;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.uispec-source-pre{background:#f8fafc;border:1px solid #e6edf3;border-radius:6px;color:#334;font-size:12px;margin:0;max-height:240px;overflow:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.uispec-source-pre.uispec-wf{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto;white-space:pre}.uispec-source-edit{border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#223;font-size:12px;padding:10px 12px;resize:vertical;width:100%}.uispec-source-edit.uispec-wf{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;white-space:pre}.uispec-source-actions{display:flex;gap:8px;margin-top:6px}.coh-panel{background:#fbfdff;border:1px solid #dbe7f0;border-radius:10px;margin:12px 0 18px;padding:14px 16px}.coh-head{align-items:center;color:#234;font-size:14px;justify-content:space-between}.coh-head,.coh-summary{display:flex;margin-bottom:10px}.coh-summary{flex-wrap:wrap;font-size:12.5px;gap:14px}.coh-ok{color:#2e7d32;font-weight:600}.coh-warn{color:#b26a00;font-weight:600}.coh-bad{color:#c62828;font-weight:700}.coh-dm{background:#fff;border:1px solid #e6edf3;border-radius:8px;margin-bottom:12px;padding:12px}.coh-dm-title{color:#445;font-size:12.5px;line-height:1.4;margin-bottom:8px}.coh-dm-row{align-items:center;cursor:pointer;display:flex;font-size:12.5px;gap:8px;padding:4px 0}.coh-dm-row code{background:#f4f6f8;border-radius:4px;padding:1px 6px}.coh-chip{background:#eef4fb;border:1px solid #dbe7f0;border-radius:20px;color:#4a6b8a;font-size:10px;font-weight:700;letter-spacing:.03em;padding:1px 6px;text-transform:uppercase}.coh-chip-new{background:#fff1e6;border-color:#ffd8b8;color:#b2560a}.coh-type{color:#7c3aed;font-size:11.5px}.coh-dm-row .coh-screens{color:#94a3b8;font-size:11px}.coh-dm-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.coh-hint{color:#789;font-size:11.5px}.coh-screen{border-top:1px solid #eef2f6;padding:8px 0}.coh-screen-head{align-items:baseline;display:flex;font-size:13px;gap:10px}.coh-meta{color:#94a3b8;font-size:11px}.coh-issue{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:space-between;padding:4px 0 4px 10px}.coh-issue.error{color:#b23}.coh-issue.warning{color:#8a5a00}.coh-issue-detail{flex:1 1;min-width:220px}.coh-fixes{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.coh-note{color:#789;font-size:11px;font-style:italic}.coh-allok{color:#2e7d32;font-size:13px;padding:8px 0}.tc-btn.tiny{font-size:11px;padding:2px 8px}.tc-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.tc-modal{background:#fff;border-radius:10px;box-shadow:0 12px 40px #00000040;overflow:hidden;width:min(480px,92vw)}.tc-modal-head{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:15px;justify-content:space-between;padding:14px 18px}.tc-modal-body{color:#334;font-size:13.5px;line-height:1.5;padding:18px}.tc-modal-body p{margin:0 0 10px}.uispec-proto{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:none;margin:14px 0 18px;overflow:hidden}.uispec-proto-head{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;padding:10px 14px}.uispec-proto-head b{color:#0f172a}.uispec-proto-nota{color:#64748b;font-size:12px}.uispec-proto-head a{margin-left:auto}.uispec-proto-quadro{background:#f1f5f9;border:0;display:block;height:620px;width:100%}.uispec-proto-erro{background:#fef2f2;color:#b91c1c;font-size:13px;padding:14px}.tc-btn.apontando{background:#4f46e5;border-color:#4f46e5;color:#fff}.uispec-proto-alvo{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;display:inline-flex;font-size:12px;gap:6px;padding:3px 8px}.uispec-proto-limpar{background:#0000;border:0;color:#4338ca;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.ferramentas-pagina{max-width:1400px;padding:24px}.ferramentas-cabecalho{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:18px}.ferramentas-cabecalho h1{color:#0f172a;font-size:22px;font-weight:700;margin:0 0 6px}.ferramentas-cabecalho p{color:#475569;font-size:13.5px;line-height:1.5;margin:0;max-width:760px}.ferramentas-acoes{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ferramentas-acoes select{border:1px solid #cbd5e1;border-radius:8px;font-size:13px;min-width:260px;padding:8px 10px}.btn-primario{background:#4f46e5;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px}.btn-primario:disabled{background:#94a3b8;cursor:not-allowed}.btn-secundario{background:#fff;border:1px solid #c7d2fe;border-radius:8px;color:#4f46e5;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px}.btn-secundario:disabled{border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.ferramentas-erro{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:14px;padding:10px 14px}.ferramentas-vazio{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;padding:40px;text-align:center}.ferramentas-indicadores{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.indicador{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;min-width:150px;padding:14px 16px}.indicador span{color:#64748b;display:block;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase}.indicador b{color:#0f172a;font-size:24px}.indicador.ok b{color:#16a34a}.indicador.falha b{color:#dc2626}.portao{border-radius:10px;font-size:13px;font-weight:500;margin-bottom:16px;padding:11px 16px}.portao-liberado{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.portao-bloqueado{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.ferramentas-corpo{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1fr 380px}.ferramentas-tabela{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;font-size:13px;overflow:hidden;width:100%}.ferramentas-tabela th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.ferramentas-tabela td{border-bottom:1px solid #f1f5f9;color:#0f172a;padding:10px 12px;vertical-align:top}.ferramentas-tabela tr{cursor:pointer}.ferramentas-tabela tr:hover{background:#f8fafc}.ferramentas-tabela tr.selecionada{background:#eef2ff}.ferramentas-tabela code{background:#f1f5f9;border-radius:4px;font-size:12.5px;padding:2px 6px}.usos{color:#64748b;font-size:12px}.selo{border-radius:999px;display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;white-space:nowrap}.origem-biblioteca{background:#dcfce7;border:1px solid #86efac;color:#166534}.origem-mcp{background:#e0e7ff;border:1px solid #c7d2fe;color:#3730a3}.origem-deterministica{background:#cffafe;border:1px solid #a5f3fc;color:#155e75}.origem-externa{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.origem-pendente{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.ferramentas-lateral{display:flex;flex-direction:column;gap:16px}.detalhe,.refino,.versoes{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.detalhe h3{color:#0f172a;font-size:15px;margin:0 0 12px}.detalhe.vazio{color:#94a3b8;font-size:13px}.detalhe label{color:#64748b;display:block;font-size:11.5px;font-weight:600;letter-spacing:.3px;margin:10px 0 4px;text-transform:uppercase}.detalhe input,.detalhe select,.detalhe textarea,.refino textarea{border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:13px;padding:8px 10px;width:100%}.refino h4,.versoes h4{color:#334155;font-size:13px;margin:0 0 10px}.mensagens{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;max-height:160px;overflow-y:auto}.msg{border-radius:8px;font-size:12.5px;line-height:1.45;padding:7px 10px}.msg.user{background:#eef2ff;color:#3730a3}.msg.assistant{background:#f8fafc;color:#334155}.refino button{margin-top:8px}.versoes ul{list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0}.versoes li{align-items:baseline;border-bottom:1px solid #f1f5f9;display:flex;font-size:12.5px;gap:8px;padding:5px 0}.versoes li button{background:#eef2ff;border:0;border-radius:6px;color:#4338ca;cursor:pointer;font-size:12px;font-weight:600;padding:2px 8px}.versoes li span{color:#64748b}@media (max-width:1100px){.ferramentas-corpo{grid-template-columns:1fr}}.passos-regra{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.problemas-regra{color:#b3261e;font-size:12px;margin:6px 0 0;padding-left:18px}.problemas-regra li{margin:2px 0}.regra-ok{color:#1b7f3b}.regra-ok,.regra-pendente{font-size:12px;margin:6px 0 0}.regra-pendente{color:#8a6d00}.cfg-projeto{max-width:860px;padding:24px}.cfg-projeto h2{font-size:20px;margin:0 0 18px}.cfg-projeto .cartao{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:20px}.cfg-projeto .cartao h3{font-size:16px;margin:0 0 8px}.cfg-projeto .explica{color:#5b6470;font-size:13px;line-height:1.5;margin:0 0 16px}.cfg-projeto .opcoes{grid-gap:8px;display:grid;gap:8px;margin-bottom:18px}.cfg-projeto .opcao{grid-gap:4px 8px;border:1px solid #e3e6ea;border-radius:8px;cursor:pointer;display:grid;gap:4px 8px;grid-template-columns:20px 1fr;padding:10px 12px}.cfg-projeto .opcao.escolhida{background:#f4f8ff;border-color:#2f6feb}.cfg-projeto .opcao input{grid-row:1/span 2;margin-top:3px}.cfg-projeto .opcao .rotulo{font-size:14px;font-weight:600}.cfg-projeto .opcao .obs{color:#6b7280;font-size:12px}.cfg-projeto .campos{grid-gap:10px 14px;align-items:center;display:grid;gap:10px 14px;grid-template-columns:200px 1fr}.cfg-projeto .campos label{color:#374151;font-size:13px}.cfg-projeto .campos input{border:1px solid #d3d8de;border-radius:6px;font-size:13px;padding:7px 10px}.cfg-projeto .chave{color:#6b7280;font-size:12px;line-height:1.5;margin:18px 0 0}.cfg-projeto .chave code{background:#f2f4f7;border-radius:4px;padding:1px 5px}.cfg-projeto .aviso{color:#1b7f3b;font-size:13px;margin:12px 0 0}.cfg-projeto .erro{color:#b3261e;font-size:13px;margin:12px 0 0}.yaml-selection-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.yaml-selection-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.yaml-selection-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.yaml-selection-modal-header h2{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.yaml-selection-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:36px}.yaml-selection-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.yaml-selection-tabs{background:#f8f9fa;border-bottom:2px solid #e5e7eb;display:flex;gap:0;padding:0}.tab-button{background:#0000;border-bottom:3px solid #0000;flex:1 1;font-weight:600;overflow:hidden;padding:16px 24px;text-overflow:ellipsis;white-space:nowrap}.tab-button:hover{background:#3b82f60d;color:#3b82f6}.tab-button.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.sessions-list{display:flex;flex-direction:column;gap:16px;padding:0}.session-item{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.session-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.session-item.selected{background-color:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.session-header{justify-content:space-between;margin-bottom:12px}.session-header,.session-title{align-items:center;display:flex}.session-title{flex:1 1;gap:12px;overflow:hidden}.session-icon{flex-shrink:0;font-size:1.5rem}.session-name{color:#1f2937;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{flex-shrink:0;padding:4px 12px}.status-completed{background-color:#d1fae5;color:#065f46}.session-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.session-info{display:flex;flex-direction:column;gap:4px}.info-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1f2937;font-size:.875rem}.yaml-selection-modal-body{flex:1 1;overflow-y:auto;padding:24px}.yaml-selection-loading{color:#666;font-size:16px;padding:40px;text-align:center}.yaml-selection-loading:before{animation:pulse 1.5s ease-in-out infinite;content:"⏳";display:block;font-size:48px;margin-bottom:16px}.yaml-selection-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;padding:16px;text-align:center}.yaml-selection-section{border-bottom:1px solid #eee;margin-bottom:28px;padding-bottom:20px}.yaml-selection-section:last-of-type{border-bottom:none;margin-bottom:0}.yaml-selection-section h3{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.yaml-selection-description{color:#666;font-size:13px;line-height:1.5;margin:0 0 12px}.yaml-selection-dropdown{background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.yaml-selection-dropdown:hover{border-color:#667eea}.yaml-selection-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.yaml-selection-dropdown option{padding:10px}.yaml-selection-empty{background-color:#fff9e6;border:1px solid #ffe0a3;border-radius:6px;color:#960;font-size:13px;margin:12px 0 0;padding:12px;text-align:center}.yaml-selection-modal-footer{align-items:center;background-color:#f9f9f9;border-radius:0 0 12px 12px;border-top:2px solid #e0e0e0;display:flex;gap:12px;padding:20px 24px}.selection-progress{align-items:center;display:flex;flex:1 1;gap:8px}.progress-text{color:#6b7280;font-size:14px}.yaml-selection-btn-cancel{background-color:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.yaml-selection-btn-cancel:hover{background-color:#f5f5f5;border-color:#999;color:#333}.yaml-selection-btn-confirm{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.yaml-selection-btn-confirm:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.yaml-selection-btn-confirm:active:not(:disabled){transform:translateY(0)}.yaml-selection-btn-confirm:disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.yaml-selection-modal-content{max-height:90vh;width:95%}.yaml-selection-modal-header{padding:16px}.yaml-selection-modal-header h2{font-size:18px}.yaml-selection-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{font-size:12px;padding:12px 16px}.session-item,.yaml-selection-modal-body{padding:16px}.session-icon{font-size:1.25rem}.session-name{font-size:.875rem}.yaml-selection-section h3{font-size:15px}.yaml-selection-modal-footer{flex-wrap:wrap;padding:16px}.selection-progress{flex-basis:100%;justify-content:center;margin-bottom:8px}.yaml-selection-btn-cancel,.yaml-selection-btn-confirm{flex:1 1;min-width:120px}}.specification-page{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%}.specification-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 32px}.specification-header-left h1{align-items:center;color:#333;display:flex;font-size:2rem;gap:12px;margin:0}.specification-header-left p{color:#666;font-size:14px;margin:8px 0 0}.spec-status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-draft{background-color:#f3f4f6;color:#374151}.status-generated{background-color:#dbeafe;color:#1d4ed8}.status-reviewing{background-color:#fef3c7;color:#d97706}.status-approved{background-color:#dcfce7;color:#16a34a}.status-needs_revision{background-color:#fee2e2;color:#dc2626}.specification-header-actions{display:flex;gap:12px}.spec-action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.spec-action-button.primary{background-color:#4a90e2;color:#fff}.spec-action-button.primary:hover{background-color:#357abd;box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.spec-action-button.secondary{background-color:#fff;border:1px solid #ddd;color:#333}.spec-action-button.secondary:hover{background-color:#f8f9fa;border-color:#ccc}.spec-action-button.success{background-color:#28a745;color:#fff}.spec-action-button.success:hover{background-color:#218838}.spec-action-button.warning{background-color:#ffc107;color:#212529}.spec-action-button.warning:hover{background-color:#e0a800}.specification-content{display:flex;flex:1 1;overflow:hidden}.specification-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:320px}.spec-sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.spec-sidebar-header h3{color:#333;font-size:1.1rem;margin:0 0 12px}.spec-progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.spec-progress-fill{background:linear-gradient(90deg,#4a90e2,#28a745);height:100%;transition:width .3s ease}.spec-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}.spec-stat{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;text-align:center}.spec-stat-number{color:#333;display:block;font-size:1.25rem;font-weight:700}.spec-stat-label{color:#666;display:block;font-size:.75rem;margin-top:4px;text-transform:uppercase}.spec-sidebar-tabs{border-bottom:1px solid #e0e0e0;display:flex}.spec-sidebar-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s}.spec-sidebar-tab:hover{background-color:#f8f9fa;color:#333}.spec-sidebar-tab.active{border-bottom-color:#4a90e2;color:#4a90e2;font-weight:500}.spec-sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.spec-outline-list{list-style:none;margin:0;padding:0}.spec-outline-item{margin-bottom:8px}.spec-outline-link{align-items:center;border:1px solid #0000;border-radius:6px;color:#333;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s}.spec-outline-link:hover{background-color:#f8f9fa;border-color:#e0e0e0}.spec-outline-link.active{background-color:#e3f2fd;border-color:#90caf9;color:#1976d2;font-weight:500}.section-status-icon{font-size:16px}.spec-issues-list{display:flex;flex-direction:column;gap:12px}.spec-issue-item{background-color:#f8f9fa;border-left:4px solid;border-radius:6px;font-size:14px;padding:12px}.spec-issue-item.critical{background-color:#fef2f2;border-left-color:#dc2626}.spec-issue-item.high{background-color:#fffbeb;border-left-color:#f59e0b}.spec-issue-item.medium{background-color:#eff6ff;border-left-color:#3b82f6}.spec-issue-item.low{background-color:#f0fdf4;border-left-color:#10b981}.spec-issue-title{font-weight:600;margin-bottom:4px}.spec-issue-description{color:#666;line-height:1.4}.specification-main{background-color:#fff;display:flex;flex:1 1;flex-direction:column}.spec-main-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 32px}.spec-document-info h2{color:#333;font-size:1.5rem;margin:0}.spec-document-meta{color:#666;display:flex;font-size:14px;gap:16px;margin-top:8px}.spec-version-info{align-items:center;display:flex;gap:8px}.spec-main-actions{display:flex;gap:10px}.spec-editor-container{display:flex;flex:1 1;overflow:hidden}.spec-editor-main{background-color:#fff;flex:1 1;overflow-y:auto;padding:32px}.spec-section{margin-bottom:40px;scroll-margin-top:20px}.spec-section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.spec-section-title{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:12px;margin:0}.spec-section-actions{display:flex;gap:8px}.spec-section-action{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s}.spec-section-action:hover{background-color:#f8f9fa;border-color:#ccc}.spec-section-content{color:#333;font-size:16px;line-height:1.7}.spec-section-content h1,.spec-section-content h2,.spec-section-content h3,.spec-section-content h4,.spec-section-content h5,.spec-section-content h6{color:#333;margin-bottom:12px;margin-top:24px}.spec-section-content ol,.spec-section-content ul{margin-bottom:16px;padding-left:24px}.spec-section-content li{margin-bottom:8px}.spec-section-content table{border:1px solid #e0e0e0;border-collapse:collapse;margin:20px 0;width:100%}.spec-section-content td,.spec-section-content th{border:1px solid #e0e0e0;padding:12px 16px;text-align:left}.spec-section-content th{background-color:#f8f9fa;font-weight:600}.spec-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.spec-empty-state svg{color:#ddd;margin-bottom:16px}.spec-empty-state h3{color:#333;font-size:1.5rem;margin:0 0 8px}.spec-empty-state p{font-size:14px;margin:0 0 24px}.requirements-table{margin:20px 0;width:100%}.requirements-table th{background-color:#f8f9fa;font-weight:600;text-align:left}.requirement-priority{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.priority-must_have{background-color:#fee2e2;color:#dc2626}.priority-should_have{background-color:#fef3c7;color:#d97706}.priority-could_have{background-color:#dbeafe;color:#2563eb}.priority-wont_have{background-color:#f3f4f6;color:#6b7280}.data-model-diagram{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:24px;text-align:center}.entity-box{background:#fff;border:2px solid #4a90e2;border-radius:8px;display:inline-block;margin:12px;min-width:200px;padding:16px}.entity-title{border-bottom:1px solid #e0e0e0;color:#333;font-weight:700;margin-bottom:12px;padding-bottom:8px}.entity-attributes{font-size:14px;text-align:left}.entity-attribute{color:#666;padding:4px 0}.entity-attribute.primary-key{color:#dc2626;font-weight:600}.entity-attribute.foreign-key{color:#2563eb}@media (max-width:1024px){.specification-content{flex-direction:column}.specification-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:300px;width:100%}.specification-header{align-items:flex-start;flex-direction:column;gap:16px}.specification-header-actions{flex-wrap:wrap;width:100%}}@media (max-width:768px){.specification-header{padding:16px}.spec-editor-main{padding:20px 16px}.spec-stats{grid-template-columns:1fr}.spec-main-header{align-items:flex-start;flex-direction:column;gap:12px}.spec-main-actions{flex-wrap:wrap;width:100%}}.spec-list{list-style:none;margin:0;padding:0}.spec-list-item{border-bottom:1px solid #e0e0e0;cursor:pointer;padding:16px;transition:all .2s}.spec-list-item:hover{background-color:#f8f9fa}.spec-list-item.active{background-color:#e3f2fd;border-left:3px solid #1976d2}.spec-list-item-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.spec-list-item-name{color:#333;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec-list-item-meta{align-items:center;display:flex;font-size:12px;gap:12px}.spec-list-item-date{color:#666}.spec-status-badge.generating{background-color:#e3f2fd;color:#1976d2}.spec-status-badge.completed{background-color:#dcfce7;color:#16a34a}.spec-status-badge.failed{background-color:#fee2e2;color:#dc2626}.spec-status-badge.cancelled{background-color:#f3f4f6;color:#374151}.spec-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.spec-loading p{margin-top:12px}.status-icon{flex-shrink:0}.status-icon.success{color:#16a34a}.status-icon.error{color:#dc2626}.spec-version-selector{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.spec-version-selector select{background:none;border:none;color:#333;cursor:pointer;font-size:14px;outline:none}.spec-document-container{background-color:#fff;flex:1 1;overflow-y:auto;padding:24px}.spec-generating{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;text-align:center}.spec-generating h3{color:#333;margin:24px 0 8px}.spec-generating p{font-size:14px;margin:0}.spec-generating-progress{margin-top:24px;width:300px}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px}.progress-fill{background:linear-gradient(90deg,#4a90e2,#28a745);border-radius:4px;width:30%}.progress-fill.animate{animation:progress-animation 2s ease-in-out infinite}@keyframes progress-animation{0%{margin-left:0;width:10%}50%{margin-left:30%;width:40%}to{margin-left:90%;width:10%}}.spec-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;text-align:center}.spec-error h3{margin:16px 0 8px}.spec-error p{color:#666;margin:0 0 16px}.error-log{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:12px;margin-bottom:16px;max-width:600px;overflow-x:auto;padding:16px;text-align:left}.spec-markdown-content{color:#333;line-height:1.7}.spec-markdown-content h1{border-bottom:2px solid #e0e0e0;font-size:2rem;margin-bottom:24px;padding-bottom:12px}.spec-markdown-content h2{border-bottom:1px solid #e0e0e0;font-size:1.5rem;margin-bottom:16px;margin-top:32px;padding-bottom:8px}.spec-markdown-content h3{font-size:1.25rem;margin-bottom:12px;margin-top:24px}.spec-markdown-content ol,.spec-markdown-content ul{margin-bottom:16px;padding-left:24px}.spec-markdown-content li{margin-bottom:8px}.spec-markdown-content table{border-collapse:collapse;margin:20px 0;width:100%}.spec-markdown-content td,.spec-markdown-content th{border:1px solid #e0e0e0;padding:12px;text-align:left}.spec-markdown-content th{background-color:#f8f9fa;font-weight:600}.spec-markdown-content code{background-color:#f3f4f6;border-radius:4px;font-size:14px;padding:2px 6px}.spec-markdown-content pre{background-color:#1e293b;border-radius:8px;color:#e2e8f0;margin:16px 0;overflow-x:auto;padding:16px}.spec-markdown-content pre code{background:none;color:inherit;padding:0}.spec-markdown-content blockquote{background-color:#f8f9fa;border-left:4px solid #4a90e2;font-style:italic;margin:16px 0;padding:12px 20px}.spec-markdown-content hr{border:none;border-top:1px solid #e0e0e0;margin:32px 0}.spec-empty-state.large{height:100%;min-height:500px}.spec-empty-state h4{color:#333;font-size:1.25rem;margin:0 0 8px}.specification-page-chat{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%}.specification-page-chat .page-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.specification-page-chat .page-header .header-content h1{align-items:center;color:#333;display:flex;font-size:1.75rem;gap:12px;margin:0}.specification-page-chat .page-header .header-content p{color:#666;font-size:14px;margin:8px 0 0}.specification-page-chat .header-actions{display:flex;gap:12px}.specification-page-chat .btn-primary,.specification-page-chat .btn-refresh{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.specification-page-chat .btn-refresh{background-color:#fff;border:1px solid #ddd;color:#333}.specification-page-chat .btn-refresh:hover{background-color:#f8f9fa;border-color:#ccc}.specification-page-chat .btn-primary{background-color:#4a90e2;color:#fff}.specification-page-chat .btn-primary:hover{background-color:#357abd;box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.spec-chat-container{display:flex;flex:1 1;overflow:hidden}.spec-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:280px}.spec-sidebar .sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px}.spec-sidebar .sidebar-header h3{color:#333;font-size:1rem;margin:0}.spec-list-container{flex:1 1;max-height:300px;overflow-y:auto}.versions-section{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:12px}.versions-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.versions-header h4{color:#666;font-size:.875rem;margin:0}.versions-list{list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0}.version-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:all .2s}.version-item:hover{background-color:#e0e0e0}.version-item.active{background-color:#e3f2fd;color:#1976d2}.version-number{font-weight:600}.version-type{color:#999;font-size:11px;text-transform:capitalize}.spec-info{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px}.spec-info h4{color:#333;font-size:.875rem;margin:0 0 12px}.info-item{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.info-label{color:#666}.info-value{color:#333;font-weight:500}.info-value.status-completed{color:#16a34a}.info-value.status-generating,.info-value.status-processing{color:#1976d2}.info-value.status-failed{color:#dc2626}.chat-area{background-color:#f8f9fa;flex:1 1;min-width:400px}.chat-area,.chat-empty-state{display:flex;flex-direction:column}.chat-empty-state{align-items:center;color:#666;height:100%;justify-content:center;padding:40px;text-align:center}.chat-empty-state svg{color:#ddd;margin-bottom:16px}.chat-empty-state h3{color:#333;font-size:1.5rem;margin:0 0 8px}.chat-empty-state p{font-size:14px;margin:0 0 24px;max-width:400px}.chat-generating{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.chat-generating h3{color:#333;margin:24px 0 8px}.chat-generating p{font-size:14px;margin:0 0 24px}.chat-generating .progress-bar{width:300px}.actions-panel{background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;overflow-y:auto;width:320px}.no-document-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-document-placeholder .placeholder-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-document-placeholder h3{color:#333;font-size:1.25rem;margin:0 0 8px}.no-document-placeholder p{font-size:14px;margin:0}.error-panel{align-items:center;color:#dc2626;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.error-panel h3{color:#333;margin:16px 0 8px}.error-panel p{color:#666;font-size:14px;margin:0 0 16px}.error-panel .error-log{margin-bottom:16px;max-width:100%;text-align:left}@media (max-width:1200px){.spec-sidebar{width:240px}.actions-panel{width:280px}}@media (max-width:992px){.spec-chat-container{flex-direction:column}.spec-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:250px;width:100%}.chat-area{min-height:400px;min-width:auto}.actions-panel{border-left:none;border-top:1px solid #e0e0e0;max-height:300px;width:100%}}@media (max-width:768px){.specification-page-chat .page-header{align-items:flex-start;flex-direction:column;gap:16px}.specification-page-chat .header-actions{width:100%}.specification-page-chat .btn-primary,.specification-page-chat .btn-refresh{flex:1 1;justify-content:center}}.btn-history-compact,.btn-yamls-compact{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.btn-history-compact:hover,.btn-yamls-compact:hover{background-color:#f8f9fa;border-color:#999;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-yamls-compact.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:600}.btn-yamls-compact.selected:hover{background:linear-gradient(135deg,#5568d3,#63408b);border-color:#5568d3}.agent-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .2s}.agent-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.agent-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.agent-name{color:#333;font-size:1.1rem;margin:0}.agent-status{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 12px}.agent-card-content{margin-bottom:16px}.agent-field{margin-bottom:12px}.agent-field label{color:#666;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.agent-field p{color:#333;font-size:.95rem;line-height:1.4;margin:0}.agent-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.agent-properties{display:flex;gap:8px;margin-top:12px}.property-badge{background-color:#e0e7ff;color:#4338ca}.agent-card-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding-top:16px}.btn-delete,.btn-edit,.btn-toggle-status{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.agent-form-modal{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.agent-form-modal form{overflow-y:auto;padding:24px}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tools-manager{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.tool-input-group select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px}.tool-input-group button{background-color:#6366f1}.tool-input-group button:hover{background-color:#4f46e5}.selected-tools{display:flex;flex-wrap:wrap;gap:8px}.tool-item{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;gap:8px;padding:6px 12px}.tool-item span{font-family:Courier New,monospace;font-size:.9rem}.tool-item button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;line-height:1;padding:0}.form-group-checkbox{align-items:center}.form-group-checkbox label{margin-bottom:0}.form-group-number{display:flex;flex-direction:column}.form-group-number label{font-size:.9rem;margin-bottom:4px}.form-group-number input[type=number]{border:1px solid #d1d5db;border-radius:4px;padding:6px 12px;width:100%}.btn-save{background-color:#6366f1}.btn-save:hover{background-color:#4f46e5}.agent-specifier-modal{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.specifier-intro{background-color:#f3f4f6}.specifier-intro p{color:#4b5563}.btn-upload{background-color:#6366f1}.btn-upload:hover{background-color:#4f46e5}.modal-footer{gap:12px}.btn-specify{background-color:#8b5cf6}.btn-specify:hover{background-color:#7c3aed}.agents-page{margin:0 auto;max-width:1400px;padding:24px}.agent-count{font-size:1rem}.btn-specifier{background-color:#8b5cf6}.btn-specifier:hover{background-color:#7c3aed}.status-filter select{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 16px}.agents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.task-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:all .2s}.task-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.task-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.task-name{color:#333;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;margin:0;word-break:break-word}.task-status{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 12px;white-space:nowrap}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.status-draft{background-color:#dbeafe;color:#1e40af}.task-card-content{margin-bottom:16px}.task-field{margin-bottom:12px}.task-field label{color:#666;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.task-field p{color:#333;font-size:.95rem;line-height:1.4;margin:0}.agent-name{color:#4f46e5}.context-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.context-badge{background-color:#e0e7ff;border-radius:4px;color:#4338ca;font-family:Courier New,monospace;font-size:.8rem;padding:2px 8px}.task-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tool-badge{background-color:#f3f4f6;border-radius:4px;color:#4b5563;font-family:Courier New,monospace;font-size:.8rem;padding:2px 8px}.task-properties{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.property-badge{align-items:center;background-color:#fef3c7;border-radius:4px;color:#92400e;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 10px}.task-card-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding-top:16px}.btn-delete,.btn-duplicate,.btn-edit,.btn-toggle-status{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.btn-toggle-status:hover{background-color:#f9fafb}.btn-duplicate:hover{background-color:#e0e7ff;border-color:#a5b4fc;color:#4338ca}.btn-edit:hover{background-color:#dbeafe;border-color:#60a5fa;color:#1e40af}.btn-delete:hover{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.task-form-modal{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.modal-header h2{color:#333;font-size:1.3rem;margin:0}.close-button{color:#666;font-size:24px;line-height:1;padding:4px}.close-button:hover{color:#333}.task-form-modal form{overflow-y:auto;padding:24px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-section{margin-bottom:32px}.form-section h3{color:#444;font-size:1.1rem;font-weight:600;margin:0 0 16px}.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:1rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.help-text{color:#6b7280;font-size:.85rem;margin-bottom:8px;margin-top:4px}.context-manager,.tools-manager{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.context-manager select,.tools-manager select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;margin-bottom:12px;padding:8px 12px;width:100%}.tool-input-group{display:flex;gap:12px;margin-bottom:16px}.tool-input-group select{flex:1 1;margin-bottom:0}.tool-input-group button{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.tool-input-group button:hover{background-color:#059669}.selected-contexts,.selected-tools{display:flex;flex-wrap:wrap;gap:8px}.context-item,.tool-item{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;gap:8px;padding:6px 12px}.context-item span,.tool-item span{font-family:Courier New,monospace;font-size:.9rem}.context-item button,.tool-item button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;line-height:1;padding:0}.config-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group-checkbox{display:flex;flex-direction:column}.form-group-checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-bottom:4px}.form-group-checkbox input[type=checkbox]{margin-right:8px}.output-config{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:20px 24px}.btn-cancel,.btn-save{border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-save{background-color:#10b981;border:none;color:#fff}.btn-save:hover{background-color:#059669}@media (max-width:768px){.form-row,.output-config{grid-template-columns:1fr}}.task-specifier-modal{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.specifier-intro{background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin-bottom:24px;padding:16px}.specifier-intro p{color:#047857;line-height:1.5;margin:0}.generation-mode{margin-bottom:24px}.generation-mode h3{color:#374151;font-size:1.1rem;margin:0 0 12px}.mode-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.mode-selector label{border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;padding:16px;transition:all .2s}.mode-selector label:has(input:checked){background-color:#f0fdf4;border-color:#10b981}.mode-selector input[type=radio]{margin-right:8px}.mode-selector span{align-items:center;color:#374151;display:flex;font-weight:500}.mode-selector p{color:#6b7280;font-size:.85rem;margin:4px 0 0}.drop-zone{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .2s}.drop-zone:hover{background-color:#f3f4f6;border-color:#9ca3af}.drop-zone p{color:#6b7280;margin:0 0 8px}.file-types{color:#9ca3af;font-size:.9rem}.btn-upload{background-color:#10b981;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-top:16px;padding:8px 20px}.btn-upload:hover{background-color:#059669}.uploaded-files{margin-top:16px}.uploaded-files h4{color:#374151;font-size:.95rem;margin:0 0 12px}.file-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:8px 12px}.file-icon{font-size:1.2rem}.file-name{color:#374151;flex:1 1;font-size:.95rem}.file-size{color:#6b7280;font-size:.85rem}.btn-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.btn-remove:hover{color:#dc2626}.agents-selector{grid-gap:8px;display:grid;gap:8px;max-height:200px;overflow-y:auto;padding:4px}.agent-checkbox{align-items:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.agent-checkbox:hover{background-color:#f9fafb}.agent-checkbox:has(input:checked){background-color:#f0fdf4;border-color:#10b981}.agent-checkbox input[type=checkbox]{margin-right:12px}.agent-info{flex-direction:column}.agent-name{color:#374151;font-family:Courier New,monospace}.agent-role{font-size:.85rem}.no-agents{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.form-section textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:1rem;padding:12px;resize:vertical;width:100%}.specifier-options{margin-top:24px}.specifier-options h3{color:#374151;font-size:1.1rem;margin:0 0 16px}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.options-grid label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:.95rem}.options-grid input[type=checkbox]{margin-right:8px}.modal-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;padding:20px 24px}.warning{font-size:.9rem}.btn-cancel,.btn-specify{border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-cancel{border:1px solid #d1d5db}.btn-cancel:hover{background-color:#e5e7eb}.btn-specify{align-items:center;background-color:#10b981;border:none;color:#fff;display:flex;gap:8px}.btn-specify:hover{background-color:#059669}.btn-specify:disabled{background-color:#d1d5db;cursor:not-allowed}@media (max-width:768px){.mode-selector,.options-grid{grid-template-columns:1fr}.modal-footer{align-items:stretch;flex-direction:column;gap:12px}.footer-actions{width:100%}.btn-cancel,.btn-specify{flex:1 1}}.tasks-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{margin-bottom:32px}.header-left{align-items:center;display:flex;gap:16px}.header-left h1{color:#333;font-size:2rem;margin:0}.task-count{color:#666;font-size:1rem}.btn-primary,.btn-secondary,.btn-specifier{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.btn-specifier{background-color:#10b981;color:#fff}.btn-specifier:hover{background-color:#059669}.filters-section{align-items:center;display:flex;gap:16px}.search-box{flex:1 1}.search-box input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:10px 16px;width:100%}.filter-controls{display:flex;gap:12px}.filter-controls select{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 16px}.tasks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.empty-state{color:#666;padding:60px 20px}.empty-state p{font-size:1.1rem;margin-bottom:20px}.review-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.review-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.review-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.review-modal-header h2{font-size:24px;font-weight:600;margin:0}.review-modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;transition:all .2s;width:40px}.review-modal-close-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.review-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.review-modal-body{flex:1 1;overflow-y:auto;padding:28px}.suggestions-preview{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:24px;max-height:400px;overflow-y:auto;padding:20px}.suggestions-preview h2{color:#667eea;font-size:20px;margin-bottom:16px;margin-top:0}.suggestions-preview h3{color:#764ba2;font-size:18px;margin-bottom:12px;margin-top:20px}.suggestions-preview h4{color:#333;font-size:16px;margin-bottom:8px;margin-top:16px}.suggestions-preview ol,.suggestions-preview ul{margin-bottom:12px;margin-left:20px}.suggestions-preview li{line-height:1.6;margin-bottom:8px}.suggestions-preview p{line-height:1.6;margin-bottom:12px}.suggestions-preview strong{color:#333;font-weight:600}.additional-instructions{margin-top:20px}.additional-instructions label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.additional-instructions textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.additional-instructions textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.additional-instructions textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.instructions-hint{color:#666;font-size:13px;font-style:italic;margin-top:8px}.review-modal-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.review-modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s}.btn-secondary{background:#fff;border:2px solid #ddd}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.review-modal-body::-webkit-scrollbar,.suggestions-preview::-webkit-scrollbar{width:8px}.review-modal-body::-webkit-scrollbar-track,.suggestions-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.review-modal-body::-webkit-scrollbar-thumb,.suggestions-preview::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.review-modal-body::-webkit-scrollbar-thumb:hover,.suggestions-preview::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.review-modal{max-height:90vh;width:95%}.review-modal-header{padding:20px}.review-modal-header h2{font-size:20px}.review-modal-body{padding:20px}.review-modal-footer{flex-direction:column-reverse;padding:16px 20px}.review-modal-footer button{width:100%}}.yaml-generation-page{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.yaml-generation-header{background:#fff;border-bottom:1px solid #e1e8ed;padding:20px 30px}.yaml-generation-header h1{color:#2c3e50;font-size:24px;margin:0 0 8px}.yaml-generation-header p{color:#7f8c8d;font-size:14px;margin:0 0 16px}.yaml-tabs{display:flex;gap:8px;margin-top:16px}.tab-button{background:#f8f9fa;border-radius:8px 8px 0 0;color:#6c757d;font-size:14px;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button:hover{background:#e9ecef;color:#495057}.tab-button.active{background:#3498db;box-shadow:0 -2px 8px #3498db33;color:#fff}.tab-button.active:after{background:#fff;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.yaml-tab-content{background:#f8f9fa;flex:1 1;overflow-y:auto}.yaml-viewer-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}.yaml-viewer-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px 24px}.yaml-viewer-modal .modal-header h2{color:#2c3e50;font-size:20px;margin:0 0 4px}.yaml-viewer-modal .modal-filename{color:#7f8c8d;display:block;font-size:13px;font-weight:400}.yaml-viewer-modal .close-button{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.yaml-viewer-modal .close-button:hover{background:#e9ecef;color:#2c3e50}.yaml-viewer-modal .modal-body{background:#1e1e1e;flex:1 1;overflow:auto;padding:0}.yaml-content{color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;margin:0;overflow-x:auto;padding:20px;tab-size:2;white-space:pre}.yaml-content code{background:none;color:inherit;font-family:inherit;padding:0}.yaml-viewer-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.yaml-viewer-modal .btn-cancel{background:#fff;border:1px solid #dcdcdc;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.yaml-viewer-modal .btn-cancel:hover{background:#f8f9fa;border-color:#999}.yaml-viewer-modal .btn-download{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.yaml-viewer-modal .btn-download:hover{background:#2980b9}.yaml-file-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px;transition:all .2s ease}.yaml-file-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.file-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.file-icon{flex-shrink:0;font-size:2.5rem}.file-info{flex:1 1;min-width:0}.file-name{color:#1f2937;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.file-type{color:#6b7280;font-size:.875rem;font-weight:500}.file-version{background-color:#f3f4f6;color:#374151;font-family:Courier New,monospace}.auto-generated-badge,.file-version{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px}.auto-generated-badge{background-color:#dbeafe;color:#1d4ed8}.file-status{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;white-space:nowrap}.status-generated{background-color:#ecfdf5;border:1px solid #10b981;color:#059669}.status-modified{background-color:#fef3c7;border:1px solid #f59e0b;color:#d97706}.status-validated{background-color:#dcfce7;border:1px solid #22c55e;color:#16a34a}.status-error{background-color:#fee2e2;border:1px solid #ef4444;color:#dc2626}.file-content-preview{background-color:#f9fafb;border-radius:8px;margin-bottom:20px;padding:16px}.content-stats{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.stat-number{color:#1f2937;display:block;font-family:Courier New,monospace}.stat-label{color:#6b7280;display:block;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.code-preview{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.yaml-snippet{background-color:#1f2937;border-radius:6px;color:#f9fafb;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;margin:0;overflow-x:auto;padding:12px;white-space:pre}.validation-summary{border-left:4px solid #ef4444;border-radius:8px;margin-bottom:16px;padding:12px 16px}.issues-count{display:flex;flex-wrap:wrap;gap:16px}.error-count,.suggestion-count,.warning-count{font-size:.875rem;font-weight:500}.error-count{color:#dc2626}.warning-count{color:#d97706}.suggestion-count{color:#2563eb}.file-dates{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:flex;gap:24px;margin-bottom:20px;padding:12px 0}.date-info{display:flex;flex-direction:column;gap:4px}.date-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.date-value{color:#374151;font-family:Courier New,monospace;font-size:.875rem}.file-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-download,.btn-edit,.btn-preview,.btn-regenerate,.btn-validate{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-preview{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.btn-preview:hover{background-color:#2563eb}.btn-edit{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.btn-edit:hover{background-color:#d97706}.btn-validate{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.btn-validate:hover{background-color:#7c3aed}.btn-download{background-color:#10b981;border-color:#10b981;color:#fff}.btn-download:hover{background-color:#059669}.btn-regenerate{background-color:#ef4444;border-color:#ef4444;color:#fff}.btn-regenerate:hover{background-color:#dc2626}@media (max-width:768px){.yaml-file-card{padding:16px}.file-header{flex-direction:column;gap:12px}.file-meta{align-items:flex-start;flex-direction:column;gap:8px}.content-stats{justify-content:space-around}.file-dates{gap:12px}.file-actions,.file-dates{flex-direction:column}.btn-download,.btn-edit,.btn-preview,.btn-regenerate,.btn-validate{justify-content:center;width:100%}}.generation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.generation-modal .modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.generation-modal .modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.generation-modal .modal-content{flex:1 1;overflow-y:auto;padding:24px}.file-types-section{margin-bottom:32px}.file-types-section h3{color:#374151;font-size:1.1rem;margin:0 0 16px}.file-types-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.file-type-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.file-type-card:hover{background-color:#f0f9ff;border-color:#3b82f6}.file-type-card.selected{background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.file-type-icon{flex-shrink:0;font-size:2rem}.file-type-info{flex:1 1;min-width:0}.file-type-title{color:#1f2937;font-weight:600;margin-bottom:4px}.file-type-description{color:#6b7280;font-size:.875rem;line-height:1.4}.file-type-checkbox{flex-shrink:0}.file-type-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.instructions-section{margin-bottom:32px}.instructions-section h3{color:#374151;font-size:1.1rem;margin:0 0 12px}.instructions-textarea{min-height:100px;padding:12px}.instructions-help{margin-top:12px}.instructions-help p{margin:0 0 8px}.instructions-help li{margin-bottom:4px}.options-section{margin-bottom:32px}.option-group h3{color:#374151;font-size:1.1rem;margin:0 0 20px}.checkbox-option{margin-bottom:20px}.checkbox-option label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:12px}.checkbox-option input[type=checkbox]{height:18px;width:18px}.option-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:8px 0 0 30px}.select-option{margin-bottom:20px}.select-option label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.format-select,.validation-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;padding:10px 12px;width:100%}.format-select:focus,.validation-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.preview-section{margin-bottom:24px}.preview-section h3{color:#374151;font-size:1.1rem;margin:0 0 16px}.generation-summary{border-radius:8px;padding:16px}.summary-item{font-size:.875rem;margin-bottom:12px}.summary-item:last-child{margin-bottom:0}.summary-item strong{color:#374151}.selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selected-file-tag{background-color:#dbeafe;border-radius:12px;color:#1e40af;font-size:.75rem;font-weight:500;padding:4px 8px}.generation-modal .modal-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.warning{color:#f59e0b;font-size:.875rem;font-weight:500}.btn-cancel,.btn-generate{padding:10px 24px}.btn-generate{align-items:center;background-color:#10b981;border-color:#10b981;display:flex;gap:8px}.btn-generate:hover:not(:disabled){background-color:#059669}@media (max-width:768px){.generation-modal{margin:20px;width:95%}.generation-modal .modal-content,.generation-modal .modal-footer,.generation-modal .modal-header{padding:16px}.file-types-grid{grid-template-columns:1fr}.generation-modal .modal-footer{align-items:stretch;flex-direction:column;gap:12px}.footer-actions{width:100%}.btn-cancel,.btn-generate{flex:1 1}}.yaml-editor-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.yaml-editor-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:90vh;max-width:1200px;width:90%}.yaml-editor-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.yaml-editor-header h2{color:#333;font-size:1.5rem;margin:0}.yaml-editor-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.yaml-editor-close:hover{background-color:#f5f5f5;color:#333}.yaml-editor-content{display:flex;flex:1 1;overflow:hidden}.yaml-editor-main{display:flex;flex:1 1;flex-direction:column}.yaml-editor-toolbar{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:12px 20px}.yaml-editor-toolbar button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s}.yaml-editor-toolbar button:hover{background-color:#f5f5f5;border-color:#ccc}.yaml-editor-toolbar button:active{background-color:#e9ecef}.yaml-editor-toolbar button svg{height:16px;width:16px}.yaml-editor-toolbar .separator{background-color:#ddd;height:24px;margin:0 5px;width:1px}.yaml-editor-tabs{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:0 20px}.yaml-editor-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .2s}.yaml-editor-tab:hover{background-color:#00000005;color:#333}.yaml-editor-tab.active{border-bottom-color:#4a90e2;color:#4a90e2;font-weight:500}.yaml-code-editor{flex:1 1;font-family:JetBrains Mono,Consolas,Monaco,monospace;overflow:auto;padding:20px}.yaml-code-editor textarea{background-color:#f8f9fa;border:none;border-radius:4px;font-family:inherit;font-size:14px;height:100%;line-height:1.6;outline:none;padding:16px;resize:none;width:100%}.yaml-visual-editor{flex:1 1;overflow:auto;padding:20px}.yaml-visual-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.yaml-visual-section h3{color:#333;font-size:1.1rem;margin:0 0 16px}.yaml-visual-field{margin-bottom:16px}.yaml-visual-field label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.yaml-visual-field input,.yaml-visual-field select,.yaml-visual-field textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.yaml-visual-field input:focus,.yaml-visual-field select:focus,.yaml-visual-field textarea:focus{border-color:#4a90e2;outline:none}.yaml-visual-field textarea{min-height:100px;resize:vertical}.yaml-tools-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.yaml-tool-chip{align-items:center;background-color:#e3f2fd;border-radius:16px;color:#1976d2;display:flex;font-size:14px;gap:6px;padding:6px 12px}.yaml-tool-chip button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:16px;line-height:1;padding:0}.yaml-tool-chip button:hover{color:#0d47a1}.yaml-add-tool{display:flex;gap:8px;margin-top:8px}.yaml-add-tool input{flex:1 1}.yaml-add-tool button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px;transition:background-color .2s}.yaml-add-tool button:hover{background-color:#357abd}.yaml-editor-sidebar{background-color:#f8f9fa;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;width:300px}.yaml-validation-panel{flex:1 1;overflow:auto;padding:20px}.yaml-validation-panel h3{color:#333;font-size:1.1rem;margin:0 0 16px}.yaml-validation-item{background-color:#fff;border-left:4px solid;border-radius:4px;font-size:14px;margin-bottom:12px;padding:12px}.yaml-validation-item.error{background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}.yaml-validation-item.warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}.yaml-validation-item.info{background-color:#d1ecf1;border-left-color:#17a2b8;color:#0c5460}.yaml-validation-item.success{background-color:#d4edda;border-left-color:#28a745;color:#155724}.yaml-editor-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.yaml-editor-status{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.yaml-editor-status.valid{color:#28a745}.yaml-editor-status.invalid{color:#dc3545}.yaml-editor-actions{display:flex;gap:10px}.yaml-editor-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.yaml-editor-actions button.primary{background-color:#4a90e2;color:#fff}.yaml-editor-actions button.primary:hover{background-color:#357abd}.yaml-editor-actions button.secondary{background-color:#fff;border:1px solid #ddd;color:#333}.yaml-editor-actions button.secondary:hover{background-color:#f5f5f5;border-color:#ccc}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.yaml-editor-modal-overlay{animation:modalFadeIn .2s ease-out}.yaml-editor-modal{animation:modalSlideIn .2s ease-out}.yaml-page{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%}.yaml-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 32px}.yaml-header-left h1{color:#333;font-size:2rem;margin:0}.yaml-header-left p{color:#666;font-size:14px;margin:8px 0 0}.yaml-header-actions{display:flex;gap:12px}.yaml-action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.yaml-action-button.primary{background-color:#4a90e2;color:#fff}.yaml-action-button.primary:hover{background-color:#357abd;box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.yaml-action-button.secondary{background-color:#fff;border:1px solid #ddd;color:#333}.yaml-action-button.secondary:hover{background-color:#f8f9fa;border-color:#ccc}.yaml-instructions{background-color:#e3f2fd;border-bottom:1px solid #bbdefb;padding:20px 32px}.yaml-instructions h3{color:#1976d2;font-size:1rem;margin:0 0 8px}.yaml-instructions p{color:#0d47a1;font-size:14px;margin:0 0 12px}.yaml-instructions textarea{border:1px solid #90caf9;border-radius:4px;font-size:14px;min-height:60px;padding:12px;resize:vertical;width:100%}.yaml-instructions textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a;outline:none}.yaml-content{display:flex;flex:1 1;overflow:hidden}.yaml-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:280px}.yaml-search{border-bottom:1px solid #e0e0e0;padding:16px}.yaml-search input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.yaml-search input:focus{border-color:#4a90e2;outline:none}.yaml-filters{border-bottom:1px solid #e0e0e0;padding:16px}.yaml-filters h3{color:#666;font-size:.875rem;font-weight:600;margin:0 0 12px;text-transform:uppercase}.yaml-filter-list{display:flex;flex-direction:column;gap:4px}.yaml-filter-item{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:all .2s}.yaml-filter-item:hover{background-color:#f5f5f5}.yaml-filter-item.active{background-color:#e3f2fd;color:#1976d2;font-weight:500}.yaml-filter-count{background-color:#e0e0e0;border-radius:12px;font-size:12px;font-weight:500;margin-left:auto;padding:2px 8px}.yaml-filter-item.active .yaml-filter-count{background-color:#1976d2;color:#fff}.yaml-validation-summary{padding:16px}.yaml-validation-summary h3{color:#666;font-size:.875rem;font-weight:600;margin:0 0 12px;text-transform:uppercase}.yaml-validation-stats{display:flex;flex-direction:column;gap:8px}.yaml-stat{align-items:center;display:flex;font-size:14px;gap:8px}.yaml-stat svg{height:16px;width:16px}.yaml-stat.valid{color:#28a745}.yaml-stat.invalid{color:#dc3545}.yaml-stat.warnings{color:#ffc107}.yaml-main{background-color:#f5f5f5;flex:1 1;overflow:auto;padding:24px}.yaml-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.yaml-empty-state svg{color:#ddd;margin-bottom:16px}.yaml-empty-state h3{color:#333;font-size:1.5rem;margin:0 0 8px}.yaml-empty-state p{font-size:14px;margin:0 0 24px}.yaml-files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:1024px){.yaml-content{flex-direction:column}.yaml-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;width:100%}.yaml-header{align-items:flex-start;flex-direction:column;gap:16px}.yaml-header-actions{flex-wrap:wrap;width:100%}}@media (max-width:768px){.yaml-files-grid{grid-template-columns:1fr}.yaml-header,.yaml-instructions,.yaml-main{padding:16px}}.code-page{background-color:#f5f5f5;display:flex;flex-direction:column;height:100%}.code-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 32px}.code-header-left h1{align-items:center;color:#333;display:flex;font-size:2rem;gap:12px;margin:0}.code-header-left p{color:#666;font-size:14px;margin:8px 0 0}.code-status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-pending{background-color:#f3f4f6;color:#374151}.status-generating{background-color:#fef3c7;color:#d97706}.status-completed{background-color:#dcfce7;color:#16a34a}.status-failed{background-color:#fee2e2;color:#dc2626}.code-header-actions{display:flex;gap:12px}.code-action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.code-action-button.primary{background-color:#4a90e2;color:#fff}.code-action-button.primary:hover{background-color:#357abd;box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.code-action-button.secondary{background-color:#fff;border:1px solid #ddd;color:#333}.code-action-button.secondary:hover{background-color:#f8f9fa;border-color:#ccc}.code-action-button:disabled{cursor:not-allowed;opacity:.6}.code-content{display:flex;flex:1 1;overflow:hidden}.code-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:320px}.code-sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.code-sidebar-header h3{color:#333;font-size:1.1rem;margin:0 0 12px}.code-progress-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}.code-stat{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;text-align:center}.code-stat-number{color:#333;display:block;font-size:1.25rem;font-weight:700}.code-stat-label{color:#666;display:block;font-size:.75rem;margin-top:4px;text-transform:uppercase}.code-sidebar-tabs{border-bottom:1px solid #e0e0e0;display:flex}.code-sidebar-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:12px;padding:12px 8px;transition:all .2s}.code-sidebar-tab:hover{background-color:#f8f9fa;color:#333}.code-sidebar-tab.active{border-bottom-color:#4a90e2;color:#4a90e2;font-weight:500}.code-sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.code-main{background-color:#fff;display:flex;flex:1 1;flex-direction:column}.code-main-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 32px}.code-document-info h2{color:#333;font-size:1.5rem;margin:0}.code-document-meta{color:#666;display:flex;font-size:14px;gap:16px;margin-top:8px}.code-version-info{align-items:center;display:flex;gap:8px}.code-main-actions{display:flex;gap:10px}.code-editor-container,.code-editor-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.editor-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 20px}.file-tabs,.file-tabs .tab{display:flex;gap:8px}.file-tabs .tab{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px 6px 0 0;color:#333;font-size:14px;padding:8px 16px}.file-tabs .tab.active{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.changes-indicator{color:#ffc107;font-weight:700}.editor-actions{display:flex;gap:8px}.code-console{background-color:#1e1e1e;border-top:1px solid #e0e0e0;height:200px;overflow:hidden}.code-empty-state{align-items:center;background-color:#fff;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.code-empty-state svg{color:#ddd;margin-bottom:16px}.code-empty-state h3{color:#333;font-size:1.5rem;margin:0 0 8px}.code-empty-state p{font-size:14px;margin:0 0 24px}.build-panel h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 16px}.logs-container{background-color:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;gap:8px;max-height:300px;padding:12px}.log-entry{background-color:#fff;border-left:3px solid #ddd;border-radius:4px;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;gap:8px;padding:8px 12px}.log-entry.info{border-left-color:#3b82f6}.log-entry.warning{border-left-color:#f59e0b}.log-entry.error{border-left-color:#dc2626}.log-entry .timestamp{color:#666;font-weight:500}.log-entry .source{color:#4a90e2;font-weight:600}.log-entry .message{color:#333;flex:1 1}.tests-panel h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 16px}.test-summary{display:flex;flex-direction:column;gap:12px}.test-stat{align-items:center;background-color:#f8f9fa;border-left:4px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.test-stat.success{background-color:#f0fdf4;border-left-color:#16a34a}.test-stat.error{background-color:#fef2f2;border-left-color:#dc2626}.test-stat .label{color:#333;font-weight:500}.test-stat .value{color:#333;font-weight:700}.file-explorer{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.file-explorer ul{list-style:none;margin:0;padding:0}.file-explorer li{margin:0}.file-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background-color .2s}.file-item:hover{background-color:#f8f9fa}.file-item.selected{background-color:#e3f2fd;color:#1976d2}.file-item.folder{font-weight:500}.file-item .icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.file-item .name{flex:1 1}.file-item .status{background-color:#e0e0e0;border-radius:10px;color:#666;font-size:12px;padding:2px 6px}.file-item .status.modified{background-color:#ffc107;color:#212529}.file-item .status.generated{background-color:#28a745;color:#fff}.code-editor{flex:1 1;overflow:hidden;position:relative}.code-editor textarea{background-color:#fafafa;border:none;color:#333;height:100%;outline:none;padding:20px;resize:none;width:100%}.code-editor .line-numbers,.code-editor textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}.code-editor .line-numbers{background-color:#f0f0f0;border-right:1px solid #ddd;bottom:0;color:#999;left:0;padding:20px 8px;position:absolute;text-align:right;top:0;-webkit-user-select:none;user-select:none;width:60px}.execution-console{background-color:#1e1e1e;color:#f0f0f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;height:100%;overflow-y:auto;padding:16px}.console-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.console-title{color:#4a90e2;font-weight:600}.console-status{display:flex;font-size:12px;gap:12px}.console-status .status-item{align-items:center;display:flex;gap:4px}.console-status .status-indicator{border-radius:50%;height:8px;width:8px}.console-status .status-indicator.running{background-color:#16a34a}.console-status .status-indicator.idle{background-color:#666}.console-status .status-indicator.error{background-color:#dc2626}.console-logs{flex:1 1}.console-log-entry{margin-bottom:4px;padding:2px 0}.console-log-entry .timestamp{color:#666;margin-right:8px}.console-log-entry .level{font-weight:600;margin-right:8px}.console-log-entry .level.info{color:#3b82f6}.console-log-entry .level.warning{color:#f59e0b}.console-log-entry .level.error{color:#dc2626}.console-log-entry .message{color:#f0f0f0}.petri-status{border-top:1px solid #333;margin-top:16px;padding-top:12px}.petri-status h4{color:#4a90e2;font-size:14px;margin:0 0 8px}.petri-places{display:flex;flex-wrap:wrap;gap:8px}.petri-place{border:1px solid #333;border-radius:12px;font-size:11px;padding:4px 8px}.petri-place.active{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.petri-place.inactive{color:#666}@media (max-width:1024px){.code-content{flex-direction:column}.code-sidebar{border-bottom:1px solid #e0e0e0;border-right:none;max-height:300px;width:100%}.code-header{align-items:flex-start;flex-direction:column;gap:16px}.code-header-actions{flex-wrap:wrap;width:100%}.code-console{height:150px}}@media (max-width:768px){.code-header{padding:16px}.code-progress-info{grid-template-columns:1fr}.code-main-header{align-items:flex-start;flex-direction:column;gap:12px}.code-main-actions{flex-wrap:wrap;width:100%}.code-sidebar-tabs{flex-wrap:wrap}.code-sidebar-tab{font-size:11px;padding:8px 6px}}.code-generation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:90%}.code-generation-modal .modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.code-generation-modal .modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.code-generation-modal .modal-content{flex:1 1;overflow-y:auto;padding:24px}.generation-step{border-bottom:1px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.generation-step:last-child{border-bottom:none;margin-bottom:0}.generation-step h3{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 12px}.generation-step p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 0 20px}.framework-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.framework-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.framework-card:hover{background-color:#f0f9ff;border-color:#3b82f6}.framework-card.selected{background-color:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.framework-icon{flex-shrink:0;font-size:2rem}.framework-info{flex:1 1;min-width:0}.framework-title{color:#1f2937;font-weight:600;margin-bottom:4px}.framework-description{color:#6b7280;font-size:.875rem;line-height:1.4}.framework-radio{flex-shrink:0}.framework-radio input[type=radio]{cursor:pointer;height:20px;width:20px}.llm-provider-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.provider-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.provider-card:hover{background-color:#f0fdf4;border-color:#10b981}.provider-card.selected{background-color:#dcfce7;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.provider-icon{flex-shrink:0;font-size:2rem}.provider-info{flex:1 1;min-width:0}.provider-title{color:#1f2937;font-weight:600;margin-bottom:4px}.provider-description{color:#6b7280;font-size:.875rem;line-height:1.4}.provider-radio{flex-shrink:0}.provider-radio input[type=radio]{cursor:pointer;height:20px;width:20px}.config-group{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.config-group h4{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.config-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.config-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.components-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.component-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.component-option:hover{background-color:#faf5ff;border-color:#8b5cf6}.component-option:has(input:checked){background-color:#f3e8ff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.component-option input[type=checkbox]{cursor:pointer;height:20px;width:20px}.component-info{align-items:center;display:flex;flex:1 1;gap:12px}.component-icon{flex-shrink:0;font-size:1.5rem}.component-title{color:#1f2937;font-weight:600;margin-bottom:4px}.component-description{color:#6b7280;font-size:.875rem;line-height:1.4}.instructions-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:120px;padding:16px;resize:vertical;width:100%}.instructions-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.instructions-help{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:16px;padding:16px}.instructions-help p{color:#0c4a6e;font-size:.875rem;font-weight:500;margin:0 0 12px}.instructions-help ul{color:#075985;font-size:.875rem;margin:0;padding-left:20px}.instructions-help li{line-height:1.4;margin-bottom:6px}.generation-summary{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.generation-summary h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 16px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.summary-label{color:#374151;font-size:.875rem;font-weight:500}.summary-value{color:#1f2937;font-size:.875rem;font-weight:600;max-width:150px;text-align:right;word-break:break-word}.code-generation-modal .modal-footer{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.footer-info{flex:1 1}.generation-estimate{color:#6b7280;font-size:.875rem;font-weight:500}.footer-actions{display:flex;gap:12px}.btn-cancel,.btn-generate{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-cancel{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.btn-generate{background-color:#059669;border-color:#059669;color:#fff}.btn-generate:hover:not(:disabled){background-color:#047857}.btn-generate:disabled{background-color:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.spinner{animation:spin .6s linear infinite;border:2px solid #fff;border-top-color:#0000;display:inline-block;height:16px;width:16px}.spinning{animation:spin 1s linear infinite}.resource-item{align-items:center;background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.resource-info{display:flex;flex-direction:column;gap:4px}.resource-type{color:#6b7280;font-size:12px;font-weight:500;text-transform:uppercase}.resource-name{color:#1f2937;font-size:14px;font-weight:500}.resource-status{background-color:#dcfce7;border-radius:12px;color:#16a34a;font-size:12px;font-weight:600;padding:4px 8px}.terminal-line{font-family:Courier New,monospace;font-size:12px;line-height:1.4;margin-bottom:2px}.terminal-time{color:#6b7280}.terminal-source,.terminal-time{margin-right:8px}.terminal-message{color:#f0f0f0}.terminal-line.info .terminal-message{color:#87ceeb}.terminal-line.warning .terminal-message{color:gold}.terminal-line.error .terminal-message{color:#ff6b6b}.terminal-cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.unsaved-indicator{color:#f59e0b;font-weight:500;margin-left:8px}.save-button{background-color:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background-color .2s}.save-button:hover{background-color:#059669}.format-button{background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background-color .2s}.format-button:hover{background-color:#4b5563}@media (max-width:768px){.code-generation-modal{margin:20px;width:95%}.code-generation-modal .modal-content,.code-generation-modal .modal-footer,.code-generation-modal .modal-header{padding:16px}.components-grid,.config-grid,.framework-grid,.llm-provider-grid,.summary-grid{grid-template-columns:1fr}.code-generation-modal .modal-footer{align-items:stretch;flex-direction:column;gap:12px}.footer-actions{width:100%}.btn-cancel,.btn-generate{flex:1 1;justify-content:center}}.cg-portoes{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;font-size:13px;margin-top:12px;padding:12px 14px}.cg-portoes.reprovado{background:#fef2f2;border-color:#fca5a5}.cg-portoes-cab{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.cg-portoes-cab b{color:#166534;font-size:14px}.cg-portoes.reprovado .cg-portoes-cab b{color:#b91c1c}.cg-portoes-cab span{color:#78716c;font-size:12px}.cg-portoes-lista{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.cg-portao-linha{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.cg-portao-estado{color:#166534;font-weight:700;width:16px}.cg-portoes-lista li.barrado .cg-portao-estado{color:#b91c1c}.cg-portao-nome{color:#1f2937;font-weight:600;min-width:150px}.cg-portao-desc{color:#57534e}.cg-portao-onde{color:#1d4ed8;font-size:12px;margin-left:auto;text-decoration:none}.cg-portao-itens{color:#44403c;font-size:12px;margin:4px 0 0 26px;padding:0 0 0 14px}.cg-portao-itens em{color:#78716c}.cg-portao-mais,.cg-portao-nota{color:#78716c;font-size:12px;margin-left:26px;margin-top:2px}.mon-page{max-width:1500px;padding:24px 28px}.mon-header h1{color:#4338ca;font-size:24px;margin:0 0 6px}.mon-header p{color:#475569;line-height:1.55;margin:0 0 18px;max-width:950px}.mon-erro{background:#fef2f2;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:14px;padding:10px 14px}.mon-topo{flex-wrap:wrap;gap:16px;margin-bottom:16px}.mon-topo,.mon-topo label{align-items:center;display:flex}.mon-topo label{color:#64748b;font-size:12px;gap:8px}.mon-topo select{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;padding:6px 10px}.mon-servicos{color:#64748b;font-size:12px}.mon-badge{background:#e2e8f0;border-radius:20px;color:#475569;font-size:11.5px;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.mon-badge.running{background:#dcfce7;color:#15803d}.mon-badge.crashed{background:#fee2e2;color:#b91c1c}.mon-badge.installing,.mon-badge.preparing{background:#fef3c7;color:#a16207}.mon-kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:18px}.mon-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:9px;color:#64748b;font-size:11.5px;letter-spacing:.4px;padding:12px 14px;text-transform:uppercase}.mon-kpi span{color:#1e293b;display:block;font-size:24px;font-weight:700;letter-spacing:0;margin-bottom:2px;text-transform:none}.mon-kpi.ok span{color:#15803d}.mon-kpi.err span{color:#b91c1c}.mon-abas{display:flex;gap:6px;margin-bottom:12px}.mon-abas button{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:13px;padding:7px 14px}.mon-abas button.sel{background:#4338ca;border-color:#4338ca;color:#fff}.mon-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px}.mon-vazio{color:#94a3b8;font-size:13px;font-style:italic}.mon-tabela{border-collapse:collapse;font-size:13px;width:100%}.mon-tabela th{border-bottom:1px solid #e2e8f0;color:#94a3b8;font-size:11px;letter-spacing:.4px;padding:7px 9px;text-align:left;text-transform:uppercase}.mon-tabela td{border-bottom:1px solid #f1f5f9;padding:7px 9px;vertical-align:top}.mon-tabela td.ok{color:#15803d;font-weight:600}.mon-tabela td.err{color:#b91c1c;font-weight:600}.mon-tabela td.erro-txt{color:#b91c1c;font-size:11.5px;max-width:340px}.mon-tabela code{background:#f1f5f9;border-radius:3px;font-size:11.5px;padding:1px 5px}.mon-modo{background:#eef2ff;border-radius:4px;color:#4338ca;font-size:11px;padding:2px 7px}.mon-modo.agent{background:#fef3c7;color:#a16207}.mon-filtro{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;margin-bottom:10px;padding:7px 11px;width:100%}.mon-log{background:#0f172a;border-radius:8px;color:#e2e8f0;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.5;margin:0;max-height:480px;overflow:auto;padding:12px 14px;white-space:pre-wrap}@media (max-width:1200px){.mon-kpis{grid-template-columns:repeat(3,1fr)}}.settings-page{margin:0 auto;max-width:1200px;padding:2rem}.settings-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:between;margin-bottom:2rem;padding-bottom:1rem}.settings-header h1{color:#1a202c;font-size:2rem;font-weight:600;margin:0}.header-actions{gap:.75rem}.settings-tabs{border-bottom:2px solid #e2e8f0;display:flex;margin-bottom:2rem;overflow-x:auto}.settings-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s;white-space:nowrap}.settings-tab:hover{background-color:#f1f5f9;color:#3b82f6}.settings-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.settings-section{margin-bottom:2rem}.section-header{margin-bottom:1.5rem}.section-header h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.section-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1.5rem}.card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.card-header h4{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0}.card-content{color:#64748b}.tabs{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.tab.active,.tab:hover{color:#3b82f6}.tab.active{border-bottom-color:#3b82f6}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border-radius:.5rem;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{display:flex;gap:.5rem;margin-bottom:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.toggle-switch{align-items:center;display:flex;gap:.75rem}.toggle-switch input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#d1d5db;border-radius:.75rem;cursor:pointer;height:1.5rem;position:relative;transition:background-color .2s;width:3rem}.toggle-switch input[type=checkbox]:checked{background-color:#3b82f6}.toggle-switch input[type=checkbox]:before{background-color:#fff;border-radius:50%;content:"";height:1.25rem;left:2px;position:absolute;top:2px;transition:transform .2s;width:1.25rem}.toggle-switch input[type=checkbox]:checked:before{transform:translateX(1.5rem)}.toggle-switch label{color:#374151;font-size:.875rem;margin:0}.general-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.config-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.config-card h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .5rem}.config-card p{color:#64748b;font-size:.875rem;margin:0 0 1rem}.llm-provider{border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.llm-provider,.provider-info{align-items:center;display:flex}.provider-info{gap:.75rem}.provider-icon{align-items:center;background-color:#f1f5f9;border-radius:.5rem;color:#3b82f6;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.provider-details h4{color:#1a202c;font-size:.875rem;font-weight:600;margin:0}.provider-details p{color:#64748b;font-size:.75rem;margin:0}.provider-actions{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:.25rem;display:flex;gap:.25rem;padding:.25rem .5rem}.status-badge.connected{background-color:#dcfce7;color:#166534}.status-badge.disconnected{background-color:#fee2e2;color:#991b1b}.status-badge.warning{background-color:#fef3c7;color:#92400e}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#f3f4f6;color:#6b7280}.api-key-input{position:relative}.api-key-input input[type=password],.api-key-input input[type=text]{padding-right:3rem}.toggle-visibility{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.toggle-visibility:hover{color:#374151}.key-status{align-items:center;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem}.key-status.valid{color:#166534}.key-status.invalid{color:#991b1b}.key-status.testing{color:#92400e}.users-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.user-header{gap:.75rem;margin-bottom:1rem}.user-avatar,.user-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.user-info{flex:1 1}.user-info h4{color:#1a202c;font-size:.875rem;font-weight:600;margin:0}.user-info p{color:#64748b;font-size:.75rem;margin:0}.user-actions{position:relative}.action-btn{color:#6b7280;padding:.25rem}.action-btn:hover{background-color:#f3f4f6;color:#374151}.user-details{margin-bottom:1rem}.detail-item{font-size:.875rem;margin-bottom:.5rem}.detail-value{color:#1a202c}.role-badge{align-items:center;background-color:#f1f5f9;border-radius:.25rem;color:#3b82f6;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.user-footer{display:flex;gap:.5rem}.filters{align-items:center;gap:1rem;margin-bottom:1.5rem}.role-filter,.search-filter{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;display:flex;gap:.5rem;padding:.5rem}.role-filter select,.search-filter input{border:none;font-size:.875rem;outline:none}.roles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.role-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.role-header h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .5rem}.role-header p{color:#64748b;font-size:.875rem;margin:0}.role-permissions{margin:1rem 0}.role-permissions h5{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.permissions-list{display:flex;flex-wrap:wrap;gap:.25rem}.permission-badge{background-color:#f1f5f9;border-radius:.25rem;color:#3b82f6;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.role-footer{align-items:center;display:flex;justify-content:space-between}.users-count{color:#6b7280;font-size:.75rem}.role-actions{display:flex;gap:.5rem}.permissions-checkboxes{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.integrations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.integration-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.integration-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.integration-icon{align-items:center;background-color:#f1f5f9;border-radius:.5rem;color:#3b82f6;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.integration-info{flex:1 1}.integration-info h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.integration-info p{color:#64748b;font-size:.875rem;margin:0}.integration-status{align-items:center;display:flex}.integration-details{margin-bottom:1rem}.detail-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.endpoint{background-color:#f3f4f6;border-radius:.25rem;font-family:monospace;font-size:.75rem;padding:.125rem .25rem}.integration-actions{align-items:center;display:flex;justify-content:space-between}.webhooks-table{overflow-x:auto}.webhooks-table table{background:#fff;border-collapse:collapse;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.webhooks-table td,.webhooks-table th{border-bottom:1px solid #e2e8f0;padding:.75rem;text-align:left}.webhooks-table th{background-color:#f8fafc;color:#374151;font-size:.875rem;font-weight:600}.webhooks-table td{color:#1a202c;font-size:.875rem}.webhook-name{align-items:center;display:flex;font-weight:500;gap:.5rem}.webhook-url{background-color:#f3f4f6;font-family:monospace;padding:.125rem .25rem}.events-count,.webhook-url{border-radius:.25rem;font-size:.75rem}.events-count{background-color:#f1f5f9;color:#3b82f6;padding:.25rem .5rem}.actions{display:flex;gap:.25rem}.api-keys-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.api-key-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.api-key-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.key-info h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .25rem}.key-info p{color:#64748b;font-size:.875rem;margin:0}.key-actions{display:flex;gap:.25rem}.api-key-details{margin-bottom:1rem}.key-value{margin-bottom:.75rem}.key-value label{color:#374151;display:block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.key-value code{background-color:#f3f4f6;border-radius:.25rem;color:#1a202c;display:block;font-family:monospace;font-size:.875rem;padding:.5rem}.key-permissions{margin-bottom:.75rem}.key-permissions label{color:#374151;display:block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.key-metadata{color:#6b7280;font-size:.75rem}.metadata-item{display:flex;justify-content:space-between;margin-bottom:.25rem}.api-key-footer{display:flex;justify-content:flex-end}.security-score{gap:.75rem}.score-circle,.security-score{align-items:center;display:flex}.score-circle{border:3px solid;border-radius:50%;flex-direction:column;height:4rem;justify-content:center;position:relative;width:4rem}.score-circle.good{background-color:#dcfce7;border-color:#10b981;color:#065f46}.score-circle.warning{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.score-circle.danger{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.score-value{font-size:1.25rem;font-weight:700;line-height:1}.score-label{font-size:.625rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.security-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.policy-card,.security-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.policy-card,.policy-summary{margin-bottom:1rem}.policy-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.policy-item:last-child{border-bottom:none}.policy-editor{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.rate-inputs,.rate-limit-config{margin-top:.75rem}.rate-inputs{border-top:1px solid #f1f5f9;padding-top:.75rem}.audit-controls{align-items:center;background-color:#f8fafc;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.controls-left{color:#6b7280;font-size:.875rem}.controls-right{display:flex;gap:.5rem}.logs-count{font-weight:500}.audit-logs{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.logs-table{overflow-x:auto}.logs-table table{border-collapse:collapse;width:100%}.logs-table td,.logs-table th{border-bottom:1px solid #e2e8f0;padding:.75rem;text-align:left}.logs-table th{background-color:#f8fafc;color:#374151;font-size:.875rem;font-weight:600}.logs-table td{color:#1a202c;font-size:.875rem}.timestamp{color:#6b7280;font-family:monospace}.log-type{align-items:center;display:flex;font-weight:500;gap:.5rem}.ip-address{background-color:#f3f4f6;border-radius:.25rem;font-family:monospace;font-size:.75rem;padding:.125rem .25rem}.log-details details{cursor:pointer}.log-details summary{color:#3b82f6;font-size:.75rem;font-weight:500}.log-details pre{background-color:#f3f4f6;border-radius:.25rem;font-size:.75rem;margin-top:.5rem;overflow-x:auto;padding:.5rem}.backup-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.backup-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.backup-status{margin-bottom:1rem}.status-item{font-size:.875rem;margin-bottom:.5rem}.status-value{color:#1a202c;font-weight:500}.backup-actions{display:flex;gap:.5rem}.modal{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header h3{color:#1a202c;font-weight:600}.modal-header button{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.modal-header button:hover{background-color:#f3f4f6;color:#374151}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.events-checkboxes,.permissions-checkboxes{grid-gap:.5rem;border:1px solid #e2e8f0;border-radius:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:.5rem}@media (max-width:768px){.settings-page{padding:1rem}.settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-start;width:100%}.settings-tabs{border-bottom:none;flex-direction:column}.settings-tab{border-bottom:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:.25rem}.api-keys-grid,.backup-cards,.general-grid,.integrations-grid,.roles-grid,.security-cards,.users-grid{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.role-filter,.search-filter{width:100%}.webhooks-table{font-size:.75rem}.modal{max-height:95vh;width:95%}.events-checkboxes,.permissions-checkboxes{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.audit-controls{align-items:stretch;flex-direction:column;gap:1rem}.controls-right{justify-content:flex-start}}@media (max-width:480px){.api-key-header,.integration-header,.user-header{align-items:flex-start;flex-direction:column;gap:.75rem}.key-actions,.user-actions{align-self:flex-end}.detail-item,.metadata-item,.policy-item,.status-item{align-items:flex-start;flex-direction:column;gap:.25rem}.backup-actions,.integration-actions,.role-actions,.user-footer{flex-direction:column;gap:.5rem}.btn{justify-content:center}}.page-container{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.page-header{padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.page-title-section{gap:1rem}.page-icon,.page-title-section{align-items:center;display:flex}.page-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:.75rem;color:#fff;height:3rem;justify-content:center;width:3rem}.page-title{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.page-description{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.page-actions{gap:.75rem}.page-content{gap:2rem;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.page-sidebar{flex-shrink:0;width:300px}.sidebar-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.sidebar-section h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 1rem}.system-health-summary{display:flex;flex-direction:column;gap:1rem}.health-overview{align-items:center;display:flex;gap:.75rem}.health-status-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.health-text{flex:1 1}.health-status{color:#1a202c;font-weight:600;text-transform:capitalize}.health-time{color:#64748b;font-size:.75rem}.health-components{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.health-component{align-items:center;background-color:#f8fafc;border-radius:.5rem;display:flex;font-size:.75rem;justify-content:space-between;padding:.5rem}.component-name{color:#64748b;text-transform:capitalize}.component-status{align-items:center;display:flex}.quick-metrics{display:flex;flex-direction:column;gap:.75rem}.quick-metric{align-items:center;background-color:#f8fafc;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem}.quick-metric svg{color:#3b82f6}.metric-value{color:#1a202c}.metric-label{margin-left:auto}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{align-items:center;background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background-color:#f1f5f9;color:#3b82f6}.nav-item.active{background-color:#dbeafe;color:#3b82f6;font-weight:600}.nav-item svg{flex-shrink:0}.page-main{flex:1 1;min-width:0}.main-header{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.main-header h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.main-content{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;min-height:600px}.btn{border:1px solid #0000;font-size:.875rem;padding:.75rem 1rem}.btn-secondary{background-color:#fff;border-color:#d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-outline{background-color:#fff;border-color:#d1d5db;color:#374151}.btn-outline:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-sm{font-size:.8rem;padding:.5rem .75rem}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}@media (max-width:1024px){.page-content{flex-direction:column;gap:1.5rem}.page-sidebar{width:100%}.sidebar-nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.nav-item{flex-shrink:0;white-space:nowrap}.health-components{grid-template-columns:repeat(4,1fr)}.quick-metrics{flex-direction:row;gap:1rem;overflow-x:auto}.quick-metric{flex-shrink:0;min-width:150px}}@media (max-width:768px){.page-content,.page-header{padding:1rem}.page-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.page-actions{justify-content:flex-start;width:100%}.page-title-section{align-items:flex-start;flex-direction:column;gap:.75rem}.page-title{font-size:1.5rem}.main-header,.sidebar-section{padding:1rem}.health-components{grid-template-columns:repeat(2,1fr)}.quick-metrics{flex-direction:column}.quick-metric{min-width:auto}.sidebar-nav{flex-direction:column}}@media (max-width:480px){.page-content,.page-header{padding:.75rem}.page-content{gap:1rem}.page-title{font-size:1.25rem}.page-icon{height:2.5rem;width:2.5rem}.main-header,.sidebar-section{margin-bottom:1rem;padding:.75rem}.main-header h2{font-size:1.25rem}.btn{font-size:.8rem;padding:.625rem .875rem}.health-components{grid-template-columns:1fr}.quick-metric{padding:.5rem}.metric-value{font-size:1rem}}.main-content>*{animation:fadeIn .3s ease-out}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:disabled:hover{background-color:inherit;border-color:inherit}.btn:focus,.nav-item:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.component-name,.health-time,.metric-label,.page-description{color:#374151}.nav-item{border:1px solid #0000}.nav-item.active,.nav-item:hover{border-color:#3b82f6}}@media (prefers-color-scheme:dark){.page-container{background-color:#0f172a}.main-content,.main-header,.page-header,.sidebar-section{background-color:#1e293b;border-color:#334155}.health-status,.main-header h2,.metric-value,.page-title{color:#f1f5f9}.component-name,.health-time,.metric-label,.nav-item,.page-description{color:#94a3b8}.nav-item.active,.nav-item:hover{background-color:#1e40af20;color:#60a5fa}.health-component,.quick-metric{background-color:#334155}}.dep-page{max-width:1400px;padding:24px 28px}.dep-header h1{color:#4338ca;font-size:24px;margin:0 0 6px}.dep-header p{color:#475569;line-height:1.55;margin:0 0 20px;max-width:900px}.dep-erro{background:#fef2f2;border-left:4px solid #dc2626;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:16px;padding:10px 14px}.dep-grid{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:340px 1fr}.dep-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:18px;padding:18px 20px}.dep-card h2{color:#1e293b;font-size:15px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.dep-card h3{color:#475569;font-size:13px;margin:18px 0 8px}.dep-card h3 small{color:#94a3b8;font-weight:400}.dep-vazio{color:#94a3b8;font-size:13px;font-style:italic}.dep-sessoes{list-style:none;margin:0 0 14px;max-height:260px;overflow-y:auto;padding:0}.dep-sessoes li{border:1px solid #e2e8f0;border-radius:7px;cursor:pointer;margin-bottom:7px;padding:9px 11px;transition:.15s}.dep-sessoes li:hover{background:#f8faff;border-color:#a5b4fc}.dep-sessoes li.sel{background:#eef2ff;border-color:#4338ca}.dep-sessoes li strong{color:#1e293b;display:block;font-size:13px}.dep-sessoes li span{color:#64748b;font-size:11.5px}.dep-btn{background:#4338ca;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;width:100%}.dep-btn:disabled{background:#cbd5e1;cursor:not-allowed}.dep-btn.sec{background:#fff;border:1px solid #fca5a5;color:#b91c1c;font-size:12.5px;margin-left:auto;padding:5px 12px;width:auto}.dep-link{background:none;border:none;color:#4338ca;cursor:pointer;font-size:12.5px;text-decoration:underline}.dep-status-linha{align-items:center;display:flex;gap:12px;margin-bottom:6px}.dep-meta{color:#64748b;font-size:12px}.dep-badge{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.dep-badge.running{background:#dcfce7;color:#15803d}.dep-badge.installing,.dep-badge.preparing{background:#fef3c7;color:#a16207}.dep-badge.stopped{background:#e2e8f0;color:#475569}.dep-badge.crashed{background:#fee2e2;color:#b91c1c}.dep-tabela{border-collapse:collapse;font-size:13px;width:100%}.dep-tabela td,.dep-tabela th{border-bottom:1px solid #f1f5f9;padding:7px 9px;text-align:left}.dep-tabela th{color:#94a3b8;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.dep-tabela td.porta{color:#64748b;white-space:nowrap}.dep-tabela a{color:#4338ca}.dep-tabela code{background:#f1f5f9;border-radius:3px;font-size:12px;padding:1px 5px}.dep-log{background:#0f172a;border-radius:8px;color:#e2e8f0;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.5;margin:0 0 10px;max-height:300px;overflow:auto;padding:12px 14px;white-space:pre-wrap}@media (max-width:1100px){.dep-grid{grid-template-columns:1fr}}.dep-nota{color:#64748b;font-size:11.5px;line-height:1.45;margin:0 0 10px}.dep-config{grid-gap:8px;display:grid;gap:8px;margin-bottom:14px}.dep-config label{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:122px 1fr}.dep-config span{color:#475569;font-size:11.5px}.dep-config input{border:1px solid #cbd5e1;border-radius:6px;font-size:12.5px;padding:6px 9px}.dep-config input:focus{border-color:#4338ca;outline:none}.dep-portoes{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin-top:14px;padding:12px 14px}.dep-portoes.barrado{background:#fef2f2;border-color:#fca5a5}.dep-portoes-cab{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.dep-portoes-cab b{color:#92400e;font-size:14px}.dep-portoes.barrado .dep-portoes-cab b{color:#b91c1c}.dep-portoes-cab span{color:#78716c;font-size:12px}.dep-portoes-lista{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.dep-portao-linha{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.dep-portao-num{color:#b45309;font-size:18px;font-weight:700;min-width:26px}.dep-portoes.barrado .dep-portao-num{color:#b91c1c}.dep-portao-desc{color:#1c1917;flex:1 1;font-size:13px}.dep-portao-onde{color:#4338ca;font-size:12px;text-decoration:none;white-space:nowrap}.dep-portao-onde:hover{text-decoration:underline}.dep-portao-itens{list-style:disc;margin:4px 0 0 36px;padding:0}.dep-portao-itens li{color:#57534e;font-size:12px;line-height:1.5}.dep-portao-itens em{color:#78716c;font-style:normal}.dep-portao-mais{color:#a8a29e}.dep-portoes-saida{border-top:1px solid #fecaca;margin-top:12px;padding-top:10px}.dep-portoes-saida p{color:#57534e;font-size:12.5px;margin:0 0 8px}.dep-btn-forcar{background:#fff;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.dep-btn-forcar:hover{background:#fef2f2}.mcp-global-config-container{margin:0 auto;max-width:1200px;padding:20px}.status-overview{margin-bottom:32px}.status-cards{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card{align-items:center;display:flex;gap:16px}.status-icon{font-size:2rem}.status-info h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.status-info p{color:#6b7280;font-size:.875rem;margin:4px 0 0}.servers-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.section-header{margin-bottom:16px}.servers-table{overflow-x:auto}.servers-table table{border-collapse:collapse;width:100%}.servers-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.servers-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.servers-table tr:last-child td{border-bottom:none}.server-info{display:flex;flex-direction:column}.server-name{color:#1f2937;font-weight:500}.server-description{color:#6b7280;font-size:.75rem;margin-top:2px}.server-url{color:#6b7280}.discovery-section,.security-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.discovery-section h2,.security-section h2{color:#1f2937;font-size:1.25rem;margin:0 0 20px}.config-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-group input:disabled,.config-group select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.categories-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.categories-section h2{color:#1f2937;font-size:1.25rem;margin:0 0 20px}.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.category-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.category-icon{font-size:1.5rem}.category-header h3{color:#1f2937;font-size:1rem;margin:0}.category-stats{display:flex;flex-direction:column;gap:4px}.service-count{color:#06c;font-size:.875rem;font-weight:600}.usage-info{color:#6b7280;font-size:.75rem}.modal-content{width:500px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:8px 12px;width:100%}@media (max-width:768px){.mcp-global-config-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end;width:100%}.config-grid{grid-template-columns:1fr}.status-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.categories-grid{grid-template-columns:1fr}.servers-table{overflow-x:auto}.page-actions{flex-direction:column}}.mcp-service-discovery-container{margin:0 auto;max-width:1400px;padding:20px}.discovery-overview{margin-bottom:32px}.overview-cards{margin-bottom:12px}.last-scan{color:#6b7280;font-size:.875rem;text-align:right}.filters-section{margin-bottom:24px}.filters-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;padding:16px}.search-group{flex:1 1}.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;width:100%}.search-input:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap}.filter-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:120px;padding:8px 12px}.content-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin-bottom:32px}.services-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.section-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.services-table{overflow-x:auto}.services-table table{border-collapse:collapse;width:100%}.services-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.services-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.services-table tr:hover{background-color:#f9fafb;cursor:pointer}.services-table tr.selected{background-color:#eff6ff;border-left:3px solid #06c}.services-table tr:last-child td{border-bottom:none}.service-description{color:#6b7280;font-size:.75rem;margin-top:2px}.service-version{color:#6b7280;font-family:monospace;font-size:.875rem}.usage-badge{font-size:.75rem;font-weight:500;text-transform:uppercase}.service-details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.details-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 24px}.details-header,.service-title{align-items:flex-start;display:flex}.service-title{gap:12px}.service-title .service-icon{font-size:1.5rem;margin-top:2px}.service-title h3{color:#1f2937;font-size:1.125rem;margin:0}.service-title p{color:#6b7280;font-size:.875rem;margin:4px 0 0}.details-content{padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 12px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{align-items:center;justify-content:space-between}.detail-label{color:#6b7280}.detail-label,.detail-value{font-size:.875rem;font-weight:500}.detail-value{color:#1f2937}.endpoints-list{list-style:none;margin:0;padding:0}.endpoint-item{margin-bottom:8px}.endpoint-item code{background-color:#f3f4f6;border-radius:4px;color:#1f2937;font-family:monospace;font-size:.875rem;padding:4px 8px}.capabilities-list,.dependencies-list{display:flex;flex-wrap:wrap;gap:8px}.capability-tag,.dependency-tag{background-color:#e5e7eb;border-radius:12px;color:#374151;font-size:.75rem;font-weight:500;padding:4px 8px}.detail-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px}.connections-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px}.connections-table{overflow-x:auto}.connections-table table{border-collapse:collapse;width:100%}.connections-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.connections-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.connections-table tr:last-child td{border-bottom:none}.connection-id{color:#6b7280;font-family:monospace;font-size:.875rem}.compatibility-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px}.compatibility-table{overflow-x:auto}.compatibility-table table{border-collapse:collapse;width:100%}.compatibility-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.compatibility-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.compatibility-table tr:last-child td{border-bottom:none}.compatibility-ok{color:#22c55e;font-weight:500}.compatibility-warning{color:#eab308;font-weight:500}.compatibility-error{color:#ef4444;font-weight:500}@media (max-width:1200px){.content-layout{grid-template-columns:1fr}.service-details{position:static}}@media (max-width:768px){.mcp-service-discovery-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end;width:100%}.filters-bar{gap:12px}.filter-group,.filters-bar{align-items:stretch;flex-direction:column}.filter-group{gap:4px}.filter-group select{min-width:auto}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.compatibility-table,.connections-table,.services-table{overflow-x:auto}.detail-grid{grid-template-columns:1fr}.detail-actions,.page-actions{flex-direction:column}}.mcp-project-integration-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.page-header h1{color:#1f2937;font-size:1.75rem}.header-actions{gap:12px}.project-overview{margin-bottom:32px}.overview-cards{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-card{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:16px;padding:20px}.card-info h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.card-info p{color:#6b7280;font-size:.875rem;margin:4px 0 0}.enabled-services-section,.exposed-services-section,.mappings-section,.sync-rules-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#1f2937;font-size:1.25rem;margin:0}.endpoints-table,.mappings-table,.services-table{overflow-x:auto}.endpoints-table table,.mappings-table table,.services-table table{border-collapse:collapse;width:100%}.endpoints-table th,.mappings-table th,.services-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.endpoints-table td,.mappings-table td,.services-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px}.endpoints-table tr:last-child td,.mappings-table tr:last-child td,.services-table tr:last-child td{border-bottom:none}.service-info{display:flex;flex-direction:column;gap:4px}.service-header{align-items:center;display:flex;gap:8px}.service-icon{font-size:1.125rem}.service-name{color:#1f2937;font-weight:500}.service-provider{color:#6b7280;font-size:.75rem}.service-purpose{color:#6b7280;font-size:.875rem}.usage-stats{display:flex;flex-direction:column;gap:2px}.usage-level{color:#1f2937;font-size:.875rem;font-weight:500;text-transform:capitalize}.usage-details{color:#6b7280;font-size:.75rem}.status-badge.small{font-size:.625rem;padding:2px 6px}.local-model{color:#1f2937;font-weight:500}.mcp-service{color:#06c;font-weight:500}.endpoint code{background-color:#f3f4f6;border-radius:4px;color:#1f2937;font-family:monospace;font-size:.875rem;padding:2px 6px}.format-badge{background-color:#e5e7eb;color:#374151}.format-badge,.method-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 8px}.method-badge{background-color:#06c;color:#fff}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.config-group{display:flex;flex-direction:column;gap:6px}.config-group label{color:#374151;font-size:.875rem;font-weight:500}.config-group input,.config-group select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:border-color .2s}.config-group input:focus,.config-group select:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.checkbox-group{align-items:center;flex-direction:row;gap:8px}.checkbox-group input[type=checkbox]{margin:0;width:auto}.domain-rules{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.domain-rules h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 16px}.rules-list{display:flex;flex-direction:column;gap:8px}.rule-item{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.rule-key{color:#374151;font-weight:500;min-width:120px}.rule-value{color:#6b7280;flex:1 1}.project-status-section{margin-bottom:32px}.status-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.status-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.status-card h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 16px}.isolation-info,.status-info,.usage-stats{display:flex;flex-direction:column;gap:8px}.isolation-item,.status-item,.usage-item{align-items:center;display:flex;justify-content:space-between}.isolation-label,.status-label,.usage-service{color:#6b7280;font-size:.875rem}.isolation-value,.status-value,.usage-value{color:#1f2937;font-size:.875rem;font-weight:500}.page-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:90%;width:600px}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{color:#374151;font-size:.875rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;font-size:.875rem;padding:8px 12px}.available-services{display:flex;flex-direction:column;gap:12px;margin-top:16px}.service-option{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.service-option .service-info{flex:1 1}.service-option .service-header{margin-bottom:4px}.service-option .service-description{color:#6b7280;font-size:.875rem;margin-bottom:2px}.service-option .service-provider{color:#9ca3af;font-size:.75rem}@media (max-width:768px){.mcp-project-integration-container{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end;width:100%}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.config-grid,.status-cards{grid-template-columns:1fr}.endpoints-table,.mappings-table,.services-table{overflow-x:auto}.page-actions{flex-direction:column}.modal-content{margin:20px;width:95%}.service-option{align-items:stretch;flex-direction:column;gap:12px}}.performance-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.dashboard-header h3{color:#1f2937;font-size:1.125rem}.real-time-indicator{color:#6b7280;font-size:.875rem}.refresh-btn{border:none;font-size:1.125rem;padding:4px;transition:background-color .2s}.refresh-btn:hover{background-color:#f3f4f6}.status-overview{background-color:#f9fafb;margin-bottom:16px}.status-indicator{border-radius:12px;font-size:.875rem;padding:6px 12px}.status-icon{font-size:1rem}.uptime{color:#6b7280;font-size:.875rem;margin-left:auto}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-item{background-color:#f9fafb;border:1px solid #e5e7eb;gap:12px}.metric-icon{opacity:.8}.metric-content{gap:2px}.metric-value{color:#1f2937;font-size:1.125rem;line-height:1}.metric-label{color:#6b7280;line-height:1}@media (max-width:768px){.performance-dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-controls{justify-content:flex-end;width:100%}.status-overview{align-items:flex-start;flex-direction:column;gap:8px}.uptime{margin-left:0}.metrics-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item{padding:8px}.metric-icon{font-size:1.25rem}.metric-value{font-size:1rem}}.agent-monitoring-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.table-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.table-header h3{color:#1f2937;font-size:1.125rem}.table-actions{display:flex;gap:8px}.agents-table{overflow-x:auto}.agents-table table{border-collapse:collapse;width:100%}.agents-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;padding:12px 16px}.agents-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;vertical-align:middle}.agents-table tr:hover{background-color:#f9fafb;cursor:pointer}.agents-table tr.selected{background-color:#eff6ff;border-left:3px solid #06c}.agents-table tr:last-child td{border-bottom:none}.agent-info{align-items:center;display:flex;gap:12px}.agent-icon{font-size:1.25rem}.agent-name{color:#1f2937;font-size:.875rem;font-weight:500}.agent-role{color:#6b7280;font-size:.75rem;margin-top:2px}.load-indicator{min-width:80px}.load-bar{background-color:#f3f4f6;width:40px}.load-text{color:#374151;font-size:.75rem;min-width:32px}.queue-count{color:#1f2937;font-weight:500;text-align:center}.status-badge{align-items:center;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;min-width:70px}.btn-icon{font-size:1rem;padding:6px}@media (max-width:768px){.table-header{align-items:flex-start;flex-direction:column;gap:12px}.table-actions{justify-content:flex-end;width:100%}.agents-table{overflow-x:auto}.agents-table td,.agents-table th{padding:8px 12px}.agent-info{gap:8px}.agent-name{font-size:.8rem}.agent-role{font-size:.7rem}.load-indicator{gap:6px}.load-bar{height:6px;width:30px}.status-badge{font-size:.7rem;min-width:60px;padding:3px 6px}.action-buttons{gap:2px}.btn-icon{font-size:.9rem;padding:4px}}.debug-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.debug-panel.expanded{max-height:none}.debug-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.debug-header h3{color:#1f2937;font-size:1.125rem}.debug-controls{display:flex;gap:8px}.btn-secondary{border-radius:4px;padding:6px 12px}.debug-content{padding:20px}.agent-selection{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.selected-label{color:#6b7280;font-size:.875rem;font-weight:500}.selected-agent{color:#1f2937;font-size:.875rem;font-weight:600}.debug-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:16px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 16px;transition:all .2s}.tab-button:hover{background-color:#f9fafb;color:#374151}.tab-button.active{background-color:#eff6ff;border-bottom-color:#06c;color:#06c}.debug-tab-content{min-height:200px}.performance-tab,.reasoning-tab,.state-tab{padding:16px 0}.performance-tab h4,.reasoning-tab h4,.state-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 16px}.performance-grid,.state-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.performance-item,.state-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.performance-label,.state-label{color:#6b7280;font-size:.875rem;font-weight:500}.performance-value,.state-value{color:#1f2937;font-size:.875rem;font-weight:600;text-align:right}.reasoning-trace{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:300px;overflow-y:auto;padding:16px}.reasoning-step{align-items:flex-start;gap:8px;margin-bottom:8px}.step-number{color:#06c;font-size:.875rem;min-width:20px}.step-description{color:#374151;font-size:.875rem;line-height:1.4}.no-trace{color:#6b7280;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.debug-panel{margin-top:16px}.debug-header{padding:12px 16px}.debug-content{padding:16px}.agent-selection{align-items:flex-start;flex-direction:column;gap:4px}.debug-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{font-size:.8rem;padding:10px 14px;white-space:nowrap}.performance-grid,.state-grid{gap:8px;grid-template-columns:1fr}.performance-item,.state-item{align-items:flex-start;flex-direction:column;gap:4px}.performance-value,.state-value{text-align:left}.reasoning-trace{max-height:250px;padding:12px}.reasoning-step{margin-bottom:6px}.step-description,.step-number{font-size:.8rem}}.chat-interface{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:600px;position:relative}.chat-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:16px;padding:16px 20px}.chat-controls,.chat-header{align-items:center;display:flex}.chat-controls{gap:8px}.chat-controls label{color:#374151;font-size:.875rem;font-weight:500}.agent-selector select,.chat-controls select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:6px 8px}.agent-selector{align-items:center;display:flex;gap:8px}.agent-selector select{min-width:150px}.chat-actions{display:flex;gap:4px;margin-left:auto}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.125rem;padding:4px;transition:background-color .2s}.btn-icon:hover{background-color:#f3f4f6}.chat-messages{gap:12px;padding:16px}.chat-messages,.message{display:flex;flex-direction:column}.message{border-radius:8px;gap:4px;max-width:85%;padding:12px}.message.user{align-self:flex-end;background-color:#dbeafe;border:1px solid #bfdbfe}.message.agent{align-self:flex-start;background-color:#f0fdf4;border:1px solid #bbf7d0}.message.system{align-self:center;background-color:#fef3c7;border:1px solid #fde68a;max-width:95%}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.message-sender{color:#374151;font-size:.875rem;font-weight:600}.message-time{color:#6b7280;font-size:.75rem}.message-content{color:#1f2937;line-height:1.5;white-space:pre-wrap}.message-metadata{border-top:1px solid #0000001a;color:#6b7280;font-size:.75rem;margin-top:8px;padding-top:8px}.reasoning ul{margin:4px 0;padding-left:16px}.reasoning li{margin:2px 0}.confidence,.processing-time{margin-top:4px}.chat-input-area{background-color:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;padding:16px;position:relative}.input-tools{display:flex;gap:8px;margin-bottom:12px}.tool-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;padding:6px 10px;transition:all .2s}.tool-btn:hover{background-color:#e5e7eb}.tool-btn.active{background-color:#06c;border-color:#06c;color:#fff}.commands-dropdown,.templates-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;left:16px;max-height:300px;overflow-y:auto;position:absolute;right:16px;z-index:10}.commands-dropdown h4,.templates-dropdown h4{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;margin:0;padding:12px 16px}.commands-list,.templates-list{padding:8px 0}.command-item,.template-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 16px;transition:background-color .2s}.command-item:hover,.template-item:hover{background-color:#f9fafb}.command-item:last-child,.template-item:last-child{border-bottom:none}.command-text{color:#1f2937;font-family:monospace;font-size:.875rem;font-weight:500}.command-desc{color:#6b7280;font-size:.75rem;margin-top:2px}.template-name{color:#1f2937;font-size:.875rem;font-weight:500}.template-desc{color:#6b7280;font-size:.75rem;margin-top:2px}.message-input{align-items:center;display:flex;gap:8px;margin-bottom:8px}.input-field{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.875rem;padding:10px 12px;transition:border-color .2s}.input-field:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.send-button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s}.send-button:hover:not(:disabled){background-color:#05a}.send-button:disabled{background-color:#9ca3af;cursor:not-allowed}.voice-button{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .2s}.voice-button:hover{background-color:#b91c1c}.input-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.input-suggestions span{color:#6b7280;font-size:.75rem;font-weight:500}.suggestion-btn{background:none;border:1px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s}.suggestion-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}@media (max-width:768px){.chat-interface{height:500px}.chat-header{align-items:stretch;flex-direction:column;gap:12px}.agent-selector,.chat-controls{justify-content:space-between}.agent-selector select{flex:1 1;min-width:auto}.chat-actions{justify-content:flex-end;margin-left:0}.message{max-width:95%}.commands-dropdown,.templates-dropdown{left:8px;right:8px}.input-tools{flex-wrap:wrap}.message-input{flex-direction:column;gap:12px}.input-suggestions{justify-content:center}}.intervention-controls{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;max-height:600px}.controls-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.controls-header h3{color:#1f2937;font-size:1.125rem}.manual-mode-toggle{align-items:center;display:flex;gap:8px}.manual-mode-toggle label{color:#374151;font-size:.875rem}.manual-mode-toggle input[type=checkbox]{margin:0}.control-section{border-bottom:1px solid #f3f4f6;padding:16px 20px}.control-section:last-child{border-bottom:none}.control-section h4{color:#1f2937;font-size:.95rem;margin:0 0 12px}.emergency-section{background-color:#fef2f2;border-left:4px solid #ef4444}.intervention-section{background-color:#fefce8;border-left:4px solid #eab308}.tuning-section{background-color:#f0f9ff;border-left:4px solid #0ea5e9}.status-section{background-color:#f9fafb;border-left:4px solid #6b7280}.emergency-buttons,.intervention-buttons,.tuning-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.emergency-btn,.intervention-btn,.tuning-btn{border:none;border-radius:6px;font-size:.875rem;padding:8px 12px;text-align:center}.emergency-btn{background-color:#ef4444;color:#fff}.emergency-btn.stop-btn{background-color:#dc2626}.emergency-btn.pause-btn{background-color:#f59e0b}.emergency-btn.restart-btn{background-color:#059669}.intervention-btn{background-color:#f59e0b;color:#fff}.intervention-btn:hover:not(:disabled){background-color:#d97706}.intervention-btn:disabled{background-color:#d1d5db;color:#9ca3af}.tuning-btn{background-color:#0ea5e9;color:#fff}.tuning-btn:hover{background-color:#0284c7}.network-status{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.status-item{align-items:center;background-color:#fff;border:1px solid #e5e7eb;justify-content:space-between;padding:6px 8px}.status-label{color:#6b7280;font-size:.875rem;font-weight:500}.status-value{color:#1f2937;font-size:.875rem}.bottlenecks{margin-top:12px}.bottlenecks h5{color:#dc2626;font-size:.875rem;font-weight:600}.bottlenecks li{color:#374151;font-size:.875rem;margin-bottom:4px}.advanced-params-modal{background:#fff;box-shadow:0 10px 25px #0003}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header h3{color:#1f2937;font-size:1.25rem}.btn-close{align-items:center;color:#6b7280;display:flex;height:24px;justify-content:center;padding:0;width:24px}.btn-close:hover{color:#374151}.modal-content{padding:24px}.param-group label{color:#374151;display:block;font-size:.875rem;margin-bottom:6px}.param-group input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.875rem;padding:8px 12px;width:100%}.modal-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 24px}.btn-primary{border:none;border-radius:6px;transition:background-color .2s}.btn-primary,.btn-secondary{cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;transition:all .2s}.btn-secondary:hover{background-color:#e5e7eb}@media (max-width:768px){.intervention-controls{max-height:none}.controls-header{align-items:flex-start;flex-direction:column;gap:12px}.control-section{padding:12px 16px}.emergency-buttons,.intervention-buttons,.tuning-buttons{gap:6px;grid-template-columns:1fr}.emergency-btn,.intervention-btn,.tuning-btn{font-size:.8rem;padding:10px 12px}.status-grid{gap:6px;grid-template-columns:1fr}.status-item{align-items:flex-start;flex-direction:column;gap:4px}.advanced-params-modal{margin:20px;width:95%}.modal-actions,.modal-content,.modal-header{padding:16px}}.agent-chat-page{background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:16px 24px}.page-header h1{color:#333;font-size:1.5rem;font-weight:600;margin:0}.project-context{background-color:#f5f5f5;border-radius:12px;color:#666;font-size:.9rem;padding:4px 12px}.connection-status{align-items:center;display:flex;gap:8px}.status-indicator{font-size:.9rem}.status-indicator.connected{color:#22c55e}.status-indicator.disconnected{color:#ef4444}.page-content{display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:16px}.top-row{grid-gap:16px;grid-template-columns:1fr 2fr;height:300px}.middle-row,.top-row{display:grid;gap:16px}.middle-row{grid-gap:16px;flex:1 1;grid-template-columns:1fr 1fr;min-height:400px}.bottom-row{display:flex;height:350px}.chat-section,.debug-section,.intervention-section,.monitoring-section,.performance-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.intervention-section{width:100%}@media (max-width:1200px){.top-row{grid-template-columns:1fr;height:auto}.monitoring-section,.performance-section{height:250px}.middle-row{grid-template-columns:1fr;min-height:300px}.chat-section,.debug-section{height:300px}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:8px}.page-header h1{font-size:1.2rem}.page-content{gap:8px;padding:8px}.middle-row,.top-row{gap:8px}.bottom-row{height:300px}}.performance-dashboard{height:100%;overflow-y:auto;padding:16px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dashboard-header h3{font-size:1.1rem;font-weight:600;margin:0}.dashboard-controls{align-items:center;display:flex;gap:12px}.real-time-indicator{align-items:center;color:#666;display:flex;font-size:.8rem;gap:6px}.indicator-dot{animation:pulse 2s infinite;background-color:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.refresh-btn{background:none;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:4px 8px}.refresh-btn:hover{background-color:#f5f5f5}.status-overview{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;gap:16px;margin-bottom:20px;padding:12px}.status-indicator{font-weight:600;gap:8px}.uptime{color:#666;font-size:.9rem}.metrics-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item{align-items:center;border:1px solid #f0f0f0;border-radius:6px;gap:8px;padding:12px}.metric-icon{font-size:1.2rem}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:1.1rem}.agent-monitoring-table{display:flex;flex-direction:column;height:100%;padding:16px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.table-header h3{font-size:1.1rem;font-weight:600;margin:0}.table-controls{align-items:center;display:flex;gap:12px}.agent-count{color:#666;font-size:.9rem}.table-container{border:1px solid #e0e0e0;border-radius:6px;flex:1 1;overflow-y:auto}.agents-table{border-collapse:collapse;font-size:.9rem;width:100%}.agents-table th{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#555;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.agents-table td{border-bottom:1px solid #f0f0f0;padding:12px 8px}.agent-row{cursor:pointer;transition:background-color .2s}.agent-row:hover{background-color:#f8f9fa}.agent-row.selected{background-color:#e3f2fd}.status-cell .status-indicator{align-items:center;display:flex;gap:6px}.agent-cell .agent-info{display:flex;flex-direction:column;gap:2px}.agent-name{font-weight:600}.agent-role{color:#666;font-size:.8rem}.load-indicator{align-items:center;display:flex;gap:8px}.load-bar{background-color:#f0f0f0;border-radius:4px;height:8px;overflow:hidden;width:60px}.load-fill{border-radius:4px;height:100%;transition:width .3s ease}.load-text{font-size:.8rem;font-weight:500}.queue-count{font-weight:600}.queue-count.high{color:#ef4444}.last-activity{color:#666;font-size:.8rem}.action-buttons{gap:4px}.action-btn{background:none;border:1px solid #ddd;border-radius:3px;font-size:.8rem;padding:4px 6px}.action-btn:hover{background-color:#f5f5f5}.selected-agent-info{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:16px;padding:12px}.selected-agent-info h4{font-size:1rem;margin:0 0 8px}.agent-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{display:flex;gap:8px}.detail-label{color:#555;font-weight:600}.detail-value{color:#333}.agent-debug-panel{display:flex;flex-direction:column;height:100%;padding:16px}.debug-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.debug-header h3{font-size:1.1rem;font-weight:600;margin:0}.debug-tabs{display:flex;gap:4px}.tab-btn{background:none;border:1px solid #ddd;border-radius:4px;font-size:.8rem;padding:6px 12px}.tab-btn:hover{background-color:#f5f5f5}.tab-btn.active{background-color:#06c;border-color:#06c;color:#fff}.debug-content{flex:1 1;overflow-y:auto}.no-agent-selected{align-items:center;color:#666;display:flex;font-style:italic;height:100%;justify-content:center}.debug-overview{display:flex;flex-direction:column;gap:16px}.agent-summary h4{font-size:1.1rem;margin:0 0 4px}.agent-summary .agent-role{color:#666;font-size:.9rem}.debug-stats{display:flex;flex-direction:column;gap:8px}.stat-item{background-color:#f8f9fa;border-radius:4px;padding:8px}.stat-label{color:#555}.stat-value.status-active{color:#22c55e}.stat-value.status-busy{color:#eab308}.stat-value.status-error{color:#ef4444}.stat-value.status-inactive{color:#6b7280}.introspection-controls h5{color:#555;font-size:.9rem;margin:0 0 8px}.introspection-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.introspection-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .2s}.introspection-btn:hover{background-color:#e8e8e8}.memory-panel,.performance-panel,.reasoning-panel{padding:8px 0}.memory-panel h5,.performance-panel h5,.reasoning-panel h5{color:#333;font-size:1rem;margin:0 0 12px}.reasoning-trace{display:flex;flex-direction:column;gap:8px}.reasoning-step{background-color:#f8f9fa;border-left:3px solid #06c;border-radius:4px;display:flex;gap:12px;padding:8px}.step-number{align-items:center;background-color:#06c;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:20px;justify-content:center;width:20px}.step-content{font-size:.9rem;line-height:1.4}.last-decision{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-top:16px;padding:12px}.last-decision h6,.last-decision p{font-size:.9rem;margin:0 0 8px}.confidence{color:#666;font-size:.8rem;font-weight:600}.memory-stats{display:flex;flex-direction:column;gap:16px}.context-window,.memory-usage{display:flex;flex-direction:column;gap:8px}.context-label,.memory-label{color:#555;font-size:.9rem;font-weight:500}.context-bar,.memory-bar{background-color:#f0f0f0;border-radius:6px;height:12px;overflow:hidden}.memory-fill{background-color:#06c}.context-fill,.memory-fill{border-radius:6px;height:100%;transition:width .3s ease}.context-fill{background-color:#22c55e}.context-text,.memory-text{align-self:flex-end;color:#666;font-size:.8rem}.performance-metrics{padding:8px 0}.metric-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.metric-label{color:#555}.metric-value{font-size:.9rem}.no-data{color:#666;font-style:italic;padding:20px;text-align:center}.chat-interface{display:flex;flex-direction:column;height:100%}.intervention-controls{height:100%;overflow-y:auto;padding:16px}.controls-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.controls-header h3{font-size:1.1rem;font-weight:600;margin:0}.manual-mode-toggle label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:6px}.control-section{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;overflow:hidden}.control-section h4{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:.9rem;font-weight:600;margin:0;padding:12px 16px}.emergency-section h4{background-color:#fef2f2;color:#dc2626}.emergency-buttons,.intervention-buttons,.tuning-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:12px}.emergency-btn,.intervention-btn,.tuning-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:10px 12px;transition:all .2s}.emergency-btn{border-color:#dc2626;color:#dc2626}.emergency-btn:hover{background-color:#dc2626;color:#fff}.intervention-btn:disabled{cursor:not-allowed;opacity:.5}.intervention-btn:not(:disabled):hover,.tuning-btn:hover{background-color:#f5f5f5}.status-section{margin-bottom:0}.network-status{padding:12px}.status-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.status-item{background-color:#f8f9fa;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:8px}.status-label{color:#666;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-value{color:#333;font-size:.9rem;font-weight:600}.bottlenecks{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:12px}.bottlenecks h5{color:#856404;font-size:.9rem;margin:0 0 8px}.bottlenecks ul{margin:0;padding-left:16px}.bottlenecks li{color:#856404;font-size:.8rem}.modal-overlay{background-color:#00000080}.advanced-params-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;width:500px}.modal-header{border-bottom:1px solid #e0e0e0;padding:16px 20px}.modal-header h3{font-size:1.1rem}.btn-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.modal-content{padding:20px}.param-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.param-group label{color:#555;font-weight:500}.param-group input{border:1px solid #ddd;border-radius:4px;padding:6px 10px;width:120px}.modal-actions{border-top:1px solid #e0e0e0;gap:12px;padding:16px 20px}.btn-primary,.btn-secondary{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-secondary{background:none;border:1px solid #ddd;color:#666}.btn-secondary:hover{background-color:#f5f5f5}.btn-primary{background-color:#06c;border:1px solid #06c}.btn-primary:hover{background-color:#05a}.ai-assistant-overlay{align-items:center;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1}}.ai-assistant-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:800px;max-height:95vh;max-width:95vw;overflow:hidden;width:1100px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-assistant-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 28px;position:relative}.ai-assistant-header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-assistant-header h2{font-size:1.4rem;font-weight:700;margin:0;z-index:1}.header-badges{display:flex;gap:8px;z-index:1}.feature-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;padding:4px 8px}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px;z-index:1}.close-button:hover{background-color:#ffffff26;transform:scale(1.1)}.ai-assistant-tabs{background:linear-gradient(90deg,#f8f9fa,#fff);border-bottom:2px solid #e0e0e0;display:flex;position:relative}.ai-assistant-tabs:after{background:linear-gradient(90deg,#0000,#667eea,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.ai-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-tab:hover:not(.active){background:linear-gradient(135deg,#667eea0d,#764ba20d);color:#333;transform:translateY(-1px)}.ai-tab.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom-color:#667eea;color:#667eea;font-weight:600}.ai-tab.active:before{background:linear-gradient(90deg,#0000,#667eea,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.tab-badge{align-items:center;background-color:#667eea;border-radius:10px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.ai-assistant-content{background:linear-gradient(135deg,#f8f9fa,#fff);flex:1 1;overflow-y:auto}.ai-suggestions{padding:28px}.suggestions-header{margin-bottom:28px;text-align:center}.suggestions-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.3rem;margin:0 0 8px}.suggestions-header p{color:#666;font-size:.95rem;margin:0}.suggestion-card{background:#fff;border:2px solid #e8ecf3;border-radius:12px;margin-bottom:20px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.suggestion-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.suggestion-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.suggestion-card:hover:before{transform:scaleX(1)}.suggestion-card.applied{background:linear-gradient(135deg,#f8fff8,#fff);border-color:#4caf50;position:relative}.suggestion-card.applied:after{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;box-shadow:0 2px 8px #4caf504d;color:#fff;content:"✓";display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.suggestion-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.suggestion-header h4{color:#333;flex:1 1;font-size:1.1rem;margin:0}.suggestion-badges{display:flex;flex-shrink:0;gap:8px}.confidence-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #1976d233;border-radius:12px;color:#1976d2}.applied-badge,.confidence-badge{font-size:.75rem;font-weight:600;padding:4px 10px}.applied-badge{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #2e7d3233;border-radius:12px;color:#2e7d32}.color-preview{background-color:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin:12px 0;padding:12px}.color-swatch{border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:40px;position:relative;transition:all .2s;width:40px}.color-swatch:hover{box-shadow:0 4px 15px #0003;transform:scale(1.1)}.color-analysis{background-color:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;color:#666;font-size:.85rem;margin-top:8px;padding:8px 12px}.accessibility-preview{background:linear-gradient(135deg,#fff3e0,#fff);border:1px solid #ffcc02;border-radius:8px;margin:12px 0;padding:12px}.accessibility-fixes{font-size:.9rem}.accessibility-fixes strong{color:#e65100;display:block;margin-bottom:8px}.accessibility-fixes ul{margin:8px 0;padding-left:16px}.accessibility-fixes li{color:#666;margin-bottom:4px}.ai-analysis{padding:28px}.analysis-header{margin-bottom:28px;text-align:center}.analysis-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.3rem;margin:0 0 8px}.score-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.score-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8ecf3;border-radius:12px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.score-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.score-card:hover{border-color:#667eea;box-shadow:0 12px 25px #667eea26;transform:translateY(-4px)}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin-bottom:8px}.score-label{color:#666;font-weight:600;margin-bottom:4px}.score-details{color:#888;font-size:.8rem;margin-bottom:12px}.score-indicator{border-radius:2px;height:4px;margin:0 auto;transition:all .3s ease;width:80%}.score-indicator.good{background:linear-gradient(135deg,#4caf50,#45a049)}.score-indicator.average{background:linear-gradient(135deg,#ff9800,#f57c00)}.score-indicator.poor{background:linear-gradient(135deg,#f44336,#d32f2f)}.contrast-analysis{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e8ecf3;border-radius:12px;margin-bottom:24px;padding:20px}.contrast-analysis h4{color:#333;font-size:1.1rem;margin:0 0 16px}.contrast-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:20px;padding:16px}.contrast-visual{align-items:center;display:flex;flex-direction:column;gap:8px}.contrast-sample{border:2px solid #0000001a;border-radius:6px;font-size:1rem;font-weight:600;min-width:120px;padding:12px 20px;text-align:center}.contrast-ratio{background:#f0f2f5;border-radius:4px;color:#667eea;font-size:.9rem;font-weight:700;padding:4px 8px}.contrast-details{flex:1 1}.contrast-status{font-weight:600;margin-bottom:4px}.contrast-status.pass{color:#4caf50}.contrast-status.fail{color:#f44336}.contrast-level{color:#666;font-size:.9rem}.wcag-analysis{background:linear-gradient(135deg,#fff8e1,#fff);border:2px solid #ffeb3b;border-radius:12px;margin-bottom:24px;padding:20px}.wcag-analysis h4{color:#333;font-size:1.1rem;margin:0 0 16px}.wcag-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.wcag-level{align-items:center;display:flex;gap:12px;margin-bottom:16px}.wcag-badge{border-radius:6px;font-size:.85rem;font-weight:700;padding:6px 12px}.wcag-badge.wcag-aaa{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.wcag-badge.wcag-aa{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.wcag-badge.wcag-non-compliant{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.wcag-description{color:#666;font-size:.9rem}.wcag-fixes,.wcag-issues{margin-top:12px}.wcag-fixes h5,.wcag-issues h5{color:#333;font-size:.9rem;margin:0 0 8px}.wcag-fixes ul,.wcag-issues ul{margin:0;padding-left:16px}.wcag-issue{color:#d32f2f}.wcag-fix,.wcag-issue{font-size:.85rem;margin-bottom:4px}.wcag-fix{color:#1976d2}.analysis-details{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr;margin-bottom:28px}.issues-section,.recommendations-section{background:#fff;border:2px solid #e8ecf3;border-radius:12px;padding:20px}.issues-section h4,.recommendations-section h4{color:#333;font-size:1.1rem;margin:0 0 16px}.issues-list,.recommendations-list{list-style:none;margin:0;padding:0}.issue-item,.recommendation-item{grid-gap:12px;align-items:flex-start;background:#f8f9fa;border-radius:8px;display:grid;font-size:.9rem;gap:12px;grid-template-columns:auto 1fr auto;line-height:1.4;margin-bottom:12px;padding:12px;transition:all .2s ease}.issue-item:hover,.recommendation-item:hover{background:#f0f2f5;transform:translateX(4px)}.issue-icon,.recommendation-icon{font-size:1.1rem}.issue-text,.recommendation-text{color:#333}.issue-priority,.recommendation-impact{border-radius:4px;font-size:.75rem;font-weight:600;padding:2px 6px;white-space:nowrap}.issue-priority{background:#ffebee;color:#c62828}.recommendation-impact{background:#e8f5e8;color:#2e7d32}.analysis-actions{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e8ecf3;border-radius:12px;padding:20px}.analysis-actions h4{color:#333;font-size:1.1rem;margin:0 0 16px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-btn{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.action-btn.contrast-fix{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.action-btn.wcag-fix{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.action-btn.usability-boost{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.action-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.ai-layout-analysis{padding:28px}.layout-header{margin-bottom:28px;text-align:center}.layout-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.3rem;margin:0 0 8px}.current-layout-analysis{background:linear-gradient(135deg,#e3f2fd,#fff);border:2px solid #2196f3;border-radius:12px;margin-bottom:24px;padding:20px}.current-layout-analysis h4{color:#1976d2;font-size:1.1rem;margin:0 0 12px}.layout-metrics{display:flex;gap:20px}.metric{flex-direction:column;gap:4px}.metric-label{font-size:.8rem;font-weight:600}.metric-value{color:#1976d2;font-size:1.2rem}.layout-suggestions h4{color:#333;font-size:1.1rem;margin:0 0 16px}.layout-suggestion-card{background:#fff;border:2px solid #e8ecf3;border-radius:12px;margin-bottom:16px;padding:20px;position:relative;transition:all .3s ease}.layout-suggestion-card.current{background:linear-gradient(135deg,#f8fff8,#fff);border-color:#4caf50}.layout-suggestion-card.current:before{background:#4caf50;border-radius:0 0 6px 6px;color:#fff;content:"ATUAL";font-size:.7rem;font-weight:700;padding:4px 8px;position:absolute;right:16px;top:-1px}.layout-suggestion-card:hover:not(.current){border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.layout-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.layout-header h5{color:#333;font-size:1.1rem;margin:0;text-transform:capitalize}.recommended-badge{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px}.layout-details{margin-bottom:16px}.pros-cons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.cons h6,.pros h6{color:#333;font-size:.9rem;margin:0 0 8px}.cons ul,.pros ul{font-size:.85rem;margin:0;padding-left:16px}.pros li{color:#2e7d32;margin-bottom:4px}.cons li{color:#d32f2f;margin-bottom:4px}.suitable-for h6{color:#333;font-size:.9rem;margin:0 0 8px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#f0f2f5;border-radius:12px;color:#666;padding:4px 8px}.btn-apply-layout{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease;width:100%}.btn-apply-layout:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.layout-preview{background:#fff;border:2px solid #e8ecf3;border-radius:12px;margin-top:24px;padding:20px}.layout-preview h4{color:#333;font-size:1.1rem;margin:0 0 16px}.preview-selector{background:#f0f2f5;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.preview-btn{background:none;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;padding:8px 12px;text-transform:capitalize;transition:all .2s ease}.preview-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.layout-mockup{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;height:200px;overflow:hidden}.mockup-container{display:flex;font-size:.8rem;height:100%;width:100%}.sidebar-mockup{background:#fff}.mockup-sidebar{background:#f0f2f5;border-right:1px solid #e0e0e0;padding:8px;width:80px}.mockup-header{color:#666;font-size:.7rem;font-weight:600;margin-bottom:8px}.mockup-agent{align-items:center;background:#fff;border-radius:4px;display:flex;gap:4px;margin-bottom:6px;padding:4px}.mockup-avatar{font-size:.8rem}.mockup-name{color:#333;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-chat{background:#fff;display:flex;flex:1 1;flex-direction:column}.mockup-chat-header{background:#667eea;color:#fff;font-size:.7rem;font-weight:600;padding:8px}.mockup-messages{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:8px}.mockup-message{background:#f0f2f5;border-radius:8px;color:#333;font-size:.7rem;max-width:80%;padding:4px 8px}.mockup-message.user{align-self:flex-end;background:#667eea;color:#fff}.mockup-input{background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;font-size:.7rem;padding:6px 8px}.tabs-mockup{background:#fff;flex-direction:column}.mockup-tabs{background:#f0f2f5;border-bottom:1px solid #e0e0e0;display:flex}.mockup-tab{border-bottom:2px solid #0000;color:#666;flex:1 1;font-size:.7rem;padding:6px 8px;text-align:center}.mockup-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea;font-weight:600}.cards-mockup{background:#fff;padding:8px}.mockup-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);height:100%}.mockup-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:8px;text-align:center}.mockup-card-avatar{font-size:1.2rem}.mockup-card-name{color:#333;font-size:.7rem;font-weight:600}.mockup-card-desc{color:#666;font-size:.6rem}.mockup-card-btn{background:#667eea;border-radius:4px;color:#fff;font-size:.6rem;font-weight:600;padding:2px 6px}.ai-generate{background:#fff;display:flex;flex-direction:column;height:100%}.generate-header{margin-bottom:16px;padding:28px 28px 0;text-align:center}.generate-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.3rem;margin:0 0 8px}.chat-container{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0 28px 28px}.chat-messages{flex:1 1;margin-bottom:20px;max-height:450px;min-height:300px;overflow-y:auto;padding-right:8px}.chat-welcome{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e8ecf3;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.welcome-avatar{flex-shrink:0;font-size:2.5rem}.welcome-text h4{color:#333;font-size:1.1rem;margin:0 0 12px}.welcome-text p{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 12px}.welcome-text ul{color:#666;font-size:.9rem;margin:12px 0;padding-left:20px}.welcome-text li{line-height:1.4;margin-bottom:6px}.chat-message{animation:messageSlideIn .4s ease;display:flex;gap:12px;margin-bottom:20px}.chat-message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:linear-gradient(135deg,#f0f2f5,#e8ecf3);border:2px solid #e0e0e0;border-radius:22px;display:flex;flex-shrink:0;font-size:1.8rem;height:44px;justify-content:center;width:44px}.chat-message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.message-content{background:#f8f9fa;border:1px solid #e8ecf3;border-radius:16px;flex:1 1;max-width:75%;padding:16px 20px;position:relative}.chat-message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.message-content p{font-size:.95rem;line-height:1.5;margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-bold{color:#333;font-weight:700}.chat-message.user .message-bold{color:#fff}.message-heading{color:#333;font-size:1.1rem;font-weight:700;margin:12px 0 8px}.chat-message.user .message-heading{color:#fff}.message-bullet{margin:4px 0;padding-left:8px;position:relative}.message-bullet:before{color:#667eea;content:"•";font-weight:700;left:0;position:absolute}.chat-message.user .message-bullet:before{color:#fffc}.message-timestamp{font-size:.75rem;margin-top:8px;opacity:.7;text-align:right}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typingDot 1.4s ease-in-out infinite;background-color:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:#666;font-size:.85rem;font-style:italic;margin-left:8px}.chat-input-area{background:linear-gradient(135deg,#fafbfc,#fff);border-radius:0 0 12px 12px;border-top:2px solid #e8ecf3;margin:0 -28px -28px;padding:20px 28px 28px}.suggested-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.prompt-btn{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e8ecf3;border-radius:20px;color:#666;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.prompt-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.prompt-btn.contextual{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;color:#667eea}.chat-input{align-items:center;display:flex;gap:12px;margin-bottom:12px}.chat-input input{background:#fff;border:2px solid #e8ecf3;border-radius:25px;flex:1 1;font-size:.95rem;outline:none;padding:16px 20px;transition:all .3s ease}.chat-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input input::placeholder{color:#999;font-style:italic}.chat-input button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.chat-input button:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.chat-input button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.chat-input button.loading{animation:buttonPulse 1.5s infinite}@keyframes buttonPulse{0%,to{opacity:1}50%{opacity:.7}}.chat-status{border-top:1px solid #e8ecf3;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding-top:12px}.status-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.75rem;padding:4px 8px}.btn-apply-suggestion{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-apply-suggestion:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-apply-suggestion:hover:before{left:100%}.btn-apply-suggestion:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-apply-suggestion:disabled{background:linear-gradient(135deg,#4caf50,#45a049);cursor:not-allowed;transform:none}.quick-actions{background:linear-gradient(135deg,#fafbfc,#fff);border-radius:12px;border-top:2px solid #e8ecf3;margin:28px -28px 0;padding:24px}.quick-actions h4{color:#333;font-size:1.1rem;margin:0 0 16px;text-align:center}.quick-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-btn{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8ecf3;border-radius:12px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:16px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-btn:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.quick-btn:hover{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.quick-btn:hover:before{transform:scaleX(1)}.quick-btn:active{transform:translateY(0)}.ai-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;box-shadow:0 4px 12px #667eea33;height:48px;margin-bottom:20px;width:48px}.ai-loading p{color:#666;font-size:.95rem;line-height:1.5;margin:0;max-width:300px}.ai-assistant-content::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:8px}.ai-assistant-content::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.ai-assistant-content::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.ai-assistant-content::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93)}@media (max-width:1024px){.ai-assistant-modal{height:90vh;width:95vw}.score-cards{gap:16px;grid-template-columns:1fr}.analysis-details{gap:20px;grid-template-columns:1fr}.pros-cons{gap:12px;grid-template-columns:1fr}.layout-metrics{flex-direction:column;gap:12px}}@media (max-width:768px){.ai-assistant-modal{border-radius:0;height:100vh;width:100vw}.ai-assistant-header{padding:16px 20px}.ai-assistant-header h2{font-size:1.2rem}.header-badges{display:none}.ai-analysis,.ai-layout-analysis,.ai-suggestions,.generate-header{padding:20px}.chat-container{padding:0 20px 20px}.ai-tab{font-size:.85rem;padding:12px 8px}.tab-badge{display:none}.suggested-prompts{flex-direction:column;gap:8px}.prompt-btn{padding:12px 16px;text-align:center}.chat-message .message-content{max-width:85%}.color-preview{justify-content:center}.quick-buttons{grid-template-columns:1fr}.action-buttons{flex-direction:column}.layout-suggestion-card{padding:16px}.contrast-card{flex-direction:column;gap:12px;text-align:center}.chat-status{align-items:center;flex-direction:column;gap:8px}}@media (max-width:480px){.ai-assistant-header{padding:12px 16px}.ai-assistant-header h2{font-size:1.1rem}.close-button{font-size:1.5rem;height:36px;width:36px}.ai-analysis,.ai-layout-analysis,.ai-suggestions{padding:16px}.chat-container{padding:0 16px 16px}.layout-suggestion-card,.suggestion-card{padding:12px}.suggestion-header{align-items:flex-start;flex-direction:column;gap:8px}.suggestion-badges{align-self:flex-start}.score-value{font-size:2rem}.chat-welcome{gap:12px;padding:16px}.welcome-avatar{font-size:2rem}.message-avatar{font-size:1.5rem;height:36px;width:36px}.chat-input input{font-size:.9rem;padding:12px 16px}.chat-input button{font-size:1.2rem;height:40px;width:40px}.layout-mockup{height:150px}.mockup-container{font-size:.7rem}}@media (prefers-color-scheme:dark){.ai-assistant-modal{background-color:#1a1a1a;color:#e0e0e0}.layout-suggestion-card,.suggestion-card{background-color:#2a2a2a;border-color:#404040}.chat-welcome{background:linear-gradient(135deg,#2a2a3a,#1a1a1a)}.message-content{background-color:#2a2a2a;color:#e0e0e0}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scoreCardSlideIn{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.suggestion-card{animation:cardSlideIn .4s cubic-bezier(.4,0,.2,1)}.score-card{animation:scoreCardSlideIn .5s cubic-bezier(.34,1.56,.64,1)}.ai-assistant-modal:focus-within{outline:3px solid #667eea;outline-offset:2px}.ai-tab:focus,.btn-apply-suggestion:focus,.chat-input button:focus,.chat-input input:focus,.close-button:focus,.prompt-btn:focus,.quick-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.layout-suggestion-card,.suggestion-card{border-width:3px}.action-btn,.btn-apply-suggestion,.chat-input button{border:2px solid #000}.color-swatch{border-color:#000;border-width:3px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none}.typing-indicator span{animation:none;opacity:.6}}@media print{.ai-assistant-overlay{background:none;position:static}.ai-assistant-modal{border:1px solid #000;box-shadow:none}.ai-assistant-header{background:#f0f0f0!important;color:#000!important}.action-btn,.btn-apply-suggestion,.chat-input-area,.close-button,.quick-btn{display:none}}.ai-abtest{padding:28px}.abtest-header{margin-bottom:28px;text-align:center}.abtest-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.3rem;margin:0 0 8px}.abtest-start{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e8ecf3;border-radius:12px;padding:24px;text-align:center}.abtest-info{margin-bottom:24px}.abtest-info h4{color:#333;font-size:1.1rem;margin:0 0 16px}.abtest-info ul{list-style:none;margin:0 auto;max-width:400px;padding-left:0;text-align:left}.abtest-info li{background:#fff;border-left:3px solid #667eea;border-radius:6px;font-size:.9rem;margin-bottom:8px;padding:8px 12px}.btn-start-abtest{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn-start-abtest:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.abtest-running{padding:40px;text-align:center}.test-progress h4{color:#333;font-size:1.1rem;margin:16px 0 8px}.test-progress p{color:#666;margin:0}.progress-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}.variants-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.variant-card{background:#fff;border:2px solid #e8ecf3;border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.variant-card.winner{background:linear-gradient(135deg,#f8fff8,#fff);border-color:#4caf50;box-shadow:0 8px 25px #4caf5033;transform:scale(1.02)}.variant-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.variant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.variant-header h4{color:#333;font-size:1rem;margin:0}.winner-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px}.variant-metrics{margin-bottom:16px}.metric{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.metric-label{color:#666}.metric-value{color:#333}.btn-apply-variant{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .3s ease;width:100%}.btn-apply-variant:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.test-summary{background:linear-gradient(135deg,#f0f8ff,#fff);border:2px solid #2196f3;border-radius:12px;padding:20px}.test-summary h4{color:#1976d2;font-size:1rem;margin:0 0 12px}.summary-stats{display:flex;gap:20px;justify-content:center}.stat{font-size:.85rem;text-align:center}.stat strong{color:#1976d2;display:block;margin-bottom:4px}.ai-reports{padding:28px}.reports-header{margin-bottom:28px;text-align:center}.reports-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.3rem;margin:0 0 8px}.report-generation{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e8ecf3;border-radius:12px;margin-bottom:24px;padding:24px}.report-generation h4{color:#333;font-size:1.1rem;margin:0 0 8px}.report-generation p{color:#666;font-size:.9rem;margin:0 0 20px}.export-options{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.export-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.export-btn.pdf{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.export-btn.excel{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.export-btn.json{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.export-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.export-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.generating-report{padding:20px;text-align:center}.generating-report p{font-style:italic;margin:16px 0 0}.report-preview{background:#fff;border:2px solid #e8ecf3;border-radius:12px;padding:24px}.report-preview h4{color:#333;font-size:1.1rem;margin:0 0 20px}.report-summary{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:auto 1fr;margin-bottom:24px}.overall-score{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.score-value{display:block;font-size:2.5rem;font-weight:800;margin-bottom:4px}.score-label{font-size:.9rem;opacity:.9}.detailed-scores{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.score-item{background:#f8f9fa;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;padding:12px}.score-item .label{color:#666}.score-item .value{color:#333;font-weight:600}.recommendations-preview h5{color:#333;font-size:1rem;margin:0 0 16px}.recommendation{border-left:4px solid;border-radius:8px;margin-bottom:12px;padding:16px}.recommendation.priority-high{background:linear-gradient(135deg,#ffebee,#fff);border-left-color:#f44336}.recommendation.priority-medium{background:linear-gradient(135deg,#fff3e0,#fff);border-left-color:#ff9800}.recommendation.priority-low{background:linear-gradient(135deg,#e8f5e8,#fff);border-left-color:#4caf50}.rec-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.priority-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.priority-badge.high{background:#f44336;color:#fff}.priority-badge.medium{background:#ff9800;color:#fff}.priority-badge.low{background:#4caf50;color:#fff}.rec-action{color:#333;flex:1 1;font-weight:600}.rec-details{color:#666;display:flex;font-size:.8rem;gap:16px}@media (max-width:1024px){.variants-comparison{gap:16px;grid-template-columns:1fr}.export-options{align-items:center;flex-direction:column}.export-btn{justify-content:center;width:200px}.report-summary{gap:16px}.detailed-scores,.report-summary{grid-template-columns:1fr}}@media (max-width:768px){.summary-stats{flex-direction:column;gap:12px}.rec-header{align-items:flex-start}.rec-details,.rec-header{flex-direction:column;gap:8px}}@media (max-width:640px){.variants-comparison{gap:12px;grid-template-columns:1fr}.variant-card{padding:16px}.variant-header{align-items:flex-start;flex-direction:column;gap:8px}.winner-badge{align-self:flex-start}.test-summary{padding:16px}.summary-stats{flex-direction:column;gap:12px}}@media (max-width:768px){.report-summary{gap:16px;grid-template-columns:1fr}.overall-score{padding:16px}.score-value{font-size:2rem}.detailed-scores{grid-template-columns:1fr}.recommendations-preview{margin-top:20px}.recommendation{padding:12px}}@keyframes abTestSlideIn{0%{opacity:0;transform:translateX(-30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes reportGenerate{0%{opacity:0;transform:scale(.8) rotateY(-10deg)}50%{opacity:.5;transform:scale(.95) rotateY(0deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.variant-card{animation:abTestSlideIn .6s cubic-bezier(.34,1.56,.64,1)}.variant-card:nth-child(2){animation-delay:.1s}.variant-card:nth-child(3){animation-delay:.2s}.report-preview{animation:reportGenerate .8s cubic-bezier(.4,0,.2,1)}.variant-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px) scale(1.02)}.variant-card.winner:hover{box-shadow:0 12px 30px #4caf504d}.export-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05)}.recommendation:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.btn-start-abtest:disabled,.export-btn:disabled{overflow:hidden;position:relative}.btn-start-abtest:disabled:after,.export-btn:disabled:after{animation:loadingShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loadingShimmer{0%{left:-100%}to{left:100%}}.abtest-progress-indicator{background:#f0f0f0;border-radius:2px;height:4px;margin:16px 0;overflow:hidden;position:relative;width:100%}.abtest-progress-indicator:after{animation:progressBar 3s ease-in-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0}@keyframes progressBar{0%{width:0}50%{width:70%}to{width:100%}}@media (prefers-color-scheme:dark){.variant-card{background:#2a2a2a;border-color:#444;color:#e0e0e0}.variant-card.winner{background:linear-gradient(135deg,#1a2e1a,#2a2a2a);border-color:#4caf50}.test-summary{background:linear-gradient(135deg,#1a1a2e,#2a2a2a);border-color:#2196f3}.export-btn.pdf{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.export-btn.excel{background:linear-gradient(135deg,#388e3c,#2e7d32)}.export-btn.json{background:linear-gradient(135deg,#f57c00,#ef6c00)}.report-preview{background:#2a2a2a;border-color:#444;color:#e0e0e0}.overall-score{background:linear-gradient(135deg,#667eea,#764ba2)}.analytic-card{border-color:#444}.analytic-card,.recommendation{background:#2a2a2a}.recommendation.priority-high{background:linear-gradient(135deg,#2e1a1a,#2a2a2a)}.recommendation.priority-medium{background:linear-gradient(135deg,#2e2a1a,#2a2a2a)}.recommendation.priority-low{background:linear-gradient(135deg,#1a2e1a,#2a2a2a)}}.variant-card:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.variant-card:hover:before{opacity:1}.export-btn{overflow:hidden;position:relative}.export-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.export-btn:hover:before{left:100%}.btn-start-abtest:focus,.export-btn:focus,.variant-card:focus-within{outline:3px solid #667eea;outline-offset:2px}.recommendation:focus-within{outline:2px solid #667eea;outline-offset:1px}.export-btn,.loading-spinner,.progress-spinner,.recommendation,.variant-card{will-change:transform}.export-success{align-items:center;animation:successSlideIn .5s ease;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;color:#fff;display:flex;gap:8px;margin:12px 0;padding:12px 16px}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-error{align-items:center;animation:errorShake .5s ease;background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:8px;color:#fff;display:flex;gap:8px;margin:12px 0;padding:12px 16px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.ai-abtest,.ai-reports{position:relative}.ai-abtest:before,.ai-reports:before{background:linear-gradient(90deg,#0000,#667eea,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.export-btn *,.recommendation *,.report-preview *,.variant-card *{transition:all .2s ease}@media print{.btn-apply-variant,.btn-start-abtest,.export-options{display:none}.variant-card{border:2px solid #000;break-inside:avoid;page-break-inside:avoid}.report-preview{background:#fff!important;border:2px solid #000}.progress-spinner{display:none}}.status-indicators{align-items:center;display:flex;gap:8px;margin-right:12px}.status-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.wcag-aaa{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-badge.wcag-aa{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.status-badge.wcag-non-compliant{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.status-badge.contrast-good{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-badge.contrast-poor{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-badge.agents-count{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.tab-info{display:block;font-size:.7rem;font-weight:400;margin-top:2px;opacity:.8}.preview-analytics{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e8ecf3;border-radius:12px;margin-top:24px;padding:20px}.preview-analytics h3{color:#333;font-size:1.1rem;margin:0 0 16px;text-align:center}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.analytic-card{background:#fff;border:2px solid #e8ecf3;border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.analytic-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.analytic-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:4px}.analytic-label{color:#666;font-size:.85rem;font-weight:600;margin-bottom:4px}.analytic-detail{color:#888;font-size:.75rem}.color-input-group{align-items:center;display:flex;gap:8px}.color-input-group input[type=color]{border-radius:6px;cursor:pointer;flex-shrink:0;height:36px;padding:2px;width:40px}.color-input-group input[type=text]{flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.color-feedback{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;font-size:.8rem;margin-top:8px;padding:8px 12px}.contrast-warning{color:#f57c00;display:block;font-weight:600;margin-top:4px}.layout-feedback{background:linear-gradient(135deg,#f0f8ff,#fff);border:1px solid #e3f2fd;border-radius:8px;margin-top:12px;padding:12px}.feedback-item{color:#333;font-size:.85rem;margin-bottom:8px}.feedback-suggestion{background:#fff;border-left:2px solid #2196f3;border-radius:4px;color:#666;font-size:.8rem;margin-bottom:4px;padding:4px 8px}.checkbox-help{font-style:italic}.character-count,.checkbox-help{color:#666;font-size:.75rem;margin-top:4px}.character-count{text-align:right}.quick-actions-panel{background:linear-gradient(135deg,#fff3e0,#fff);border:2px solid #ff9800}.quick-action-buttons{display:flex;flex-direction:column;gap:8px}.quick-action-btn{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8ecf3;border-radius:8px;color:#333;cursor:pointer;font-size:.85rem;font-weight:500;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .3s ease}.quick-action-btn:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quick-action-btn:hover{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.quick-action-btn:hover:before{left:100%}.quick-action-btn:active{transform:translateY(0)}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.panel-header h3{color:#333;font-size:.95rem;font-weight:600;margin:0}.btn-ai-generate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 10px;transition:all .3s ease}.btn-ai-generate:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.btn-ai-generate:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-ai-generate-inline{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;margin-left:8px;padding:3px 6px;transition:all .2s ease}.btn-ai-generate-inline:hover:not(:disabled){transform:scale(1.1)}.btn-ai-assistant{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;padding:10px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-ai-assistant:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-ai-assistant:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-ai-assistant:hover:before{left:100%}.btn-ai-assistant:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-ai-assistant:disabled:before{display:none}.design-panel{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e8ecf3;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:18px;padding:18px;transition:all .3s ease}.design-panel:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1f;transform:translateY(-1px)}.design-panel h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1rem;font-weight:700;margin:0 0 18px}.form-group{margin-bottom:18px}.form-group:last-child{margin-bottom:0}.form-group label{color:#444;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e8ecf3;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:10px 14px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fafbfc;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#ccd5e8}.form-group textarea{line-height:1.5;min-height:80px;resize:vertical}.form-group input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #e8ecf3;border-radius:4px;cursor:pointer;height:18px;margin-right:8px;position:relative;transition:all .3s ease;width:18px}.form-group input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.form-group input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:2px;position:absolute;top:-2px}.form-group input[type=checkbox]:hover{border-color:#667eea;transform:scale(1.05)}.form-group select{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 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group select:focus{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='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.preview-container{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.preview-container:before{background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.preview-container:hover:before{opacity:1}.preview-container:hover{transform:scale(1.02)}.preview-sidebar{scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.preview-sidebar::-webkit-scrollbar{width:6px}.preview-sidebar::-webkit-scrollbar-track{background:#0000}.preview-sidebar::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.preview-sidebar::-webkit-scrollbar-thumb:hover{background:#667eea80}.preview-agent-item{overflow:hidden;position:relative}.preview-agent-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.preview-agent-item:hover:before{left:100%}.preview-agent-item:hover{background-color:#667eea1a!important;box-shadow:0 2px 8px #667eea33;transform:translateY(-1px)}.preview-message{animation:messageSlideIn .6s cubic-bezier(.4,0,.2,1);position:relative}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-message:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.code-section{background:linear-gradient(135deg,#1e1e1e,#2d2d2d);border-radius:0 0 12px 12px}.code-tabs{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border-bottom:2px solid #404040}.code-tab{background:none;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;font-size:.85rem;font-weight:500;padding:14px 18px;transition:all .3s ease}.code-tab:hover{background:#667eea1a;color:#fff}.code-tab.active{background:#667eea26;border-bottom-color:#667eea;color:#667eea}.code-editor{background:linear-gradient(135deg,#1e1e1e,#252525);min-height:400px;overflow:auto;padding:24px}.code-editor pre{word-wrap:break-word;color:#e6e6e6;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.6;margin:0;white-space:pre-wrap}.code-editor pre .keyword{color:#569cd6;font-weight:600}.code-editor pre .string{color:#ce9178}.code-editor pre .comment{color:#6a9955;font-style:italic}.code-editor pre .number{color:#b5cea8}.code-editor pre .function{color:#dcdcaa;font-weight:500}.code-editor pre .property{color:#9cdcfe}.code-editor pre .type{color:#4ec9b0}.code-editor pre .operator{color:#d4d4d4}.code-actions{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border-top:2px solid #404040;display:flex;flex-wrap:wrap;gap:12px;padding:18px 24px}.code-actions .btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.code-actions .btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.code-actions .btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268)}.code-actions .btn-secondary:hover{box-shadow:0 4px 12px #6c757d66}@media (max-width:1200px){.analytics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.status-indicators{flex-wrap:wrap;gap:4px}.status-badge{font-size:.65rem;padding:3px 6px}}@media (max-width:768px){.analytics-grid{gap:12px;grid-template-columns:1fr}.preview-analytics{padding:16px}.analytic-card{padding:12px}.analytic-value{font-size:1.5rem}.color-input-group{align-items:stretch;flex-direction:column}.color-input-group input[type=color]{height:40px;width:100%}.quick-action-buttons{gap:6px}.quick-action-btn{font-size:.8rem;padding:10px 12px}.status-indicators{display:none}.header-actions{flex-direction:column;gap:8px}.btn-ai-assistant{font-size:.85rem;padding:8px 14px}.code-actions{flex-direction:column;padding:12px 16px}.code-actions .btn{justify-content:center}}@media (max-width:480px){.design-panel{padding:12px}.design-panel,.form-group{margin-bottom:12px}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:8px 12px}.preview-analytics h3{font-size:1rem}.tab-info{display:none}.panel-header{align-items:flex-start;flex-direction:column;gap:8px}.btn-ai-generate{align-self:flex-end}}@media (prefers-color-scheme:dark){.design-panel{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border-color:#404040;color:#e0e0e0}.design-panel h3{color:#e0e0e0}.form-group label{color:#ccc}.form-group input,.form-group select,.form-group textarea{background-color:#333;border-color:#555;color:#e0e0e0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#3a3a3a;border-color:#667eea}.preview-analytics{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border-color:#404040}.analytic-card,.color-feedback,.layout-feedback{background-color:#333;border-color:#555}.quick-action-btn{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-color:#555;color:#e0e0e0}.quick-action-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border-color:#667eea}}@media (prefers-contrast:high){.analytic-card,.design-panel,.quick-action-btn{border-width:3px}.form-group input,.form-group select,.form-group textarea{border-width:2px}.btn-ai-assistant,.btn-ai-generate,.quick-action-btn,.status-badge{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.preview-agent-item:hover,.preview-container:hover{transform:none}.preview-message{animation:none}.analytic-card:hover,.btn-ai-assistant:hover,.quick-action-btn:hover{transform:none}}.btn-ai-assistant:focus,.btn-ai-generate:focus,.code-tab:focus,.quick-action-btn:focus{outline:3px solid #667eea;outline-offset:2px}.form-group input[type=checkbox]:focus{outline:2px solid #667eea;outline-offset:2px}.btn-ai-assistant:disabled{position:relative}.btn-ai-assistant:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#667eea;border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1001}.skip-link:focus{top:6px}@media print{.btn-ai-assistant,.btn-ai-generate,.code-actions,.quick-action-btn{display:none}.design-panel{background:#fff;border:1px solid #000;box-shadow:none}.preview-container{border:2px solid #000}.code-editor{background:#fff;color:#000}.code-editor pre{color:#000}}.agent-designer-page{scroll-behavior:smooth}.designer-content{min-height:0}.code-section,.design-section,.preview-section{display:flex;flex-direction:column;height:100%}*{transition-duration:.2s;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:ease}.artifact-manager-page{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh}.upload-zone{background:#fff;border:2px dashed #cbd5e1;border-radius:.75rem;margin-bottom:2rem;padding:2rem;text-align:center;transition:all .3s}.upload-zone.drag-over{background-color:#f0f9ff;border-color:#3b82f6}.upload-zone.uploading{background-color:#f0fdf4;border-color:#10b981}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-link{color:#3b82f6;cursor:pointer;text-decoration:underline}.upload-status{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:2rem;width:2rem}.categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-btn{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #0000;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.category-btn:hover{background-color:#f8fafc}.category-btn.active{background-color:#f0f9ff;border-color:#3b82f6;color:#1e40af}.search-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input{flex:1 1;min-width:300px;position:relative}.search-icon{color:#9ca3af;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.search-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filters{display:flex;gap:.5rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.5rem}.artifacts-container{margin-bottom:2rem}.artifacts-container.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.artifacts-container.list{display:flex;flex-direction:column;gap:1rem}.artifacts-container.list .artifact-card{align-items:center;display:flex;padding:1rem}.artifacts-container.list .artifact-header{margin-right:1rem}.artifacts-container.list .artifact-content{flex:1 1;margin-right:1rem}.artifacts-container.list .artifact-meta{display:flex;gap:1rem}.artifact-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;position:relative;transition:all .2s}.artifact-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.artifact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.artifact-icon{align-items:center;background:#f8fafc;border-radius:.5rem;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.artifact-status{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.artifact-name{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem;word-break:break-word}.artifact-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.artifact-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.meta-item{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.25rem}.artifact-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#f1f5f9;border-radius:.25rem;color:#475569;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.artifact-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{background:#f8fafc;border:none;font-size:.875rem;padding:.5rem}.action-btn:hover{background:#e2e8f0}.action-btn.danger:hover{background:#fee2e2;color:#dc2626}.empty-state{padding:4rem 2rem}.empty-icon{font-size:4rem}.empty-state h3{color:#374151;margin:0 0 .5rem}.statistics-panel{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 2rem 2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;border-radius:.75rem;display:flex}.stat-icon{background:#f0f9ff;font-size:2rem;height:3rem;justify-content:center;width:3rem}.stat-number{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#64748b;font-size:.875rem;font-weight:500}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-end}.search-section{align-items:stretch;flex-direction:column}.search-input{min-width:auto}.artifacts-container.grid,.statistics-panel{grid-template-columns:1fr}.categories{overflow-x:auto;padding-bottom:.5rem}}.system-state-page{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh}.log-level-select,.refresh-btn,.time-range-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.refresh-btn{color:#475569;transition:all .2s}.refresh-btn.active{background-color:#10b981;color:#fff}.refresh-btn.active,.refresh-btn:hover{border-color:#10b981}.overview-section{margin-bottom:2rem}.overview-section h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s}.metric-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.metric-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.metric-icon{font-size:1.5rem}.metric-title{color:#374151;font-weight:600}.metric-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.metric-details{color:#64748b;display:flex;flex-direction:column;font-size:.875rem;gap:.25rem;margin-bottom:1rem}.progress-bar{width:100%}.alerts-section{margin-bottom:2rem}.alerts-section h2{color:#dc2626;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid;border-radius:.5rem;padding:1rem 1.5rem}.alert-card.error{background-color:#fef2f2;border-left-color:#ef4444}.alert-card.warning{background-color:#fffbeb;border-left-color:#f59e0b}.alert-card.info{background-color:#eff6ff;border-left-color:#3b82f6}.alert-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.alert-indicator{border-radius:50%;height:.75rem;width:.75rem}.alert-title{color:#1e293b;flex:1 1;font-weight:600}.alert-priority{background-color:#f1f5f9;border-radius:1rem;color:#475569;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.priority-critical .alert-priority,.priority-high .alert-priority{background-color:#fef2f2;color:#dc2626}.priority-medium .alert-priority{background-color:#fffbeb;color:#d97706}.alert-description{color:#64748b;line-height:1.5;margin-bottom:.5rem}.alert-timestamp{color:#9ca3af;font-size:.75rem}.main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.agents-section h2,.tasks-section h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.agents-list,.tasks-list{display:flex;flex-direction:column;gap:1rem}.agent-card,.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s}.agent-card:hover,.task-card:hover{border-color:#cbd5e1;box-shadow:0 2px 4px -1px #0000001a}.agent-header,.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.agent-name,.task-name{color:#1e293b;font-weight:600}.agent-status,.task-status{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.agent-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.agent-metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:#64748b;font-size:.75rem;font-weight:500}.metric-value{color:#1e293b;font-size:.875rem;font-weight:600}.agent-last-activity{border-top:1px solid #f1f5f9;color:#9ca3af;font-size:.75rem;padding-top:.75rem}.task-progress{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.task-progress .progress-bar{flex:1 1}.task-details{color:#64748b;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.logs-section{margin-bottom:2rem}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.logs-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.logs-container{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;max-height:400px;overflow-y:auto}.log-entry{grid-gap:1rem;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875rem;gap:1rem;grid-template-columns:auto auto 1fr 3fr;padding:.75rem 1rem}.log-entry:last-child{border-bottom:none}.log-entry.error{background-color:#fef2f2}.log-entry.warning{background-color:#fffbeb}.log-entry.info{background-color:#f0f9ff}.log-entry.debug{background-color:#f8fafc}.log-timestamp{color:#9ca3af;font-size:.75rem;white-space:nowrap}.log-level{border-radius:.25rem;color:#fff;font-size:.625rem;font-weight:600;min-width:4rem;padding:.125rem .5rem;text-align:center}.log-source{color:#6b7280;font-size:.75rem;font-weight:500}.log-message{color:#374151;line-height:1.4}@media (max-width:1024px){.main-content{gap:1.5rem;grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-end}.logs-header{align-items:stretch;flex-direction:column;gap:.5rem}.log-entry{gap:.5rem;text-align:left}.agent-metrics,.log-entry,.metrics-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.system-state-page{background-color:#0f172a}.page-header{background:#1e293b;border-color:#334155}.header-main h1{color:#f1f5f9}.header-main p{color:#94a3b8}.agent-card,.alert-card,.logs-container,.metric-card,.task-card{background:#1e293b;border-color:#334155}.agent-name,.metric-title,.task-name{color:#f1f5f9}.metric-value{color:#f8fafc}.log-message{color:#e2e8f0}}.dynamic-forms-page{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh}.btn{text-decoration:none}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.templates-section .section-header{margin-bottom:2rem}.section-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.section-header p{color:#64748b;margin:0}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;padding:1.5rem;transition:all .2s}.template-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.template-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.template-badge{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.template-badge.system{background-color:#dbeafe;color:#1e40af}.template-badge.custom{background-color:#f3e8ff;color:#7c3aed}.template-description{color:#64748b;line-height:1.5;margin-bottom:1rem}.template-meta{color:#9ca3af;display:flex;font-size:.875rem;justify-content:space-between}.template-category{background-color:#f1f5f9;border-radius:.25rem;padding:.25rem .5rem;text-transform:capitalize}.forms-history{margin-top:3rem}.forms-history h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.forms-list{display:flex;flex-direction:column;gap:1rem}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem 1.5rem;transition:all .2s}.form-card:hover{border-color:#cbd5e1}.form-header{justify-content:space-between;margin-bottom:.5rem}.form-header h4{color:#1e293b;font-weight:600;margin:0}.form-status{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.form-status.completed{background-color:#dcfce7;color:#166534}.form-status.draft{background-color:#fef3c7;color:#92400e}.form-status.submitted{background-color:#dbeafe;color:#1e40af}.form-meta{color:#64748b;display:flex;font-size:.875rem;gap:1rem}.form-container{margin:0 auto;max-width:800px}.form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.back-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.back-btn:hover{background:#e2e8f0}.form-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.form-header p{color:#64748b;margin:0}.form-content{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem}.form-fields{gap:1.5rem;margin-bottom:2rem}.form-field,.form-fields{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-field.has-error .form-input,.form-field.has-error .form-select,.form-field.has-error .form-textarea{border-color:#ef4444}.field-label{color:#374151;font-size:.875rem;font-weight:600}.required{color:#ef4444;margin-left:.25rem}.field-description{color:#64748b;font-size:.75rem;line-height:1.4}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:100px;resize:vertical}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-item,.radio-item{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.checkbox-item input,.radio-item input{margin:0}.field-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.form-actions{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.validation-summary{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:1rem;padding:1rem}.validation-summary h4{color:#dc2626;font-size:.875rem;margin:0 0 .5rem}.validation-summary ul{color:#dc2626;font-size:.875rem;margin:0;padding-left:1rem}.form-builder{margin:0 auto;max-width:800px}.builder-header{margin-bottom:2rem;text-align:center}.builder-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.builder-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:4rem 2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.builder-placeholder h3{color:#374151;font-size:1.25rem;margin:0 0 1rem}.builder-placeholder p{color:#64748b;margin:0 0 2rem}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-end}.templates-grid{grid-template-columns:1fr}.form-header{align-items:flex-start;flex-direction:column;gap:.5rem}.back-btn{align-self:flex-start}.form-actions{flex-direction:column-reverse}.form-meta{flex-direction:column;gap:.25rem}.template-header{align-items:flex-start}.template-header,.template-meta{flex-direction:column;gap:.5rem}}.form-builder,.form-container,.templates-section{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mcp-state-sync-page{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh}.page-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.header-main h1{color:#1e293b;font-size:1.875rem;font-weight:600;margin:0 0 .5rem}.header-main p{color:#64748b;font-size:1rem;margin:0}.header-actions{gap:1rem}.sync-btn{background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.sync-btn:hover:not(:disabled){background:#059669}.sync-btn.syncing{background:#3b82f6;cursor:not-allowed}.sync-btn:disabled{cursor:not-allowed;opacity:.6}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background-color:#e2e8f0}.page-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.status-overview{margin-bottom:2rem}.overview-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.overview-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.overview-card:hover{border-color:#cbd5e1;box-shadow:0 2px 4px -1px #0000001a}.card-icon{align-items:center;background:#f0f9ff;border-radius:.75rem;display:flex;font-size:2rem;height:3rem;justify-content:center;width:3rem}.card-number{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.card-label{color:#64748b;font-size:.875rem;font-weight:500}.servers-section{margin-bottom:2rem}.servers-section h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.servers-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.server-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .2s}.server-card:hover{border-color:#cbd5e1}.server-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.server-name{color:#1e293b;font-weight:600}.server-status{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.server-url{color:#64748b;font-family:monospace;font-size:.875rem;margin-bottom:.5rem}.server-meta{color:#9ca3af;display:flex;font-size:.75rem;gap:1rem;margin-bottom:1rem}.server-capabilities{display:flex;flex-wrap:wrap;gap:.5rem}.capability-tag{background:#f1f5f9;border-radius:.25rem;color:#475569;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.tabs-section{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden}.tabs-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:all .2s}.tab-btn:hover{background:#f1f5f9;color:#374151}.tab-btn.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-content{padding:2rem}.sync-states-section h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.states-table{grid-gap:1rem;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 1.5fr 1fr}.table-header{color:#374151;display:contents;font-weight:600}.table-header,.table-header>div{border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.table-row{display:contents}.table-row>div{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:.75rem 0}.entity-info{align-items:flex-start!important;flex-direction:column!important}.entity-name{color:#1e293b;font-weight:600;margin-bottom:.25rem}.entity-id{color:#9ca3af;font-family:monospace;font-size:.75rem}.entity-type{color:#64748b;text-transform:capitalize}.status-indicator{align-items:center;border-radius:1rem;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem;text-transform:uppercase}.version{color:#64748b;font-family:monospace}.timestamp{color:#64748b;font-size:.75rem}.actions{gap:.5rem!important}.action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;cursor:pointer;padding:.25rem .5rem;transition:all .2s}.action-btn:hover{background:#f0f9ff;border-color:#3b82f6}.action-btn.conflict{border-color:#f59e0b;color:#f59e0b}.action-btn.conflict:hover{background:#fffbeb}.conflicts-section h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.empty-state{color:#64748b;padding:3rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h4{color:#374151;margin:0 0 .5rem}.conflicts-list{display:flex;flex-direction:column;gap:1rem}.conflict-card{background:#fffbeb;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:.5rem;padding:1.5rem}.conflict-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.conflict-header h4{color:#1e293b;margin:0}.conflict-type{background:#f59e0b;border-radius:.25rem;color:#fff;font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.conflict-details{color:#64748b;display:flex;font-size:.875rem;gap:1rem;margin-bottom:1rem}.jobs-section h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.jobs-list{display:flex;flex-direction:column;gap:1rem}.job-card{border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem}.job-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.job-type{color:#1e293b;font-size:.875rem;font-weight:600}.job-status,.job-type{text-transform:uppercase}.job-status{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.job-progress{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.progress-bar{background-color:#f1f5f9;border-radius:.25rem;flex:1 1;height:.5rem;overflow:hidden}.progress-fill{border-radius:.25rem;height:100%;transition:width .3s ease}.progress-text{color:#374151;font-size:.875rem;font-weight:600;min-width:3rem}.job-details{grid-gap:.5rem;color:#64748b;display:grid;font-size:.875rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-section h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.settings-form{gap:1.5rem;max-width:600px}.setting-group,.settings-form{display:flex;flex-direction:column}.setting-group{gap:.5rem}.setting-group label{color:#374151;font-weight:500}.setting-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.setting-group input,.setting-group select{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.5rem}.setting-group input:focus,.setting-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.conflict-modal{background:#fff;border-radius:.75rem;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;width:90vw}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1e293b;margin:0}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.25rem;padding:.25rem}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.conflict-fields{display:flex;flex-direction:column;gap:1.5rem}.conflict-field h4{align-items:center;color:#1e293b;display:flex;gap:.5rem;margin:0 0 1rem}.importance{border-radius:.25rem;font-size:.75rem;padding:.125rem .5rem;text-transform:uppercase}.importance.low{background:#f0fdf4;color:#166534}.importance.medium{background:#fffbeb;color:#92400e}.importance.critical,.importance.high{background:#fef2f2;color:#dc2626}.field-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.field-version{border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.field-version h5{color:#374151;font-size:.875rem;margin:0 0 .5rem}.field-version pre{background:#f8fafc;border-radius:.25rem;font-size:.75rem;margin:0;overflow-x:auto;padding:.5rem}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:flex-end}.overview-cards,.servers-list{grid-template-columns:1fr}.states-table{display:flex;flex-direction:column;gap:1rem}.table-header{display:none}.table-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.field-comparison{grid-template-columns:1fr}.modal-actions{flex-direction:column}.tabs-header{overflow-x:auto}.job-details{grid-template-columns:1fr}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:450px;width:100%}.login-header{color:#fff;margin-bottom:30px;text-align:center}.login-header h1{font-size:48px;font-weight:700;margin:0 0 10px}.login-header p{font-size:16px;margin:0;opacity:.9}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px}.login-card h2{color:#333;font-size:28px;margin:0 0 30px;text-align:center}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e0e0e0;margin-top:25px;padding-top:25px;text-align:center}.login-footer p{color:#666;font-size:14px;margin:0}.login-footer a{color:#667eea;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-info{margin-top:20px;text-align:center}.test-credentials{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff;font-size:13px;line-height:1.6;margin:0;padding:15px 20px}.test-credentials strong{display:block;margin-bottom:5px}.login-divider{margin:25px 0;position:relative;text-align:center}.login-divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#fff;color:#999;display:inline-block;font-size:13px;font-weight:500;padding:0 15px;position:relative}.register-link{color:#667eea!important;font-weight:600!important;text-decoration:none!important;transition:color .2s}.register-link:hover{color:#764ba2!important;text-decoration:underline!important}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-container{max-width:450px;width:100%}.register-header{color:#fff;margin-bottom:30px;text-align:center}.register-header h1{font-size:48px;font-weight:700;margin:0 0 10px}.register-header p{font-size:16px;margin:0;opacity:.9}.register-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px}.register-card h2{color:#333;font-size:28px;margin:0 0 30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-register:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-register:active:not(:disabled){transform:translateY(0)}.btn-register:disabled{cursor:not-allowed;opacity:.6}.register-footer{border-top:1px solid #e0e0e0;margin-top:25px;padding-top:25px;text-align:center}.register-footer p{color:#666;font-size:14px;margin:0}.register-footer a{color:#667eea;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}.btn-google{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;margin-bottom:20px;padding:14px;transition:all .3s;width:100%}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:#d0d0d0;box-shadow:0 2px 8px #0000001a}.btn-google:active:not(:disabled){transform:scale(.98)}.btn-google:disabled{cursor:not-allowed;opacity:.6}.google-icon{flex-shrink:0}.register-divider{margin:25px 0;position:relative;text-align:center}.register-divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.register-divider span{background:#fff;color:#999;display:inline-block;font-size:13px;font-weight:500;padding:0 15px;position:relative}.requirements-viewer{background:#f5f7fa;display:flex;flex-direction:column;height:100vh}.requirements-viewer.error,.requirements-viewer.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#4a90e2;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.viewer-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:20px 30px}.header-info h1{color:#2c3e50;font-size:24px;margin:0 0 8px}.metadata{color:#7f8c8d;display:flex;font-size:14px;gap:20px}.project-name{color:#4a90e2;font-weight:600}.viewer-toolbar{display:flex;gap:12px}.viewer-toolbar button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.btn-download-md{background:#4a90e2;color:#fff}.btn-download-md:hover{background:#357abd}.btn-download-pdf{background:#e74c3c;color:#fff}.btn-download-pdf:hover{background:#c0392b}.btn-refine{background:#27ae60;color:#fff}.btn-refine:hover{background:#229954}.btn-close{background:#95a5a6;color:#fff}.btn-close:hover{background:#7f8c8d}.viewer-content{display:flex;flex:1 1;overflow:hidden}.markdown-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;flex:1 1;margin:20px 10px 20px 20px;overflow-y:auto;padding:30px}.markdown-container h1{border-bottom:3px solid #4a90e2;color:#2c3e50;font-size:32px;margin:30px 0 20px;padding-bottom:10px}.markdown-container h2{border-bottom:2px solid #e0e0e0;color:#34495e;font-size:26px;margin:25px 0 15px;padding-bottom:8px}.markdown-container h3{color:#34495e;font-size:20px;margin:20px 0 12px}.markdown-container h4{color:#5d6d7e;font-size:16px;margin:15px 0 10px}.markdown-container p{color:#2c3e50;line-height:1.7;margin:12px 0}.markdown-container ol,.markdown-container ul{margin:12px 0;padding-left:30px}.markdown-container li{line-height:1.6;margin:6px 0}.markdown-container code{background:#f8f9fa;border-radius:3px;color:#e74c3c;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.markdown-container pre{background:#2c3e50;border-radius:6px;color:#ecf0f1;margin:16px 0;overflow-x:auto;padding:16px}.markdown-container pre code{background:#0000;color:inherit;padding:0}.markdown-container blockquote{border-left:4px solid #4a90e2;color:#5d6d7e;font-style:italic;margin:16px 0;padding-left:16px}.table-wrapper{margin:20px 0;overflow-x:auto}.markdown-container table{background:#fff;border-collapse:collapse;width:100%}.markdown-container th{background:#4a90e2;color:#fff;font-weight:600;padding:12px;text-align:left}.markdown-container td{border:1px solid #e0e0e0;padding:10px 12px}.markdown-container tr:nth-child(2n),.mermaid-diagram{background:#f8f9fa}.mermaid-diagram{border:2px dashed #4a90e2;border-radius:8px;margin:20px 0;padding:20px}.mermaid-code{background:#2c3e50;border-radius:6px;color:#ecf0f1;font-size:12px;overflow-x:auto;padding:16px}.mermaid-note{color:#7f8c8d;font-size:13px;font-style:italic;margin:12px 0 0}.viewer-sidebar{overflow-y:auto;padding:20px;width:300px}.document-stats,.toc{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.document-stats h3,.toc h3{color:#2c3e50;font-size:16px;margin:0 0 15px}.toc-content{color:#7f8c8d;font-size:14px}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-item{border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:8px 0}.stat-label{color:#7f8c8d;font-size:14px}.stat-value{color:#2c3e50;font-size:14px;font-weight:600}@media (max-width:1024px){.viewer-sidebar{display:none}.markdown-container{margin-right:20px}}@media (max-width:768px){.viewer-header{flex-direction:column;gap:15px}.viewer-toolbar{flex-wrap:wrap;width:100%}.viewer-toolbar button{flex:1 1;min-width:120px}.markdown-container{margin:10px;padding:20px 15px}}.refine-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 14px #0000000f;margin:12px 20px;padding:16px}.refine-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.refine-header strong{color:#10b981;font-size:15px}.btn-close-refine{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:18px}.btn-close-refine:hover{color:#0f172a}.refine-hint{color:#64748b;font-size:12px;margin-bottom:10px}.refine-textarea{border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:13px;line-height:1.5;min-height:100px;outline:none;padding:12px;resize:vertical;width:100%}.refine-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.refine-textarea:disabled{background:#f1f5f9;cursor:not-allowed}.refine-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.btn-submit-refine{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:9px 18px}.btn-submit-refine:hover:not(:disabled){background:#059669}.btn-submit-refine:disabled{background:#94a3b8;cursor:not-allowed}.refine-feedback{background:#f1f5f9;border-radius:6px;color:#475569;flex:1 1;font-size:12px;padding:8px 12px}.app-container{display:flex;height:100vh;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.content-area{flex:1 1;overflow-y:auto;padding:20px}.sidebar{background-color:#1a1a2e;color:#fff;height:100vh;overflow-y:auto;transition:width .3s ease;width:250px}.sidebar-collapsed{width:60px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px}.logo{font-size:1.5rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.sidebar-nav{padding:16px 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:8px}.nav-link{align-items:center;color:#fff;display:flex;padding:10px 16px;text-decoration:none;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.nav-icon{font-size:1.2rem;margin-right:12px;min-width:24px;text-align:center}.nav-children{padding-left:16px}.nav-child-item{margin-top:4px}.nav-child-link{align-items:center;color:#fffc;display:flex;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:background-color .2s}.nav-child-link:hover{background-color:#ffffff1a}.nav-child-icon{font-size:.9rem;margin-right:8px}.app-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;height:60px;justify-content:space-between;padding:0 20px}.header-title h1{font-size:1.5rem;margin:0}.header-search form{align-items:center;display:flex}.header-search input{border:1px solid #ddd;border-radius:4px 0 0 4px;padding:8px 12px;width:250px}.header-search button{background-color:#06c;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:8px 12px}.header-actions{align-items:center;display:flex}.notification-btn,.profile-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:16px;position:relative}.notification-badge{align-items:center;background-color:#ff3860;border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.notifications-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:16px;position:absolute;right:0;top:40px;width:300px;z-index:1000}.notifications-dropdown h3{border-bottom:1px solid #eee;margin-top:0;padding-bottom:8px}.notification-item{border-bottom:1px solid #eee;cursor:pointer;padding:8px 0}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#0066cc0d}.notification-title{font-weight:700;margin-bottom:4px}.notification-time{color:#777;font-size:.8rem;margin-top:4px}.profile-container{position:relative}.profile-btn{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.profile-btn:hover{background-color:#e8e8e8}.profile-icon{font-size:1.2rem}.profile-name{color:#333;font-size:.9rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:220px;padding:8px 0;position:absolute;right:0;top:50px;z-index:1000}.profile-info{padding:12px 16px}.profile-email{color:#666;font-size:.9rem;margin-bottom:4px}.profile-role{color:#999;font-size:.8rem;text-transform:capitalize}.profile-divider{background-color:#e0e0e0;height:1px;margin:8px 0}.profile-menu-item{background:none;border:none;color:#333;cursor:pointer;font-size:.9rem;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.profile-menu-item:hover{background-color:#f5f5f5}.profile-menu-item.logout{color:#d32f2f}.profile-menu-item.logout:hover{background-color:#ffebee}
/*# sourceMappingURL=main.2e4508c6.css.map*/