@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__navigation button[disabled]{background-color:#f0f0f0}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers{font-weight:700}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;padding:1em calc(.5em / .75)}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;text-align:center;padding:.75em .5em;background:none}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-date-picker{display:inline-flex;position:relative}.react-date-picker,.react-date-picker *,.react-date-picker *:before,.react-date-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-date-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-date-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-date-picker__inputGroup{min-width:calc((4px * 3) + .54em * 8 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-date-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-date-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;font:inherit;box-sizing:content-box;-moz-appearance:textfield}.react-date-picker__inputGroup__input::-webkit-outer-spin-button,.react-date-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-date-picker__inputGroup__input:invalid{background:#ff00001a}.react-date-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-date-picker__button{border:0;background:transparent;padding:4px 6px}.react-date-picker__button:enabled{cursor:pointer}.react-date-picker__button:enabled:hover .react-date-picker__button__icon,.react-date-picker__button:enabled:focus .react-date-picker__button__icon{stroke:#0078d7}.react-date-picker__button:disabled .react-date-picker__button__icon{stroke:#6d6d6d}.react-date-picker__button svg{display:inherit}.react-date-picker__calendar{width:350px;max-width:100vw;position:absolute;top:100%;left:0;z-index:1}.react-date-picker__calendar--closed{display:none}.react-date-picker__calendar .react-calendar{border-width:thin}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;inset:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;inset:0 50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;inset:0 50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker *:before,.react-datetime-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-datetime-picker__inputGroup{min-width:calc(4px + (4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;font:inherit;box-sizing:content-box;-moz-appearance:textfield}.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{font:inherit;-moz-appearance:menulist}.react-datetime-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{position:absolute;top:100%;left:0;z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{width:350px;max-width:100vw}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}.loading-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:9999}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner{width:50px;height:50px}.spinner{width:100%;height:100%;border:3px solid rgba(255,255,255,.1);border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite}.loading-message{color:#fffc;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;margin:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:absolute;inset:0;z-index:0}.login-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.login-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(233,69,96,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(107,72,255,.1) 0%,transparent 50%);animation:patternMove 20s ease-in-out infinite}@keyframes patternMove{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.login-container{position:relative;z-index:1;width:100%;max-width:440px;padding:2rem}.login-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:72px;height:72px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 10px 30px #e945604d}.login-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.login-subtitle{font-size:.9375rem;color:#fff9;margin:0}.login-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:1rem;color:#fca5a5;font-size:.875rem;line-height:1.5}.login-error i{color:#f87171;margin-top:.125rem}.login-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:12px;margin-bottom:1.5rem;color:#fcd34d;font-size:.875rem;line-height:1.5}.login-warning i{color:#fbbf24;margin-top:.125rem}.login-warning p{margin:0 0 .5rem}.clear-session-link{background:none;border:none;color:#60a5fa;font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline;transition:color .2s ease}.clear-session-link:hover{color:#93c5fd}.preset-app-info{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;margin-bottom:1.5rem;color:#86efac;font-size:.875rem}.preset-app-info i{color:#22c55e}.preset-app-info strong{color:#fff;font-family:JetBrains Mono,monospace;font-size:.8125rem}.login-form{margin-bottom:1.5rem}.login-loading{padding:1rem 0}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.select-wrapper{position:relative}.form-select,.form-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9375rem;transition:all .2s ease}.form-select{padding-right:2.5rem;appearance:none;cursor:pointer}.form-select:hover,.form-input:hover{border-color:#fff3}.form-select:focus,.form-input:focus{outline:none;border-color:#e94560;box-shadow:0 0 0 3px #e9456026}.form-select option{background:#1a1a2e;color:#fff}.form-input::placeholder{color:#fff6}.select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:.75rem;pointer-events:none}.form-hint{margin:.5rem 0 0;font-size:.75rem;color:#fff6;line-height:1.4}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e945604d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-button i{font-size:.875rem;transition:transform .2s ease}.login-button:hover:not(:disabled) i{transform:translate(4px)}.login-oauth-info{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:12px}.login-oauth-info i{color:#60a5fa;font-size:1rem;margin-top:.125rem}.login-oauth-info p{margin:0;font-size:.8125rem;color:#fff9;line-height:1.5}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{font-size:.75rem;color:#fff6;margin:0}.login-footer a{color:#fff9;text-decoration:none;transition:color .2s ease}.login-footer a:hover{color:#e94560}.login-info{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.info-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff6}.info-item i{color:#ffffff4d}@media(max-width:480px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-info{flex-direction:column;gap:.75rem;align-items:center}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:.5rem}.header-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s ease}.header-brand:hover{background:#ffffff0d}.header-logo{height:36px;width:auto;object-fit:contain}.header-logo-placeholder{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:8px;color:#fff;font-size:1.25rem}.header-titles{display:flex;flex-direction:column;gap:.125rem}.header-title{font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2}.header-app-name{font-size:.6875rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.header-separator{color:#ffffff4d;font-size:1.25rem;margin:0 .25rem}.header-project{display:flex;align-items:center}.project-name{color:#ffffffb3;font-size:.875rem}.header-right{display:flex;align-items:center;gap:1rem}.header-user-menu{position:relative}.user-avatar-button{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem .375rem .375rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;cursor:pointer;transition:all .2s ease}.user-avatar-button:hover,.user-avatar-button.active{background:#ffffff14;border-color:#ffffff26}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.02em}.user-info{display:flex;flex-direction:row;align-items:flex-start;gap:.0625rem}.user-name{font-size:.8125rem;font-weight:500;color:#ffffffe6;line-height:1.2}.user-email{font-size:.6875rem;color:#ffffff80;line-height:1.2}.dropdown-arrow{font-size:.625rem;color:#fff6;margin-left:.25rem;transition:transform .2s ease}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:#1e1e32;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 40px #0006;overflow:hidden;animation:dropdownFadeIn .15s ease-out;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:.875rem;padding:1rem;background:#ffffff05}.dropdown-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:50%;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.02em;flex-shrink:0}.dropdown-user-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.dropdown-user-name{font-size:.9375rem;font-weight:600;color:#fff;line-height:1.3}.dropdown-user-email{font-size:.8125rem;color:#ffffff80;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:#ffffff14}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item i{font-size:1rem;width:1.25rem;text-align:center;opacity:.7}.dropdown-item:hover i{color:#e94560;opacity:1}@media(max-width:640px){.user-info{display:none}.user-avatar-button{padding:.25rem;border-radius:50%}.dropdown-arrow{display:none}.user-dropdown{width:260px;right:-.5rem}}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.project-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.project-card.single-group{cursor:pointer}.project-card.single-group:hover{border-color:#e94560}.project-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.project-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:12px;color:#fff;font-size:1.25rem;flex-shrink:0}.project-info{flex:1;min-width:0}.project-name{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem;line-height:1.3}.project-shortname{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.project-description{font-size:.875rem;color:#fff9;line-height:1.5;margin:0 0 1rem}.project-loading{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:8px;color:#fff9;font-size:.875rem}.project-loading-spinner{display:flex;align-items:center;justify-content:center}.mini-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#e94560;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.project-click-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:#fff6;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.project-card:hover .project-click-hint{background:#ffffff0d;border-color:#fff3;color:#fff9}.project-user-groups{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.user-groups-title{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.user-groups-list{display:flex;flex-direction:column;gap:.5rem}.user-group-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.user-group-item:hover{background:#ffffff14;border-color:#ffffff26}.user-group-item.selected{background:#e94560;border-color:#e94560;color:#fff}.user-group-item i{font-size:.875rem;opacity:.7}.project-single-group{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px;color:#fff9;font-size:.875rem}.project-single-group i:first-child{opacity:.6}.project-single-group span{flex:1}.project-single-group i:last-child{color:#e94560;transition:transform .2s ease}.project-card.single-group:hover .project-single-group i:last-child{transform:translate(4px)}.project-no-groups{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:#fff9;font-size:.8125rem}.project-no-groups i{color:#f87171}.home-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.home-content{max-width:1200px;margin:0 auto;padding:2rem}.home-header{margin-bottom:2rem}.home-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.home-subtitle{font-size:1rem;color:#fff9;margin:0}.home-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:2rem;color:#fca5a5}.home-error i{color:#f87171}.home-error span{flex:1}.home-error button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.home-error button:hover{background:#ffffff26}.home-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:20px;margin-bottom:1.5rem}.empty-icon i{font-size:2rem;color:#ffffff4d}.home-empty h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.home-empty p{font-size:1rem;color:#ffffff80;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}@media(max-width:768px){.home-content{padding:1rem}.home-title{font-size:1.5rem}.projects-grid{grid-template-columns:1fr}}.homepage-view{min-height:100%}.homepage-content{max-width:1000px;margin:0 auto;padding:2rem}.welcome-section{text-align:center;margin-bottom:3rem;padding:2rem 0}.welcome-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.welcome-subtitle{font-size:1.125rem;color:#fff9;margin:0}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.info-card{display:flex;gap:1rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.info-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:12px;color:#fff;font-size:1.25rem;flex-shrink:0}.card-content{flex:1;min-width:0}.card-content h3{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.card-value{font-size:1.125rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.card-description{font-size:.875rem;color:#ffffff80;margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-actions{margin-top:2rem}.quick-actions h2{font-size:1rem;font-weight:600;color:#ffffffb3;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#ffffffb3;text-decoration:none;transition:all .2s ease}.action-card:hover{background:#ffffff14;border-color:#e94560;color:#fff;transform:translateY(-2px)}.action-card i{font-size:1.5rem;color:#e94560}.action-card span{font-size:.875rem;font-weight:500}@media(max-width:768px){.homepage-content{padding:1rem}.welcome-title{font-size:1.75rem}.info-cards{grid-template-columns:1fr}}.orchestrator-management{max-width:1400px;margin:0 auto;padding:2rem}.orchestrator-header{margin-bottom:2rem}.orchestrator-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.orchestrator-title i{font-size:1.75rem;color:#10b981}.orchestrator-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.orchestrator-subtitle{color:#fff9;margin:0;font-size:.9375rem}.orchestrator-subtitle strong{color:#ffffffe6}.orchestrator-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.orchestrator-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.orchestrator-message.error i{color:#f87171}.orchestrator-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.orchestrator-message.success i{color:#22c55e}.orchestrator-message span{flex:1}.orchestrator-message button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;line-height:1}.orchestrator-message button:hover{opacity:1}.quick-create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.quick-create-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.quick-create-card:hover:not(.exists){background:#ffffff0d;border-color:#ffffff26}.quick-create-card.exists{opacity:.7}.card-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:#10b98126;border-radius:12px;color:#10b981;font-size:1.5rem}.card-icon.instant{background:#fbbf2426;color:#fbbf24}.card-icon.custom{background:#8b5cf626;color:#a78bfa}.quick-create-card h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.quick-create-card p{font-size:.8125rem;color:#ffffff80;margin:0 0 1rem;line-height:1.5}.exists-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:6px;color:#86efac;font-size:.8125rem}.orchestrator-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#fff9}.orchestrator-empty-state i{font-size:3rem;color:#fbbf24;margin-bottom:1rem}.orchestrator-empty-state h2{color:#fff;margin:0 0 .5rem}.orchestrators-table{overflow-x:auto}.orchestrators-table table{width:100%;border-collapse:collapse}.orchestrators-table th,.orchestrators-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.orchestrators-table th{font-size:.6875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;background:#0003}.orchestrators-table td{font-size:.875rem;color:#ffffffd9}.orchestrators-table tr:hover td{background:#ffffff05}.orch-name{display:flex;flex-direction:column;gap:.25rem}.orch-name strong{color:#fff}.orch-desc{font-size:.75rem;color:#ffffff80}.orchestrators-table td code{padding:.25rem .5rem;background:#0000004d;border-radius:4px;font-size:.75rem;color:#fbbf24;font-family:JetBrains Mono,monospace}.type-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.type-badge.scheduled{background:#10b98126;color:#34d399}.run-result{padding:1rem;background:#0000004d;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#86efac;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.form-group input[type=text],.form-group input[type=number],.form-group textarea{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.form-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.form-section h3{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 1rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc;cursor:pointer}.radio-label input[type=radio]{width:16px;height:16px;accent-color:#10b981}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#10b981}.schedule-inputs{display:flex;gap:1rem}.schedule-field{display:flex;align-items:center;gap:.5rem}.schedule-field input{width:60px;padding:.5rem;text-align:center}.schedule-field span{font-size:.75rem;color:#ffffff80}@media(max-width:768px){.orchestrator-management{padding:1rem}.form-grid,.quick-create-grid{grid-template-columns:1fr}.schedule-inputs{flex-direction:column;gap:.5rem}.orchestrators-table{font-size:.8125rem}.action-buttons{flex-direction:column}}.workflow-management{max-width:1600px;margin:0 auto;padding:2rem;color:#fff}.workflow-header{margin-bottom:2rem}.workflow-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.workflow-title i{font-size:1.75rem;color:#10b981}.workflow-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.workflow-subtitle{color:#fff9;margin:0;font-size:.9375rem}.workflow-subtitle strong{color:#ffffffe6}.workflow-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.workflow-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.workflow-message.error i{color:#f87171}.workflow-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.workflow-message.success i{color:#22c55e}.workflow-message span{flex:1}.workflow-message button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;line-height:1}.workflow-message button:hover{opacity:1}.workflow-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.08);overflow-x:auto}.workflow-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-bottom:-2px}.workflow-tab:hover{color:#ffffffe6;background:#ffffff08}.workflow-tab.active{color:#10b981;border-bottom-color:#10b981}.workflow-tab i{font-size:1rem}.workflow-content{min-height:400px}.section-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:600;color:#fff;margin:0}.section-header h2 i{color:#10b981;font-size:1.125rem}.info-banner{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;color:#93c5fd}.info-banner i{color:#3b82f6;font-size:1.125rem;margin-top:.125rem}.btn-primary.small{padding:.5rem .875rem;font-size:.8125rem}.loading-state,.empty-state,.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#ffffff80;gap:.75rem;text-align:center}.loading-state i,.empty-state i,.empty-state-container i{font-size:2rem;opacity:.5}.empty-state-container{min-height:400px}.empty-state-container h2{color:#fff;margin:.5rem 0}.workflows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.workflow-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:all .2s ease}.workflow-card:hover{background:#ffffff0d;border-color:#ffffff26}.workflow-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.workflow-card-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0;flex:1}.workflow-card-actions{display:flex;gap:.375rem}.workflow-card-desc{font-size:.8125rem;color:#fff9;margin:0 0 1rem;line-height:1.5}.workflow-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#ffffff80}.meta-item i{font-size:.875rem}.meta-item code{padding:.125rem .375rem;background:#0000004d;border-radius:4px;font-size:.6875rem;color:#fbbf24;font-family:JetBrains Mono,monospace}.workflow-card-footer{display:flex;gap:.5rem}.task-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.task-template-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:3px solid;border-radius:12px;padding:1.5rem;transition:all .2s ease}.task-template-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.task-template-header{display:flex;align-items:center;gap:1rem;margin-bottom:.875rem}.task-template-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.25rem}.task-template-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.task-category{display:inline-block;padding:.125rem .5rem;background:#ffffff1a;border-radius:4px;font-size:.6875rem;color:#fff9;text-transform:uppercase;letter-spacing:.03em}.task-template-desc{font-size:.8125rem;color:#ffffffa6;line-height:1.5;margin:0 0 1rem}.task-template-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.task-type{padding:.375rem .625rem;background:#0000004d;border-radius:6px;font-size:.75rem;color:#a78bfa;font-family:JetBrains Mono,monospace}.task-documentation{margin-top:1rem;border-top:1px solid rgba(255,255,255,.06);padding-top:1rem}.task-documentation summary{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#10b981;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.task-documentation summary::-webkit-details-marker{display:none}.task-documentation summary:hover{color:#34d399}.documentation-content{margin-top:1rem;padding:1rem;background:#0000004d;border-radius:8px}.documentation-content pre{margin:0;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;color:#86efac;white-space:pre-wrap;word-break:break-word}.runs-table{overflow-x:auto;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.runs-table td code{padding:.25rem .5rem;background:#0000004d;border-radius:4px;font-size:.75rem;color:#fbbf24;font-family:JetBrains Mono,monospace}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff}.status-badge.enabled{background:#10b98133;color:#34d399}.status-badge.disabled{background:#6b728033;color:#9ca3af}.schedules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.schedule-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:all .2s ease}.schedule-card:hover{background:#ffffff0d;border-color:#ffffff26}.schedule-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.schedule-card-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0;flex:1}.schedule-card-body{display:flex;flex-direction:column;gap:.75rem}.schedule-meta{display:flex;flex-direction:column;gap:.5rem}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.pattern-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.pattern-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.pattern-header{display:flex;align-items:center;gap:1rem;margin-bottom:.875rem}.pattern-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#10b98126;border-radius:10px;color:#10b981;font-size:1.25rem}.pattern-header h3{font-size:1rem;font-weight:600;color:#fff;margin:0}.pattern-desc{font-size:.8125rem;color:#ffffffa6;line-height:1.5;margin:0 0 1rem}.pattern-example{margin-top:1rem;padding:1rem;background:#0000004d;border-radius:8px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.pattern-example pre{margin:0;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;color:#86efac;white-space:pre-wrap;word-break:break-word}.pattern-footer{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.pattern-hint{font-size:.75rem;color:#ffffff80}.form-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.form-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.form-header h2{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:600;color:#fff;margin:0}.form-header h2 i{color:#10b981}.form-body{padding:1.5rem}.form-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.08)}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.form-group textarea{resize:vertical}.form-group textarea.code-input{font-family:JetBrains Mono,monospace;font-size:.8125rem}.form-group select{cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#10b981;cursor:pointer}.modal-content.large{max-width:900px}.modal-header h2 i{color:#10b981}.run-result{padding:1rem;background:#0000004d;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#86efac;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:600px;overflow-y:auto}@media(max-width:1024px){.workflows-grid,.task-templates-grid,.patterns-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.workflow-management{padding:1rem}.form-grid,.workflows-grid,.task-templates-grid,.schedules-grid,.patterns-grid{grid-template-columns:1fr}.workflow-tabs{gap:.25rem}.workflow-tab{padding:.75rem 1rem;font-size:.8125rem}.section-header{flex-direction:column;align-items:flex-start}}.notification-management{max-width:1400px;margin:0 auto;padding:2rem}.notification-header{margin-bottom:2rem}.notification-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.notification-title i{font-size:1.75rem;color:#f59e0b}.notification-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.notification-subtitle{color:#fff9;margin:0;font-size:.9375rem}.notification-subtitle strong{color:#ffffffe6}.notification-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.notification-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.notification-message.error i{color:#f87171}.notification-message.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.notification-message.success i{color:#22c55e}.notification-message span{flex:1}.notification-message button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;line-height:1}.notification-message button:hover{opacity:1}.section-card h2{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.section-card h2 i{color:#f59e0b;font-size:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-description{color:#ffffff80;font-size:.8125rem;margin:0 0 1.25rem;line-height:1.5}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap}.notification-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:.875rem;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#ffffff0f;color:#ffffffe6}.tab-btn.active{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.tab-btn i{font-size:.875rem}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b59}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-icon.danger:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.empty-state,.notification-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#ffffff80;gap:.75rem;text-align:center}.empty-state i,.notification-empty-state i{font-size:2rem;opacity:.5}.notification-empty-state i{font-size:3rem;color:#fbbf24;margin-bottom:1rem}.notification-empty-state h2{color:#fff;margin:0 0 .5rem}.empty-state.warning{background:#f59e0b1a;border-radius:8px}.empty-state.warning i{color:#fbbf24}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.item-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem;transition:all .2s ease}.item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.item-header h3{font-size:.9375rem;font-weight:600;color:#fff;margin:0;word-break:break-word}.item-description{font-size:.8125rem;color:#ffffff80;margin:0 0 .75rem;line-height:1.4}.item-badges{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.badge{font-size:.625rem;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.badge.email{background:#3b82f626;color:#60a5fa}.badge.sms{background:#22c55e26;color:#4ade80}.badge.webhook{background:#8b5cf626;color:#a78bfa}.badge.format{background:#ffffff1a;color:#fff9}.badge.template-linked{background:#22c55e26;color:#4ade80;display:inline-flex;align-items:center;gap:.25rem}.badge.template-linked i{font-size:.5rem}.item-meta{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.item-id{font-size:.625rem;color:#fff6;font-family:JetBrains Mono,monospace;word-break:break-all}.template-card .template-subject{font-size:.75rem;color:#fff9;margin-bottom:.75rem;padding:.5rem;background:#0003;border-radius:4px}.template-card .template-subject strong{color:#fff6}.subscriptions-list{display:flex;flex-direction:column;gap:.75rem}.subscription-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.subscription-item>i.fa-arrow-right{color:#ffffff4d}.subscription-group,.subscription-device{display:flex;align-items:center;gap:.5rem;flex:1}.subscription-group i{color:#f59e0b}.subscription-device i{color:#60a5fa}.subscription-group span,.subscription-device span{font-size:.875rem;color:#ffffffe6}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:600;color:#fff;margin:0}.modal-header h2 i{color:#f59e0b}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.08)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.form-group textarea{resize:vertical;min-height:100px}.form-group textarea.code-textarea{font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.5;min-height:200px}.form-hint{font-size:.6875rem;color:#fff6}.form-hint i{margin-right:.25rem}.form-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:.875rem}.form-warning i{flex-shrink:0}.user-preview{padding:.75rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;font-size:.875rem;color:#fffc}.user-preview div{margin-bottom:.25rem}.user-preview div:last-child{margin-bottom:0}.user-preview strong{color:#10b981}.checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.75rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0;font-size:.875rem;color:#fffc}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:#f59e0b}.checkbox-item:hover{color:#fff}.trigger-card .trigger-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;margin:.5rem 0;color:#ffffffb3}.trigger-card .trigger-filters code{background:#f59e0b26;color:#f59e0b;padding:.15rem .4rem;border-radius:4px;font-size:.7rem}.trigger-card .trigger-targets{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:#fff9;margin-top:.5rem}.trigger-card .trigger-targets span{display:flex;align-items:center;gap:.25rem}.trigger-card .trigger-targets i{color:#fff6}.trigger-card .trigger-script{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-top:.5rem;padding:.4rem .6rem;background:#10b9811a;border-radius:4px;border-left:2px solid #10b981}.trigger-card .trigger-script i{color:#10b981}.trigger-card .trigger-script .script-usertype{color:#10b981;font-weight:500}.trigger-card .trigger-script .script-function{color:#fff9;font-family:monospace}.badge.trigger-type{background:#8b5cf633;color:#a78bfa}.sender-card .item-description{display:flex;align-items:center;gap:.5rem}.sender-card .item-description i{color:#fff6}.empty-hint{font-size:.8125rem;color:#fff6;margin-top:.5rem}.form-section-header{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.form-section-header label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#f59e0b}.form-section-header label i{font-size:.875rem}.item-actions{display:flex;gap:.25rem}.template-variables-help{margin-top:1rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.template-variables-help>label{display:flex;align-items:center;gap:.5rem;color:#60a5fa;margin-bottom:.75rem}.variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.variable-group{display:flex;flex-direction:column;gap:.25rem}.variable-group strong{color:#ffffffe6;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.variable-group code{background:#ffffff0d;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#a78bfa;font-family:JetBrains Mono,monospace}.form-hint.warning{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:#fbbf24}.form-hint.warning i{color:#fbbf24}.modal-lg{max-width:800px}.setup-status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.setup-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.setup-status-header h2{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;color:#fff;margin:0}.setup-status-header h2 i{color:#60a5fa}.setup-status-header .btn-sm{padding:.5rem .875rem;font-size:.75rem}.setup-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.setup-status-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.setup-status-item.complete{background:#22c55e14;border-color:#22c55e33}.setup-status-item.warning{background:#f59e0b1a;border-color:#f59e0b4d}.setup-status-item.pending{opacity:.6}.status-icon{font-size:1.125rem;line-height:1}.setup-status-item.complete .status-icon{color:#22c55e}.setup-status-item.warning .status-icon{color:#f59e0b}.setup-status-item.pending .status-icon{color:#ffffff4d}.status-content{flex:1;min-width:0}.status-label{font-size:.6875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.status-value{font-size:.8125rem;color:#ffffffe6}.status-value .warning-text{color:#fbbf24;font-size:.75rem}.setup-status-item .btn-sm{padding:.375rem .625rem;font-size:.6875rem}.btn-warning{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#fbbf24}.btn-warning:hover{background:#f59e0b4d}.setup-warning{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.25rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:10px}.setup-warning>i{color:#f59e0b;font-size:1.125rem;margin-top:.125rem}.setup-warning span{font-size:.8125rem;color:#fffc;line-height:1.5}.setup-warning strong{color:#fbbf24}.link-btn{background:none;border:none;color:#60a5fa;font-size:inherit;font-family:inherit;cursor:pointer;padding:0;margin-left:.25rem;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:#93c5fd}.notification-tabs-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.tabs-group{display:flex;flex-direction:column;gap:.5rem}.tabs-group-label{font-size:.625rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.tabs-group .notification-tabs{margin-bottom:0}.tab-btn.highlight{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 4px #f59e0b33}}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.625rem;font-weight:700;margin-left:.375rem}.tab-badge.warning{background:#f59e0b;color:#1a1a2e}.item-namespaces{margin:.75rem 0;padding:.75rem;background:#0003;border-radius:8px}.namespaces-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.namespaces-label{font-size:.6875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.375rem}.namespaces-label i{font-size:.625rem}.namespaces-header .btn-icon{width:24px;height:24px;font-size:.6875rem}.namespace-tags{display:flex;flex-wrap:wrap;gap:.375rem}.namespace-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#60a5fa26;border:1px solid rgba(96,165,250,.25);border-radius:4px;font-size:.6875rem;color:#93c5fd;font-family:JetBrains Mono,monospace}.namespace-tag.editing{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.namespace-tag.editing button{background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:.25rem;font-size:.875rem;line-height:1;opacity:.7}.namespace-tag.editing button:hover{opacity:1}.namespace-tag.none{background:#ffffff0d;border-color:#ffffff1a;color:#fff6;font-style:italic}.namespace-editor{display:flex;flex-direction:column;gap:.5rem}.namespace-add{display:flex;gap:.5rem}.namespace-add input{flex:1;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.75rem}.namespace-add input::placeholder{color:#ffffff4d}.namespace-add .btn-icon{width:28px;height:28px;font-size:.75rem;background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.namespace-add .btn-icon:hover{background:#22c55e40}.namespace-editor-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.namespace-editor-actions .btn-sm{padding:.375rem .75rem}.namespace-creator{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0003;border-radius:8px}.namespace-creator .namespace-tags{min-height:28px;font-size:.6875rem}.inline-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:10px;margin-bottom:1rem}.inline-warning>i{color:#f59e0b;font-size:1rem;margin-top:.125rem}.inline-warning span{font-size:.8125rem;color:#fffc;line-height:1.5}.inline-warning strong{color:#fbbf24}.inline-warning .link-btn{display:block;margin-top:.5rem;margin-left:0}.empty-hint{font-size:.75rem;color:#fff6;margin:0}.template-types-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0 1.5rem}.template-type-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.template-type-box>i{font-size:1.25rem;color:#60a5fa;margin-top:.125rem}.template-type-box strong{display:block;color:#fff;font-size:.875rem;margin-bottom:.25rem}.template-type-box span{display:block;font-size:.75rem;color:#fff9;line-height:1.4}.template-type-box code{background:#f59e0b33;color:#fbbf24;padding:.125rem .375rem;border-radius:3px;font-size:.6875rem}.empty-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.template-quick-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;background:#667eea14;border:1px solid rgba(102,126,234,.2);border-radius:10px;flex-wrap:wrap}.quick-actions-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.btn-outline{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.btn-outline i{font-size:.6875rem;color:#60a5fa}@media(max-width:768px){.notification-management{padding:1rem}.form-grid,.items-grid{grid-template-columns:1fr}.subscription-item{flex-wrap:wrap}.notification-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.tab-btn{flex-shrink:0}.setup-status-grid{grid-template-columns:repeat(2,1fr)}.template-types-info{grid-template-columns:1fr}.notification-tabs-wrapper{flex-direction:column;gap:1rem}}.user-group-page{max-width:1600px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px)}.user-group-page .page-header{margin-bottom:2rem}.user-group-page .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.user-group-page .header-title i{font-size:1.75rem;color:#10b981}.user-group-page .header-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.user-group-page .header-subtitle{color:#fff9;margin:0;font-size:.9375rem}.user-group-page .fetching-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#a78bfa26;border:1px solid rgba(167,139,250,.3);border-radius:8px;color:#a78bfa;font-size:.8125rem}.user-group-page .message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.user-group-page .message-banner.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.user-group-page .message-banner.success i{color:#22c55e}.user-group-page .message-banner span{flex:1}.user-group-page .message-banner button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;padding:0;line-height:1}.user-group-page .message-banner button:hover{opacity:1}.user-group-content{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;min-height:600px}.groups-sidebar{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.groups-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.groups-sidebar .sidebar-header h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fff;margin:0}.groups-sidebar .sidebar-header h2 i{color:#10b981}.add-user-form{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);background:#10b9810d}.add-user-form h3{font-size:.875rem;font-weight:600;color:#10b981;margin:0 0 1rem}.add-user-form .form-group{margin-bottom:.75rem}.add-user-form .form-group label{display:block;font-size:.6875rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.add-user-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.add-user-form input{width:100%;padding:.625rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.8125rem;box-sizing:border-box}.add-user-form input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.add-user-form input::placeholder{color:#ffffff4d}.add-user-form .input-with-button{display:flex;gap:.5rem}.add-user-form .input-with-button input{flex:1}.add-user-form .form-error{color:#f87171;font-size:.75rem;margin-top:.5rem}.add-user-form .email-list{margin:.75rem 0;padding:.75rem;background:#0003;border-radius:8px}.add-user-form .email-list label{display:block;font-size:.6875rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.add-user-form .email-list ul{list-style:none;margin:0;padding:0;max-height:120px;overflow-y:auto}.add-user-form .email-list li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.add-user-form .email-list li:last-child{border-bottom:none}.add-user-form .email-list li span.email{flex:1;color:#ffffff80;font-size:.75rem}.add-user-form .email-list li button{background:none;border:none;color:#fff6;cursor:pointer;padding:.25rem}.add-user-form .email-list li button:hover{color:#f87171}.add-user-form .form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.group-list{flex:1;overflow-y:auto;padding:.5rem}.group-list .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#ffffff80;gap:.5rem}.group-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;margin:.25rem 0;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#fffc}.group-item:hover{background:#ffffff0d}.group-item.active{background:#10b98126;border-left:3px solid #10b981;color:#fff}.group-item.disabled{opacity:.5;cursor:wait}.group-item .group-name{font-size:.875rem;font-weight:500}.group-item i{color:#10b981;font-size:.75rem}.group-details{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.details-header{margin-bottom:1.5rem}.group-title{display:flex;align-items:center;gap:.75rem}.group-title h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.group-title-edit{display:flex;align-items:center;gap:.5rem}.group-title-edit input{padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:1.25rem;font-weight:600;width:300px}.group-title-edit input:focus{outline:none;border-color:#10b981}.name-error{color:#f87171;font-size:.75rem;margin-top:.5rem}.members-section{flex:1;display:flex;flex-direction:column;min-height:0}.members-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.members-section .member-count{display:flex;align-items:center;gap:.5rem}.members-section .member-count h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fff;margin:0}.members-section .member-count h3 i{color:#10b981}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#10b98133;border-radius:12px;font-size:.75rem;font-weight:600;color:#10b981}.filtered-count{font-size:.8125rem;font-weight:400;color:#ffffff80;margin-left:.25rem}.search-box{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:300px}.search-box i{color:#fff6;font-size:.875rem}.search-box .clear-search{background:none;border:none;color:#fff6;cursor:pointer;padding:.25rem}.search-box .clear-search:hover{color:#fff}.user-list{flex:1;overflow-y:auto;padding-right:.5rem}.user-list::-webkit-scrollbar{width:6px}.user-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.user-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.user-list::-webkit-scrollbar-thumb:hover{background:#fff3}.user-card{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .15s ease}.user-card:hover{background:#ffffff0d;border-color:#ffffff1a}.user-card.current-user{border-color:#10b9814d;background:#10b9810d}.user-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:#fff}.you-badge{font-size:.6875rem;font-weight:600;color:#10b981;background:#10b98133;padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.user-email{font-size:.8125rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badges{display:flex;gap:.5rem}.user-badges .badge{font-size:1rem;opacity:.9}.user-actions{display:flex;gap:.5rem}.delete-confirmation{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#ffffffb3}.invites-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.invites-section .section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.invites-section .section-header h3 i{color:#fbbf24}.expired-header{font-size:.875rem;font-weight:500;color:#ffffff80;margin:1rem 0 .5rem}.invite-list{display:flex;flex-direction:column;gap:.5rem}.invite-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:8px}.invite-card.expired{background:#ffffff08;border-color:#ffffff14}.invite-email{font-size:.875rem;color:#fff}.invite-meta{font-size:.75rem;color:#ffffff80}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:#ffffff1a;color:#fff}.btn-icon-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .15s ease}.btn-icon-small:hover{background:#ffffff1a;color:#fff}.btn-icon-small.success{color:#10b981}.btn-icon-small.success:hover{background:#10b98133}.btn-icon-small.danger{color:#f87171}.btn-icon-small.danger:hover{background:#f8717133}.btn-small{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffc;font-size:.75rem;cursor:pointer;transition:all .15s ease}.btn-small:hover{background:#ffffff1a}.btn-small.danger{color:#f87171;border-color:#f871714d}.btn-small.danger:hover{background:#f8717133}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.empty-state.small{padding:1.5rem}.empty-state.small i{font-size:1.5rem}@media(max-width:1024px){.user-group-content{grid-template-columns:280px 1fr}.search-box{min-width:200px}}@media(max-width:768px){.user-group-page{padding:1rem}.user-group-content{grid-template-columns:1fr}.groups-sidebar{max-height:300px}.members-section .section-header{flex-direction:column;align-items:stretch}.search-box{min-width:auto;width:100%}.user-card{flex-wrap:wrap}.user-info{width:100%}.user-badges,.user-actions,.delete-confirmation{margin-left:52px}}.create-sandbox-page{max-width:1400px;margin:0 auto;padding:2rem}.create-sandbox-page .page-header{margin-bottom:2rem}.create-sandbox-page .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.create-sandbox-page .header-title i{font-size:1.75rem;color:#10b981}.create-sandbox-page .header-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.create-sandbox-page .header-subtitle{color:#fff9;margin:0 0 1rem;font-size:.9375rem}.create-sandbox-page .env-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;font-size:.8125rem;font-family:JetBrains Mono,Fira Code,monospace}.create-sandbox-page .env-badge i{font-size:.875rem}.create-sandbox-page .message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.create-sandbox-page .message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.create-sandbox-page .message-banner.error i{color:#f87171}.create-sandbox-page .message-banner.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.create-sandbox-page .message-banner.success i{color:#22c55e}.create-sandbox-page .message-banner span{flex:1}.create-sandbox-page .message-banner button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;line-height:1}.create-sandbox-page .message-banner button:hover{opacity:1}.create-sandbox-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.create-sandbox-page .section-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem 2rem}.create-sandbox-page .section-card h2{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;color:#fff;margin:0 0 .75rem}.create-sandbox-page .section-card h2 i{color:#10b981;font-size:1rem}.create-sandbox-page .section-description{color:#fff9;font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.create-sandbox-page .form-container{display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.create-sandbox-page .form-group{display:flex;flex-direction:column;gap:.5rem}.create-sandbox-page .form-group label{font-size:.75rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.create-sandbox-page .form-group label .required{color:#f87171}.create-sandbox-page .form-group input,.create-sandbox-page .form-group input[type=text],.create-sandbox-page .form-group input[type=email]{padding:.75rem 1rem;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-left:1px solid rgba(255,255,255,.1)!important;border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease;width:100%;box-sizing:border-box}.create-sandbox-page .form-group input:focus,.create-sandbox-page .form-group input[type=text]:focus,.create-sandbox-page .form-group input[type=email]:focus{outline:none;border:1px solid #10b981!important;border-left:1px solid #10b981!important;box-shadow:0 0 0 3px #10b98126}.create-sandbox-page .form-group input:disabled{opacity:.5;cursor:not-allowed}.create-sandbox-page .form-group input::placeholder{color:#ffffff4d}.create-sandbox-page .form-hint{font-size:.75rem;color:#fff6}.create-sandbox-page .form-hint-inline{font-size:.75rem;color:#fff6;font-weight:400;text-transform:none;letter-spacing:normal;margin-left:.25rem}.create-sandbox-page .form-error{display:block;font-size:.75rem;color:#f87171}.create-sandbox-page .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;margin-top:.5rem}.create-sandbox-page .btn-primary,.create-sandbox-page .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.create-sandbox-page .btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.create-sandbox-page .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.create-sandbox-page .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.create-sandbox-page .btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.create-sandbox-page .btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.create-sandbox-page .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.create-sandbox-page .btn-copy{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .2s ease}.create-sandbox-page .btn-copy:hover{background:#ffffff1a;color:#fff}.create-sandbox-page .loading-state,.create-sandbox-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#ffffff80;gap:.75rem}.create-sandbox-page .loading-state i,.create-sandbox-page .empty-state i{font-size:2rem;opacity:.5}.create-sandbox-page .empty-state .hint{font-size:.8125rem;opacity:.7}.create-sandbox-page .warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:10px;margin-bottom:1.5rem;font-size:.875rem;color:#fcd34d}.create-sandbox-page .warning-banner i{color:#fbbf24;font-size:1.125rem;margin-top:2px}.create-sandbox-page .warning-banner strong{color:#fbbf24}.create-sandbox-page .result-block{background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:1rem}.create-sandbox-page .result-block:last-child{margin-bottom:0}.create-sandbox-page .result-block .result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0000004d;font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.create-sandbox-page .result-block pre{margin:0;padding:1rem;font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace;color:#86efac;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;background:transparent}@media(max-width:1024px){.create-sandbox-content{grid-template-columns:1fr}}@media(max-width:768px){.create-sandbox-page{padding:1rem}.create-sandbox-page .form-actions{flex-direction:column}.create-sandbox-page .btn-primary,.create-sandbox-page .btn-secondary{width:100%;justify-content:center}}.sandbox-browser{max-width:1600px;margin:0 auto;padding:2rem;min-height:100vh}.sandbox-header{margin-bottom:1.5rem}.sandbox-header .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sandbox-header .header-title i{font-size:1.75rem;color:#10b981}.sandbox-header .header-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.sandbox-header .header-subtitle{color:#fff9;margin:0 0 1rem;font-size:.9375rem}.btn-cleanup{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cleanup:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.sandbox-content{display:grid;grid-template-columns:420px 1fr;gap:1.5rem;min-height:calc(100vh - 200px)}@media(max-width:1200px){.sandbox-content{grid-template-columns:1fr}}.master-panel{display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.view-tabs{display:flex;background:#0003;border-bottom:1px solid rgba(255,255,255,.06)}.view-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:none;border:none;color:#ffffff80;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.view-tabs button:hover{color:#fffc;background:#ffffff05}.view-tabs button.active{color:#10b981;border-bottom-color:#10b981;background:#10b9810d}.view-tabs button .count{padding:.125rem .5rem;background:#ffffff1a;border-radius:10px;font-size:.75rem}.view-tabs button.active .count{background:#10b98133;color:#10b981}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:1rem;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s ease}.search-box:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-box i{color:#fff6}.search-box input{flex:1;background:none;border:none;color:#fff;font-size:.875rem;outline:none}.search-box input::placeholder{color:#ffffff4d}.search-box .clear-search{padding:.25rem;background:none;border:none;color:#fff6;cursor:pointer;transition:color .2s ease}.search-box .clear-search:hover{color:#fffc}.items-list{flex:1;overflow-y:auto;padding:0 .75rem;max-height:calc(100vh - 380px)}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-track{background:#0000001a}.items-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.items-list::-webkit-scrollbar-thumb:hover{background:#fff3}.item-card{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;margin-bottom:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;cursor:pointer;transition:all .2s ease}.item-card:hover{background:#ffffff0a;border-color:#ffffff1a}.item-card.selected{background:#10b98114;border-color:#10b9814d}.item-card.dry-run{opacity:.7}.item-main{flex:1;min-width:0}.item-name{font-size:.9375rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.item-owner{font-size:.8125rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{display:flex;align-items:center;gap:.375rem;flex-shrink:0;margin-left:.75rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge.apps-count{background:#3b82f626;color:#60a5fa}.badge.config{background:#10b98126;color:#34d399;padding:.25rem .375rem}.badge.org-name{background:#8b5cf626;color:#a78bfa;max-width:100px;overflow:hidden;text-overflow:ellipsis}.badge.org-no-log{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.3);max-width:120px;overflow:hidden;text-overflow:ellipsis}.badge.pre-org{background:#fbbf2426;color:#fbbf24}.badge.dry-run{background:#9ca3af26;color:#9ca3af}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#fff6;gap:.75rem}.list-summary{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem;color:#fff6;text-align:center}.detail-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff6;text-align:center}.no-selection i{font-size:3rem;margin-bottom:1rem;opacity:.3}.no-selection h3{margin:0 0 .5rem;color:#fff9;font-weight:600}.no-selection p{margin:0;font-size:.875rem}.detail-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.06)}.detail-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#10b98126;border-radius:12px;color:#10b981;font-size:1.25rem}.detail-title{flex:1}.detail-title h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#fff}.detail-type{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1.25rem 1.5rem;background:#0000001a;border-bottom:1px solid rgba(255,255,255,.06)}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.6875rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.875rem;color:#ffffffe6}.info-value.code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;color:#fbbf24}.text-muted{color:#fff6;font-style:italic}.logs-section,.live-status-section{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.live-status-section{border-top:1px solid rgba(255,255,255,.06);background:#10b98105}.logs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.logs-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;color:#fff}.logs-header h3 i{color:#10b981}.logs-note{font-size:.75rem;color:#fff6}.log-block{margin-bottom:1rem;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.log-block.live{border-color:#10b98133}.log-title{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.06)}.log-title span{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.03em}.log-title span i{color:#fff6}.log-block.live .log-title span i{color:#10b981}.log-content{margin:0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.6;color:#ffffffb3;white-space:pre-wrap;word-break:break-word;max-height:250px;overflow-y:auto}.log-block.live .log-content{color:#86efac}.status-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#fca5a5;font-size:.875rem}.status-error i{color:#f87171}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.fetch-status-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ffffff0d;border:none;border-radius:4px;color:#fff6;cursor:pointer;transition:all .2s ease}@media(max-width:1200px){.sandbox-browser{padding:1rem}.sandbox-content{min-height:auto}.master-panel{max-height:50vh}.items-list{max-height:30vh}.detail-panel{min-height:60vh}}@media(max-width:768px){.detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-header .btn-primary{width:100%;justify-content:center}.quick-info{grid-template-columns:1fr}}.dev-onboarding{max-width:1400px;margin:0 auto;padding:2rem}.dev-onboarding-header{margin-bottom:2rem}.header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.header-title i{font-size:1.75rem;color:#10b981}.header-title h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.header-subtitle{color:#fff9;margin:0 0 1rem;font-size:.9375rem}.env-label{display:inline-flex;align-items:center;padding:.25rem .75rem;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(59,130,246,.3);border-radius:6px;font-size:.75rem;font-weight:600;color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;margin-left:.75rem}.env-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:8px;color:#60a5fa;font-size:.8125rem;font-family:JetBrains Mono,Fira Code,monospace;margin-bottom:1rem}.env-badge i{font-size:.875rem;opacity:.8}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#fff9;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab:hover:not(:disabled){color:#10b981;background:#10b9810d}.tab.active{color:#10b981;border-bottom-color:#10b981}.tab:disabled{opacity:.4;cursor:not-allowed}.running-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:20px;color:#fbbf24;font-size:.875rem;font-weight:500}.pulse-dot{width:8px;height:8px;background:#fbbf24;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.message-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-size:.875rem}.message-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.message-banner.error i{color:#f87171}.message-banner.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.message-banner.success i{color:#22c55e}.message-banner span{flex:1}.message-banner button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;line-height:1}.message-banner button:hover{opacity:1}.section-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.section-card h2{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;color:#fff;margin:0 0 .75rem}.section-card h2 i{color:#10b981;font-size:1rem}.section-description{color:#fff9;font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h2{margin:0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#ffffff80;gap:.75rem}.loading-state i,.empty-state i{font-size:2rem;opacity:.5}.empty-state .hint{font-size:.8125rem;opacity:.7}.orchestrator-info{display:flex;flex-direction:column;gap:1.5rem}.orchestrator-status{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:12px}.status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem}.status-icon.success{background:#10b98133;color:#10b981}.status-details{flex:1}.status-details h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff}.status-details p{margin:0;font-size:.875rem;color:#fff9}.status-meta{display:flex;align-items:center;gap:.5rem}.type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.type-badge.instant{background:#fbbf2426;color:#fbbf24}.orchestrator-steps{padding:1.25rem;background:#0003;border-radius:12px}.orchestrator-steps h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#fffc}.orchestrator-steps h4 i{color:#10b981}.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.step-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.step-item:hover{background:#ffffff0d;border-color:#10b9814d}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;font-size:.75rem;font-weight:700;color:#fff}.step-name{font-size:.8125rem;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-steps{color:#fff6;font-style:italic;font-size:.875rem}.orchestrator-missing{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem}.missing-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fbbf2426;border-radius:16px;margin-bottom:1rem}.missing-icon i{font-size:1.75rem;color:#fbbf24}.orchestrator-missing h3{margin:0 0 .5rem;font-size:1.125rem;color:#fff}.orchestrator-missing p{margin:0 0 1.5rem;font-size:.875rem;color:#fff9;max-width:400px}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .form-group.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.75rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.form-group label .required{color:#f87171}.form-group input[type=text],.form-group input[type=email]{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder{color:#ffffff4d}.form-hint{font-size:.75rem;color:#fff6}.form-hint-inline{font-size:.75rem;color:#fff6;font-weight:400;margin-left:.25rem}.form-error{display:block;font-size:.75rem;color:#f87171;margin-top:.25rem}.permissions-list{margin:1.5rem 0;padding:1rem;background:#ffffff08;border-radius:8px}.permissions-list h4{margin:0 0 1rem;color:#ffffffe6;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.permissions-list ul{list-style:none;padding:0;margin:0}.permissions-list li{padding:.5rem 0;color:#ffffffb3;font-size:.875rem}.permissions-list code{background:#ffffff1a;padding:.125rem .375rem;border-radius:4px;font-size:.8125rem;color:#86efac}.permission-criteria{display:inline-flex;flex-wrap:wrap;gap:.375rem;margin-left:.5rem}.criteria-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.criteria-badge i{font-size:.625rem}.criteria-badge.usertype{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.criteria-badge.itemclass{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.criteria-badge.other{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.warning-text{color:#fbbf24;font-size:.875rem;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef444440;border-color:#ef444480}.btn-sm{padding:.5rem .875rem;font-size:.8125rem}.status-meta{display:flex;align-items:center;gap:.75rem}.profile-attachment-status{margin-top:1.5rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.profile-attachment-status h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#ffffffe6}.profile-attachment-status h4 i{color:#10b981}.profile-attached,.profile-not-attached{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-info{display:flex;align-items:center;gap:1rem;flex:1}.profile-id{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;padding:.375rem .625rem;background:#0000004d;border-radius:6px;color:#fff9}.status-badge.warning{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.profile-not-attached p{margin:.5rem 0 1rem;font-size:.875rem;color:#ffffff80}.form-options{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#0003;border-radius:10px}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:250px;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.checkbox-label:hover{background:#ffffff08}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:#10b981;cursor:pointer}.checkbox-content{display:flex;flex-direction:column;gap:.25rem}.checkbox-content strong{font-size:.875rem;font-weight:500;color:#ffffffe6}.checkbox-content small{font-size:.75rem;color:#ffffff80}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b98140}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#ffffff0d;color:#fff}.btn-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ffffff0d;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:#ffffff1a;color:#fff}.result-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-block{background:#0000004d;border-radius:10px;overflow:hidden}.result-block .result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0000004d;font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.result-block pre{margin:0;padding:1rem;font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace;color:#86efac;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.runs-table{overflow-x:auto}.runs-table table{width:100%;border-collapse:collapse}.runs-table th,.runs-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.runs-table th{font-size:.6875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;background:#0003}.runs-table td{font-size:.875rem;color:#ffffffd9}.runs-table tr:hover td{background:#ffffff05}.runs-table .date-cell{font-size:.8125rem;color:#fff9}.action-buttons{display:flex;align-items:center;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.btn-icon.btn-danger{color:#ef4444;border-color:#ef444433}.btn-icon.btn-danger:hover{background:#ef44441a;border-color:#ef444466;color:#f87171}.steps-summary{font-family:Courier New,monospace;font-size:.8125rem;color:#ffffffb3;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.success{background:#10b98126;color:#34d399}.status-badge.running{background:#fbbf2426;color:#fbbf24}.status-badge.pending{background:#3b82f626;color:#60a5fa}.status-badge.error{background:#ef444426;color:#f87171}.status-badge.unknown{background:#9ca3af26;color:#9ca3af}.secrets-form{display:flex;flex-direction:column;gap:2rem}.secrets-status{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#0003;border-radius:12px}.secret-status-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.secret-status-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;color:#ffffffe6}.secret-status-label i{color:#10b981;font-size:1rem}.secret-status-value{display:flex;align-items:center;gap:.75rem}.secrets-update-form{padding:1.25rem;background:#0003;border-radius:12px}.secrets-update-form h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.9375rem;font-weight:600;color:#ffffffe6}.secrets-update-form h3 i{color:#10b981}.secrets-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#fffc}.secrets-section-title i{color:#10b981}.form-section-title{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0 .75rem;font-size:.875rem;font-weight:600;color:#fffc}.form-section-title:first-of-type{margin-top:0}.form-section-title i{color:#10b981}.info-box{padding:1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px}.info-box-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#60a5fa;font-size:.9375rem}.info-box-header i{font-size:1.125rem}.info-box-content{color:#ffffffb3;font-size:.875rem;line-height:1.6}.info-box-content p{margin:0 0 .75rem}.info-box-content p:last-child{margin-bottom:0}.info-box-content ol{margin:.5rem 0;padding-left:1.5rem}.info-box-content li{margin:.375rem 0}.info-box-content strong{color:#ffffffe6}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.page-info{font-size:.875rem;color:#fff9}.form-section{padding:1.25rem;background:#00000026;border:1px solid rgba(255,255,255,.06);border-radius:12px}.form-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#ffffffe6}.form-section h3 i{color:#10b981;font-size:1rem}.form-section.collapsible{background:#fbbf240d;border-color:#fbbf2426}.section-hint{font-size:.8125rem;color:#ffffff80;margin:0 0 1rem}.form-grid.nested{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1)}.select-with-action{display:flex;gap:.5rem}.select-with-action select{flex:1;padding:.75rem 2.5rem .75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.select-with-action select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.select-with-action select:disabled{opacity:.5;cursor:not-allowed}.select-with-action select option{background:#1a1a2e;color:#fff;padding:.5rem}.email-input-container{display:flex;gap:.5rem}.email-input-container input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.email-input-container input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.email-input-container input::placeholder{color:#ffffff4d}.email-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.email-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .5rem .375rem .75rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:.8125rem;color:#34d399}.email-tag .remove-tag{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;font-size:.75rem;cursor:pointer;transition:all .2s ease}.email-tag .remove-tag:hover{background:#ef44444d;color:#f87171}.email-tag .remove-tag:disabled{opacity:.5;cursor:not-allowed}.skip-options{background:#fbbf240d}.skip-options .checkbox-label{min-width:200px;flex:1 1 45%}.form-summary{padding:1rem 1.25rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px}.form-summary h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#60a5fa}.form-summary ul{list-style:none;padding:0;margin:0}.form-summary li{padding:.375rem 0;font-size:.8125rem;color:#ffffffb3}.form-summary li strong{color:#ffffffe6;margin-right:.5rem}.form-group input[type=password]{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-group input[type=password]:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.form-group input[type=password]:disabled{opacity:.5;cursor:not-allowed}.form-group input[type=password]::placeholder{color:#ffffff4d}@media(max-width:768px){.dev-onboarding{padding:1rem}.form-grid,.result-content,.steps-grid{grid-template-columns:1fr}.form-options{flex-direction:column}.checkbox-label{min-width:unset}.orchestrator-status{flex-direction:column;text-align:center}.status-details{text-align:center}.pagination{flex-direction:column;gap:.75rem}.select-with-action,.email-input-container{flex-direction:column}.skip-options .checkbox-label{min-width:unset}}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;inset:-50px 0 0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;inset:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.CodeMirror-foldmarker{color:#00f;text-shadow:#b9f 1px 1px 2px,#b9f -1px -1px 2px,#b9f 1px -1px 2px,#b9f -1px 1px 2px;font-family:arial;line-height:.3;cursor:pointer}.CodeMirror-foldgutter{width:.7em}.CodeMirror-foldgutter-open,.CodeMirror-foldgutter-folded{cursor:pointer}.CodeMirror-foldgutter-open:after{content:"▾"}.CodeMirror-foldgutter-folded:after{content:"▸"}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px #0003;border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto;box-sizing:border-box}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.sidebar{width:260px;min-width:260px;background:#16213e;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;height:calc(100vh - 60px);overflow-y:auto}.sidebar-nav{padding:1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-empty{padding:2rem 1rem;color:#ffffff80;text-align:center;font-size:.875rem}.nav-group{border-radius:8px;overflow:hidden}.nav-group.active .nav-group-header{background:#e9456026}.nav-group-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:#fffc;cursor:pointer;transition:all .2s ease;text-align:left;border-radius:8px}.nav-group-header:hover{background:#ffffff0d}.nav-group-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;color:#e94560;font-size:.875rem}.nav-group-title{flex:1;font-size:.875rem;font-weight:500;text-transform:capitalize}.nav-group-arrow{font-size:.625rem;color:#fff6;transition:transform .2s ease}.nav-group-items{padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.125rem}.nav-item{display:flex;align-items:center;padding:.625rem 1rem;color:#fff9;text-decoration:none;font-size:.8125rem;border-radius:6px;margin:0 .5rem;transition:all .2s ease}.nav-item:hover{background:#ffffff0d;color:#ffffffe6}.nav-item.active{background:#e94560;color:#fff;font-weight:500}.nav-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item i{width:16px;margin-right:.5rem;font-size:.75rem;text-align:center;opacity:.7}.nav-item.active i{opacity:1}.nav-separator{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);margin:.75rem 1rem}.nav-group.builtin .nav-group-icon{background:#fbbf2426;color:#fbbf24}.nav-group.builtin.active .nav-group-header{background:#fbbf241a}.nav-group.builtin .nav-item.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e}.placeholder-page{max-width:800px;margin:0 auto}.placeholder-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.placeholder-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:14px;color:#fff;font-size:1.5rem;box-shadow:0 8px 20px #e9456040}.placeholder-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.placeholder-content{display:flex;flex-direction:column;gap:1.5rem}.placeholder-info-card,.placeholder-context-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem}.placeholder-info-card h2,.placeholder-context-card h2{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.placeholder-info-card p{font-size:.9375rem;color:#ffffffb3;margin:0 0 1rem;line-height:1.6}.info-section{margin-top:1rem}.info-section h3{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.info-section code{display:block;padding:.75rem 1rem;background:#0000004d;border-radius:8px;color:#fbbf24;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem}.info-section pre{margin:0;padding:.75rem 1rem;background:#0000004d;border-radius:8px;color:#fffc;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.context-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.context-item:last-child{border-bottom:none;padding-bottom:0}.context-label{font-size:.8125rem;font-weight:500;color:#ffffff80;min-width:120px}.context-value{font-size:.875rem;color:#fff}.namespaces-list{display:flex;flex-wrap:wrap;gap:.5rem}.namespace-tag{display:inline-block;padding:.25rem .625rem;background:#e9456026;border:1px solid rgba(233,69,96,.3);border-radius:6px;color:#e94560;font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace}.no-namespaces{font-size:.875rem;color:#fff6;font-style:italic}.placeholder-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px}.placeholder-note i{color:#60a5fa;margin-top:.125rem}.placeholder-note p{margin:0;font-size:.875rem;color:#ffffffb3;line-height:1.5}.placeholder-note code{padding:.125rem .375rem;background:#0000004d;border-radius:4px;color:#fbbf24;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem}.project-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.project-layout{display:flex;flex:1;overflow:hidden}.project-content{flex:1;overflow-y:auto;padding:1.5rem;background:#0003}.project-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;text-align:center;padding:2rem}.project-error h2{font-size:1.5rem;margin:0 0 .5rem;color:#f87171}.project-error p{color:#ffffffb3;margin:0 0 1.5rem}.project-error button{padding:.75rem 1.5rem;background:#e94560;border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.project-error button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e945604d}@media(max-width:768px){.project-layout{flex-direction:column}.project-content{padding:1rem}}:root{--lab-bg-primary: #0a0a0f;--lab-bg-secondary: #12121a;--lab-bg-card: #1a1a24;--lab-bg-elevated: #222230;--lab-accent-primary: #6366f1;--lab-accent-secondary: #8b5cf6;--lab-accent-success: #10b981;--lab-accent-warning: #f59e0b;--lab-accent-error: #ef4444;--lab-accent-info: #3b82f6;--lab-text-primary: #f8fafc;--lab-text-secondary: #94a3b8;--lab-text-muted: #64748b;--lab-border: rgba(255, 255, 255, .08);--lab-glow: rgba(99, 102, 241, .3)}.diagnostics-page{min-height:100vh;background:var(--lab-bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.06) 0%,transparent 50%);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.diagnostics-content{max-width:1400px;margin:0 auto;padding:2.5rem 3rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--lab-border)}.header-main h1{font-size:2.5rem;font-weight:700;color:var(--lab-text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:1rem;letter-spacing:-.03em}.header-main h1 i{font-size:2rem;background:linear-gradient(135deg,var(--lab-accent-primary),var(--lab-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-main .subtitle{font-size:1.125rem;color:var(--lab-text-secondary);margin:0;font-weight:400}.context-info{display:flex;gap:2rem;background:var(--lab-bg-card);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--lab-border)}.context-info .info-item{display:flex;flex-direction:column;gap:.25rem}.context-info .label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lab-text-muted);font-weight:600}.context-info .value{font-size:.9375rem;color:var(--lab-text-primary);font-weight:500}.concepts-section{margin-bottom:3rem}.concepts-section h2{font-size:1.25rem;font-weight:600;color:var(--lab-text-primary);margin:0 0 1.25rem;display:flex;align-items:center;gap:.75rem}.concepts-section h2 i{color:var(--lab-accent-warning)}.concept-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.concept-panel{background:var(--lab-bg-card);border-radius:12px;border:1px solid var(--lab-border);overflow:hidden;transition:all .2s ease}.concept-panel:hover{border-color:#6366f14d}.concept-header{width:100%;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:var(--lab-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;text-align:left;transition:background .2s}.concept-header:hover{background:#ffffff08}.concept-header i{color:var(--lab-text-muted);font-size:.75rem}.concept-content{padding:0 1.25rem 1.25rem;border-top:1px solid var(--lab-border);margin-top:-1px}.concept-content pre{font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.7;color:var(--lab-text-secondary);white-space:pre-wrap;margin:1rem 0 0}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--lab-bg-secondary);padding:.5rem;border-radius:16px;border:1px solid var(--lab-border)}.tab{flex:1;padding:.875rem 1.25rem;background:transparent;border:none;border-radius:12px;color:var(--lab-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.625rem}.tab i{font-size:.9375rem}.tab:hover{color:var(--lab-text-secondary);background:#ffffff08}.tab.active{background:linear-gradient(135deg,var(--lab-accent-primary),var(--lab-accent-secondary));color:#fff;box-shadow:0 4px 20px #6366f14d}.suite-panel{background:var(--lab-bg-card);border-radius:20px;border:1px solid var(--lab-border);overflow:hidden}.suite-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border-bottom:1px solid var(--lab-border)}.suite-header h3{font-size:1.375rem;font-weight:600;color:var(--lab-text-primary);margin:0 0 .5rem}.suite-header p{font-size:.9375rem;color:var(--lab-text-secondary);margin:0;max-width:700px;line-height:1.6}.suite-header ul{margin:.75rem 0 0;padding-left:1.25rem;color:var(--lab-text-secondary);font-size:.875rem}.suite-header ul li{margin:.25rem 0}.header-actions{display:flex;align-items:center;gap:1.5rem}.filter-toggle{display:flex;align-items:center;gap:.5rem;color:var(--lab-text-secondary);font-size:.875rem;cursor:pointer}.filter-toggle input{width:1rem;height:1rem;accent-color:var(--lab-accent-primary)}.btn-primary{padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--lab-accent-primary),var(--lab-accent-secondary));border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.625rem;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 20px #6366f140}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #6366f159}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.875rem 1.75rem;background:var(--lab-bg-elevated);border:1px solid var(--lab-border);border-radius:10px;color:var(--lab-text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.625rem;transition:all .2s ease;font-family:inherit}.btn-secondary:hover:not(:disabled){background:var(--lab-bg-card);border-color:var(--lab-accent-primary)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.header-actions{display:flex;align-items:center;gap:.75rem}.steps-list{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.empty-steps{text-align:center;padding:4rem 2rem;color:var(--lab-text-muted);font-size:1rem}.step-card{background:var(--lab-bg-secondary);border-radius:16px;border:1px solid var(--lab-border);overflow:hidden;transition:all .3s ease}.step-card:hover{border-color:#ffffff1f}.step-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--lab-bg-elevated);border-bottom:1px solid var(--lab-border)}.step-status{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.step-status.status-pending{background:#64748b33;color:var(--lab-text-muted)}.step-status.status-running{background:linear-gradient(135deg,#3b82f64d,#6366f14d);color:var(--lab-accent-info);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.step-status.status-success{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--lab-accent-success)}.step-status.status-failed{background:linear-gradient(135deg,#ef444433,#ef44441a);color:var(--lab-accent-error)}.step-id{font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600;color:var(--lab-accent-primary);background:#6366f11a;padding:.25rem .625rem;border-radius:6px}.step-name{font-size:1.0625rem;font-weight:600;color:var(--lab-text-primary);flex:1}.step-elapsed{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--lab-text-muted);background:var(--lab-bg-card);padding:.375rem .75rem;border-radius:6px}.btn-retry{padding:.5rem 1rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:8px;color:var(--lab-accent-warning);font-size:.8125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;font-family:inherit;margin-left:auto}.btn-retry:hover{background:#f59e0b40;border-color:var(--lab-accent-warning);transform:translateY(-1px)}.btn-retry i{font-size:.75rem}.step-body{padding:1.5rem}.step-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.step-info .info-row{display:flex;flex-direction:column;gap:.5rem}.step-info .label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lab-text-muted);font-weight:600}.step-info .value{font-size:.9375rem;color:var(--lab-text-secondary);line-height:1.6}.step-info .value.apis{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--lab-accent-info)}.step-info .value.perms{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--lab-accent-warning);white-space:pre-line}.step-result{background:var(--lab-bg-card);border-radius:12px;padding:1.25rem;border:1px solid var(--lab-border)}.step-result .info-row{margin-bottom:1rem}.step-result .info-row:last-child{margin-bottom:0}.step-result .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--lab-text-muted);font-weight:600;margin-bottom:.5rem;display:block}.step-result .value{font-size:.9375rem;color:var(--lab-text-secondary);line-height:1.6}.step-result .info-row.actual pre{font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.7;color:var(--lab-text-primary);background:var(--lab-bg-secondary);padding:1rem 1.25rem;border-radius:8px;border:1px solid var(--lab-border);margin:0;white-space:pre-wrap;overflow-x:auto}.step-result .info-row.error .value{color:var(--lab-accent-error);font-family:JetBrains Mono,monospace;font-size:.8125rem;background:#ef44441a;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.step-card.step-success{border-color:#10b9814d}.step-card.step-success .step-header{background:linear-gradient(135deg,#10b98114,#10b98105)}.step-card.step-failed{border-color:#ef44444d}.step-card.step-failed .step-header{background:linear-gradient(135deg,#ef444414,#ef444405)}.step-card.step-running{border-color:#3b82f64d}.step-card.step-running .step-header{background:linear-gradient(135deg,#3b82f614,#3b82f605)}.user-test-results{padding:1.5rem;display:grid;gap:1.5rem}.result-section{background:var(--lab-bg-secondary);border-radius:16px;border:1px solid var(--lab-border);padding:1.5rem}.result-section h4{font-size:1rem;font-weight:600;color:var(--lab-text-primary);margin:0 0 1.25rem;display:flex;align-items:center;gap:.75rem}.result-section h4 i{color:var(--lab-accent-primary)}.results-table{width:100%;border-collapse:collapse;font-size:.875rem}.results-table thead{background:var(--lab-bg-elevated)}.results-table th{text-align:left;padding:.875rem 1rem;color:var(--lab-text-muted);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--lab-border)}.results-table td{padding:.875rem 1rem;color:var(--lab-text-secondary);border-bottom:1px solid var(--lab-border)}.results-table tr:last-child td{border-bottom:none}.results-table tr:hover{background:#ffffff05}.results-table td.ns{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--lab-text-muted)}.no-data{color:var(--lab-text-muted);font-style:italic;text-align:center;padding:1.5rem}.test-log{background:var(--lab-bg-primary);border-radius:8px;border:1px solid var(--lab-border);padding:1rem;max-height:300px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:.8125rem}.log-line{color:var(--lab-text-secondary);padding:.25rem 0;line-height:1.5}.permissions-table{font-size:.8125rem}.permissions-table th,.permissions-table td{padding:.625rem .75rem}.permissions-table td.irn{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--lab-accent-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permissions-table td.source{font-weight:500;color:var(--lab-text-primary);white-space:nowrap}.permissions-table td.actions{display:flex;flex-wrap:wrap;gap:.25rem}.permissions-table td.user{font-size:.75rem}.permissions-table td.id{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--lab-text-muted)}.action-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.action-badge.action-read{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.action-badge.action-create{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.action-badge.action-edit{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.action-badge.action-delete{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.action-badge.action-share{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.action-badge.action-assign{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.action-badge.action-run{background:#14b8a626;color:#2dd4bf;border:1px solid rgba(20,184,166,.3)}.action-badge.action-\*{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.user-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-family:JetBrains Mono,monospace}.user-badge.usergroup{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.user-badge.user{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.user-badge.permprofile{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.cleanup-resources{padding:1.5rem}.cleanup-note{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;color:var(--lab-text-secondary);font-size:.875rem;display:flex;align-items:center;gap:.75rem}.cleanup-note i{color:var(--lab-accent-info);font-size:1rem}.cleanup-note code{background:var(--lab-bg-primary);padding:.25rem .5rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--lab-accent-primary)}.resource-group{margin-bottom:2rem}.resource-group:last-child{margin-bottom:0}.resource-group h4{font-size:1rem;font-weight:600;color:var(--lab-text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.resource-group h4 i{color:var(--lab-accent-secondary)}.resource-list{display:flex;flex-direction:column;gap:.5rem}.resource-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--lab-bg-secondary);border-radius:10px;border:1px solid var(--lab-border);transition:all .2s ease}.resource-item:hover{border-color:#ef44444d}.resource-info{display:flex;flex-direction:column;gap:.375rem}.resource-name{font-size:.9375rem;font-weight:500;color:var(--lab-text-primary)}.resource-type{font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--lab-accent-primary);background:#6366f11a;padding:.25rem .5rem;border-radius:4px;width:fit-content}.resource-ns{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--lab-text-muted)}.btn-delete{width:2.25rem;height:2.25rem;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--lab-accent-error);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-delete:hover{background:#ef444433;border-color:var(--lab-accent-error);transform:scale(1.05)}.findings-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.finding-section{background:var(--lab-bg-secondary);border-radius:16px;border:1px solid var(--lab-border);padding:1.5rem}.finding-section h4{font-size:1.0625rem;font-weight:600;color:var(--lab-text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.finding-section h4 i{color:var(--lab-accent-primary)}.finding-section pre{font-family:JetBrains Mono,Space Grotesk,monospace;font-size:.875rem;line-height:1.8;color:var(--lab-text-secondary);white-space:pre-wrap;margin:0;background:var(--lab-bg-card);padding:1.25rem;border-radius:10px;border:1px solid var(--lab-border)}.finding-section.best-practices ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.finding-section.best-practices li{padding:.875rem 1rem .875rem 3rem;background:var(--lab-bg-card);border-radius:10px;border:1px solid var(--lab-border);color:var(--lab-text-secondary);font-size:.9375rem;position:relative}.finding-section.best-practices li:before{content:"✓";position:absolute;left:1rem;color:var(--lab-accent-success);font-weight:700}.finding-section.invitation-hint{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border-color:#6366f133}.finding-section.invitation-hint p{color:var(--lab-text-secondary);font-size:.9375rem;line-height:1.7;margin:0 0 1rem}.finding-section.invitation-hint ul{margin:0;padding-left:1.5rem}.finding-section.invitation-hint li{color:var(--lab-text-secondary);font-size:.9375rem;margin:.5rem 0}.empty-findings{text-align:center;padding:4rem 2rem;color:var(--lab-text-muted)}.empty-findings i{font-size:3rem;margin-bottom:1.5rem;opacity:.5}.empty-findings p{font-size:1.0625rem;margin-bottom:1.5rem}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--lab-bg-card);border-radius:20px;border:1px solid var(--lab-border);padding:2rem;max-width:420px;width:90%;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:1.25rem;font-weight:600;color:var(--lab-text-primary);margin:0 0 .75rem}.modal-content p{color:var(--lab-text-secondary);font-size:.9375rem;margin:0}.modal-item-name{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--lab-accent-error);background:#ef44441a;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;border:1px solid rgba(239,68,68,.2)}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.btn-danger{padding:.75rem 1.5rem;background:var(--lab-accent-error);border:none;border-radius:8px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.error-state{text-align:center;padding:6rem 2rem}.error-state i{font-size:4rem;color:var(--lab-accent-warning);margin-bottom:1.5rem}.error-state h2{font-size:1.5rem;font-weight:600;color:var(--lab-text-primary);margin:0 0 .75rem}.error-state p{color:var(--lab-text-secondary);font-size:1rem}::-webkit-scrollbar-track{background:var(--lab-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--lab-bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.ri-lab-section{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:1.5rem}.ri-lab-section h4{color:var(--lab-accent-secondary)}.ri-lab-section .section-description{color:var(--lab-text-secondary);font-size:.875rem;margin-bottom:1.5rem}.ri-lab-selectors{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.selector-group{display:flex;flex-direction:column;gap:.5rem}.selector-group label{font-size:.8125rem;color:var(--lab-text-secondary);font-weight:500}.selector-group select{padding:.75rem 1rem;background:var(--lab-bg-primary);border:1px solid var(--lab-border);border-radius:8px;color:var(--lab-text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s ease}.selector-group select:hover:not(:disabled){border-color:var(--lab-accent-primary)}.selector-group select:focus{outline:none;border-color:var(--lab-accent-primary);box-shadow:0 0 0 3px var(--lab-glow)}.ri-lab-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.action-hint{font-size:.8125rem;color:var(--lab-text-muted);font-style:italic}.ri-lab-collection-panel{background:var(--lab-bg-card);border-radius:12px;border:1px solid var(--lab-border);overflow:hidden}.collection-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--lab-bg-elevated);border-bottom:1px solid var(--lab-border)}.collection-info{display:flex;align-items:center;gap:.75rem}.collection-info i{color:var(--lab-accent-warning);font-size:1.25rem}.collection-name{font-weight:600;color:var(--lab-text-primary)}.collection-id{font-size:.75rem;color:var(--lab-text-muted);font-family:JetBrains Mono,monospace}.collection-actions{display:flex;gap:.75rem}.collection-actions button{display:flex;align-items:center;gap:.5rem}.permission-info-box{padding:1.25rem;border-top:1px solid var(--lab-border);background:#6366f108}.permission-info-box h5{color:var(--lab-text-primary);font-size:.875rem;margin-bottom:.75rem}.permission-info-box ul{list-style:none;padding:0;margin:0;font-size:.8125rem;color:var(--lab-text-secondary)}.permission-info-box li{padding:.375rem 0 .375rem 1.25rem;position:relative}.permission-info-box li:before{content:"→";position:absolute;left:0;color:var(--lab-accent-primary)}.permission-info-box ul ul{margin-top:.375rem;margin-left:1rem}.permission-info-box ul ul li:before{content:"•"}.ri-lab-log{margin-top:1.5rem}.ri-lab-log h5{color:var(--lab-text-primary);font-size:.875rem;margin-bottom:.75rem}.ri-lab-modal{max-width:950px;width:95%}.ri-lab-modal .results-table{width:100%;table-layout:auto}.ri-lab-modal .results-table th,.ri-lab-modal .results-table td{white-space:nowrap}.ri-lab-modal .results-table th:first-child,.ri-lab-modal .results-table td:first-child{white-space:normal;min-width:150px}.ri-lab-modal .modal-description{color:var(--lab-text-secondary);font-size:.875rem;margin-bottom:1.25rem}.ri-lab-modal .modal-findings{margin-top:1.5rem;padding:1rem;background:var(--lab-bg-elevated);border-radius:8px}.ri-lab-modal .modal-findings h5{color:var(--lab-text-primary);font-size:.875rem;margin-bottom:.75rem}.ri-lab-modal .modal-findings ul{list-style:none;padding:0;margin:0;font-size:.8125rem;color:var(--lab-text-secondary)}.ri-lab-modal .modal-findings li{padding:.25rem 0}.perm-type-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.perm-type-badge.none{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.perm-type-badge.itemId{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.perm-type-badge.usersArray{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.results-table td.id{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--lab-text-muted)}.share-cell{min-width:180px}.share-controls{display:flex;gap:.5rem;align-items:center}.share-controls select{flex:1;padding:.25rem .5rem;font-size:.75rem;background:var(--lab-input-bg, rgba(30, 41, 59, .8));border:1px solid var(--lab-border, rgba(71, 85, 105, .4));border-radius:4px;color:var(--lab-text, #e2e8f0);max-width:120px}.share-controls select:focus{outline:none;border-color:var(--lab-accent, #3b82f6)}.btn-share{padding:.25rem .5rem;font-size:.6875rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-share:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px)}.btn-share:disabled{opacity:.5;cursor:not-allowed}.no-share{color:var(--lab-text-muted, #64748b)}.btn-investigate{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#f59e0b!important}.btn-investigate:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b)!important}.btn-delete-recreate{margin-left:.75rem;font-size:.75rem!important;padding:.25rem .75rem!important}.btn-restore-wildcard{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important}.btn-restore-wildcard:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981)!important}.actions-cell{white-space:nowrap}.btn-restore-ug-perm{padding:.25rem .5rem;font-size:.6875rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-restore-ug-perm:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px)}.btn-create-new,.btn-create-new-alt{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#8b5cf6!important;color:#fff!important}.btn-create-new:hover:not(:disabled),.btn-create-new-alt:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important}@media(max-width:1200px){.diagnostics-content{padding:2rem}.concept-panels,.step-info{grid-template-columns:1fr}}@media(max-width:768px){.diagnostics-content{padding:1.5rem 1rem}.page-header{flex-direction:column;gap:1.5rem}.header-main h1{font-size:1.75rem}.context-info{width:100%;justify-content:space-between}.tabs{flex-wrap:wrap}.tab{padding:.75rem 1rem;font-size:.8125rem}.suite-header{flex-direction:column;gap:1.5rem}.header-actions{width:100%;flex-direction:column;align-items:stretch}}:root{--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);line-height:1.5;background:#0f0c29;color:#fff;min-height:100vh}#root{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:focus-visible{outline:2px solid #e94560;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:#e94560;color:#fff}a{color:#e94560;text-decoration:none;transition:color .15s ease}a:hover{color:#ff6b6b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-slideIn{animation:slideIn var(--transition-slow) ease-out}