.fullscreen-layout{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);background:linear-gradient(135deg,var(--color-surface) 0,var(--color-background) 100%);display:flex;height:100%;justify-content:center;left:0;padding:1.5rem;position:fixed;top:0;width:100%}.fullscreen-layout__brand{align-items:center;display:flex;gap:.75rem;left:2rem;position:absolute;top:2rem}@media(max-width:640px){.fullscreen-layout__brand{justify-content:center;left:auto;margin-bottom:2rem;position:static;top:auto}}.fullscreen-layout__logo{border-radius:8px;height:44px;width:44px}.fullscreen-layout__brand-text{color:#2a4759;color:var(--color-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.fullscreen-layout__container{background:#fff;background:var(--color-surface);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 4px 6px -1px rgba(rgba(42,71,89,.1),.1),0 2px 4px -2px rgba(rgba(42,71,89,.1),.1);box-shadow:0 4px 6px -1px rgba(var(--color-shadow),.1),0 2px 4px -2px rgba(var(--color-shadow),.1);max-width:420px;padding:3rem;width:100%}@media(max-width:640px){.fullscreen-layout__container{border-radius:16px;max-width:380px;padding:2rem}}@media(max-width:480px){.fullscreen-layout__container{margin:1rem;max-width:100%;padding:1.5rem}}.fullscreen-layout .form-header{margin-bottom:2rem;text-align:center}.fullscreen-layout .form-header .form-title{color:#2a4759;color:var(--color-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0 0 .75rem}@media(max-width:640px){.fullscreen-layout .form-header .form-title{font-size:1.75rem}}.fullscreen-layout .form-header .form-subtitle{color:#4a617a;color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0}.fullscreen-layout .form-body{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.fullscreen-layout .form-group{margin-bottom:0}.fullscreen-layout .form-options{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-top:.5rem}@media(max-width:640px){.fullscreen-layout .form-options{align-items:flex-start;flex-direction:column;gap:1rem}}.fullscreen-layout .form-options .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.fullscreen-layout .form-options .checkbox-label input[type=checkbox]{accent-color:#f79b72;accent-color:var(--color-primary);border-radius:4px;height:18px;width:18px}.fullscreen-layout .form-options .checkbox-label .checkbox-text{color:#4a617a;color:var(--color-text-secondary);font-weight:500}.fullscreen-layout .form-options .forgot-link{color:#f79b72;color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.fullscreen-layout .form-options .forgot-link:hover{color:#e8845e;color:var(--color-primary-dark);text-decoration:underline}.fullscreen-layout .form-actions{margin:2rem 0 1.5rem}.fullscreen-layout .form-link{color:#4a617a;color:var(--color-text-secondary);font-size:.9rem;text-align:center}.fullscreen-layout .form-link a{color:#f79b72;color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.fullscreen-layout .form-link a:hover{color:#e8845e;color:var(--color-primary-dark);text-decoration:underline}.fullscreen-layout .form-message{align-items:center;border-radius:10px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.fullscreen-layout .form-message--error{background:#ef44441a;background:var(--color-danger-alpha-10);border:1px solid #ef44441a;border:1px solid var(--color-danger-alpha-10);color:#ef4444;color:var(--color-danger)}.fullscreen-layout .form-message--error:before{content:"⚠️";font-size:1rem}.fullscreen-layout .form-message--success{background:#2a47591a;border:1px solid #2a475933;color:#4a617a;color:var(--color-secondary-dark)}.fullscreen-layout .form-message--success:before{content:"✅";font-size:1rem}.fullscreen-layout .input-group .input{background:#fafafa;background:var(--color-background);border:2px solid #ddd;border:2px solid var(--color-border);border-radius:12px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.fullscreen-layout .input-group .input:focus{background:#fff;background:var(--color-surface);border-color:#f79b72;border-color:var(--color-primary);box-shadow:0 0 0 3px #f79b721a;box-shadow:0 0 0 3px var(--color-primary-alpha-10)}.fullscreen-layout .input-group .input::placeholder{color:#757575;color:var(--color-text-muted);font-weight:400}.fullscreen-layout .btn{border-radius:12px;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.fullscreen-layout .btn--primary{background:linear-gradient(135deg,#f79b72,#e8845e);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;box-shadow:0 2px 4px rgba(#f79b72,.2);box-shadow:0 2px 4px rgba(var(--color-primary),.2)}.fullscreen-layout .btn--primary:hover:not(:disabled){box-shadow:0 4px 8px rgba(#f79b72,.3);box-shadow:0 4px 8px rgba(var(--color-primary),.3);transform:translateY(-1px)}.fullscreen-layout .btn--primary:active:not(:disabled){transform:translateY(0)}.fullscreen-layout:after{bottom:2rem;color:#757575;color:var(--color-text-muted);content:"© 2024 Mank Technology. All rights reserved.";font-size:.75rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}@media(max-width:640px){.fullscreen-layout:after{bottom:1rem;font-size:.7rem;padding:0 1rem}}@media(max-width:480px){.fullscreen-layout__brand-text{font-size:1.25rem}.fullscreen-layout__content .form-title{font-size:1.5rem}.fullscreen-layout__content .form-subtitle{font-size:.9rem}}@media(prefers-contrast:high){.fullscreen-layout__content{background:#fff;border:2px solid #2a4759;border:2px solid var(--color-text-primary)}.fullscreen-layout__overlay{background:#0000004d}}@media(prefers-reduced-motion:reduce){.fullscreen-layout{background-attachment:scroll}.fullscreen-layout *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:.5rem;justify-content:center;position:relative;text-decoration:none;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid #f79b72;outline:2px solid var(--color-primary);outline-offset:2px}.btn--sm{height:32px;padding:.5rem .75rem}.btn--md,.btn--sm{font-size:.875rem;line-height:1.25}.btn--md{height:38px;padding:.625rem 1rem}.btn--lg{font-size:1rem;height:44px;line-height:1.5;padding:.75rem 1.25rem}.btn--primary{background:#f79b72;background:var(--color-primary);color:#fff}.btn--primary:hover:not(.btn--disabled){background:#e8845e;background:var(--color-primary-dark);transform:translateY(-1px)}.btn--primary:active:not(.btn--disabled){transform:translateY(0)}.btn--secondary{background:#eee;background:var(--color-surface-hover);border:1px solid #ddd;border:1px solid var(--color-border);color:#2a4759;color:var(--color-text-primary)}.btn--secondary:hover:not(.btn--disabled){background:#ddd;background:var(--color-border);border-color:#4a617a;border-color:var(--color-text-secondary)}.btn--danger{background:#ef4444;background:var(--color-danger);color:#fff}.btn--danger:hover:not(.btn--disabled){background:#dc2626;background:var(--color-danger-dark);transform:translateY(-1px)}.btn--danger:active:not(.btn--disabled){transform:translateY(0)}.btn--ghost{background:#0000;color:#2a4759;color:var(--color-text-primary)}.btn--ghost:hover:not(.btn--disabled){background:#eee;background:var(--color-surface-hover)}.btn--outline{background:#0000;border:1px solid #ddd;border:1px solid var(--color-border);color:#2a4759;color:var(--color-text-primary)}.btn--outline:hover:not(.btn--disabled){background:#f79b721a;background:var(--color-primary-alpha-10);border-color:#f79b72;border-color:var(--color-primary);color:#f79b72;color:var(--color-primary)}.btn--full{width:100%}.btn--loading{cursor:not-allowed}.btn--loading .btn__text{opacity:.7}.btn--disabled{cursor:not-allowed;opacity:.5}.btn--disabled,.btn--disabled:hover{transform:none!important}.btn__text{align-items:center;display:flex;gap:.5rem}.btn__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;flex-shrink:0;height:16px;width:16px}.input-group{flex-direction:column;margin-bottom:1rem}.input-group__label{color:#2a4759;color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-group__required{color:#ef4444;color:var(--color-danger);margin-left:.25rem}.input-group__error{align-items:center;color:#ef4444;color:var(--color-danger);display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.input,.textarea{background:#fff;background:var(--color-surface);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:#2a4759;color:var(--color-text-primary);font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input::placeholder,.textarea::placeholder{color:#757575;color:var(--color-text-muted)}.input:focus,.textarea:focus{border-color:#f79b72;border-color:var(--color-primary);box-shadow:0 0 0 2px #f79b721a;box-shadow:0 0 0 2px var(--color-primary-alpha-10);outline:none}.input:disabled,.textarea:disabled{background:#f5f5f5;background:var(--color-surface-disabled);cursor:not-allowed;opacity:.6}.input--error,.input--error:focus{border-color:#ef4444;border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 2px #ef44441a;box-shadow:0 0 0 2px var(--color-danger-alpha-10)}.input--valid,.input--valid:focus{border-color:#4a617a;border-color:var(--color-secondary-dark)}.input--valid:focus{box-shadow:0 0 0 2px #2a47591a}.input--warning,.input--warning:focus{border-color:#f79b72;border-color:var(--color-primary)}.input--warning:focus{box-shadow:0 0 0 2px #f79b721a;box-shadow:0 0 0 2px var(--color-primary-alpha-10)}.input--disabled{background:#f5f5f5;background:var(--color-surface-disabled);color:#757575;color:var(--color-text-muted);cursor:not-allowed}.textarea{min-height:80px;resize:vertical}.textarea--no-resize{resize:none}.textarea--auto-resize{overflow:hidden;resize:none}.input-with-icon{position:relative}.input-with-icon .input,.input-with-icon .textarea{padding-left:40px}.input-with-icon__icon{color:#757575;color:var(--color-text-muted);height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.input-with-icon--right .input,.input-with-icon--right .textarea{padding-left:12px;padding-right:40px}.input-with-icon--right .input-with-icon__icon{left:auto;right:12px}.input-addon-group{display:flex;width:100%}.input-addon-group .input,.input-addon-group .textarea{border-radius:0}.input-addon-group .input:first-child,.input-addon-group .textarea:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.input-addon-group .input:last-child,.input-addon-group .textarea:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}.input-addon-group .input:not(:first-child),.input-addon-group .textarea:not(:first-child){border-left:0}.input-addon-group .input:focus,.input-addon-group .textarea:focus{z-index:1}.input-addon-group__addon{align-items:center;background-color:#eee;background-color:var(--color-surface-hover);border:2px solid #ddd;border:2px solid var(--color-border);color:#4a617a;color:var(--color-text-secondary);display:flex;font-size:.875rem;justify-content:center;padding:12px;white-space:nowrap}.input-addon-group__addon:first-child{border-bottom-left-radius:6px;border-right:0;border-top-left-radius:6px}.input-addon-group__addon:last-child{border-bottom-right-radius:6px;border-left:0;border-top-right-radius:6px}.login-view .login-form{width:100%}.login-view .input-group .input:focus-visible{outline:none}.login-view .btn:focus-visible{outline:2px solid #f79b72;outline:2px solid var(--color-primary);outline-offset:2px}.login-view .btn--primary:disabled{background:#ddd!important;background:var(--color-border)!important;box-shadow:none!important;color:#757575!important;color:var(--color-text-muted)!important;cursor:not-allowed;transform:none!important}.login-view .btn__spinner{height:18px;width:18px}.login-view .form-message--error{animation:shake .5s ease-in-out}.login-view .checkbox-label:hover .checkbox-text{color:#2a4759;color:var(--color-text-primary)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.sidebar{background:#fff;background:var(--color-surface);border-right:1px solid #ddd;border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease;z-index:1000}.sidebar--open{width:250px}.sidebar--closed{width:60px}.sidebar__header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem}.sidebar__brand{align-items:center;display:flex;flex:1 1;gap:.75rem}.sidebar__toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.sidebar__toggle-btn:hover{background:#eee;background:var(--color-surface-hover);color:#2a4759;color:var(--color-text-primary);transform:scale(1.1)}.sidebar__toggle-btn:active{transform:scale(.95)}.sidebar__toggle-btn:focus{box-shadow:0 0 0 2px var(--color-primary-alpha-30);outline:none}.sidebar__toggle-icon{font-size:.875rem;transition:transform .2s ease}.sidebar__toggle-btn:hover .sidebar__toggle-icon{transform:translateX(2px)}.sidebar__logo{display:block;flex-shrink:0;height:28px;object-fit:contain;width:28px}.sidebar__brand-text{color:#2a4759;color:var(--color-text-primary);font-size:1.1rem;font-weight:600;white-space:nowrap}.sidebar__user{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;gap:.75rem;padding:1rem}.sidebar__user-avatar{align-items:center;background:#f79b72;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.sidebar__user-info{flex:1 1;min-width:0}.sidebar__user-name{color:#2a4759;color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__upgrade-btn{background:none;border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;margin-top:.25rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.sidebar__upgrade-btn:hover{background:#eee;background:var(--color-surface-hover);border-color:#f79b72;border-color:var(--color-primary);color:#f79b72;color:var(--color-primary)}.sidebar__nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem 0}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:#0000}.sidebar__nav::-webkit-scrollbar-thumb{background:#ddd;background:var(--color-border);border-radius:2px}.sidebar__nav-item{align-items:center;background:none;border:none;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.sidebar__nav-item:hover{background:#eee;background:var(--color-surface-hover);color:#2a4759;color:var(--color-text-primary)}.sidebar__nav-item--active{background:#f79b721a;background:var(--color-primary-alpha-10);color:#f79b72;color:var(--color-primary)}.sidebar__nav-item--active:before{background:#f79b72;background:var(--color-primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar__nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem;height:20px;justify-content:center;width:20px}.sidebar__nav-label{flex:1 1;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav-badge{background:#ef4444;background:var(--color-danger);border-radius:10px;color:#fff;flex-shrink:0;font-size:.7rem;font-weight:600;min-width:18px;padding:.125rem .375rem;text-align:center}.sidebar__footer{border-top:1px solid #ddd;border-top:1px solid var(--color-border);padding:.5rem 0}.sidebar__footer-item{align-items:center;background:none;border:none;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.sidebar__footer-item:hover{background:#eee;background:var(--color-surface-hover);color:#2a4759;color:var(--color-text-primary)}.sidebar__footer-item.sidebar__logout:hover{background:#ef44441a;background:var(--color-danger-alpha-10);color:#ef4444;color:var(--color-danger)}.sidebar__toggle{background:#ddd;background:var(--color-border);border-radius:9px;cursor:pointer;height:18px;margin-left:auto;position:relative;transition:background .2s ease;width:32px}.sidebar__toggle--on{background:#f79b72;background:var(--color-primary)}.sidebar__toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:14px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:14px}.sidebar__toggle--on .sidebar__toggle-thumb{transform:translateX(14px)}@media(max-width:768px){.sidebar--open{width:280px}.sidebar--closed{transform:translateX(-100%)}}.app-layout{display:flex;height:100vh;overflow:hidden}.content-area{background:#fafafa;background:var(--color-background);display:flex;flex:1 1;flex-direction:column;transition:margin-left .3s ease}.content-area--sidebar-open{margin-left:250px}.content-area--sidebar-closed{margin-left:60px}@media(max-width:768px){.content-area--sidebar-closed,.content-area--sidebar-open{margin-left:0}}.layout-header{align-items:center;background:#fff;background:var(--color-surface);border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;min-height:70px;padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.layout-header__left,.layout-header__right{align-items:center;display:flex;gap:1rem}.layout-header__menu-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.layout-header__menu-btn:hover{background:#eee;background:var(--color-surface-hover);transform:translateY(-1px)}.layout-header__menu-btn:active{transform:scale(.95)}.layout-header__menu-btn:focus{box-shadow:0 0 0 2px var(--color-primary-alpha-30);outline:none}.layout-header__menu-icon{display:flex;flex-direction:column;gap:3px;height:14px;position:relative;width:18px}.layout-header__menu-icon span{background:#2a4759;background:var(--color-text-primary);border-radius:1px;height:2px;transform-origin:center;transition:all .3s ease}.layout-header__menu-icon span:first-child{width:18px}.layout-header__menu-icon span:nth-child(2){margin-left:2px;width:14px}.layout-header__menu-icon span:nth-child(3){width:18px}.layout-header__menu-btn:hover .layout-header__menu-icon span:first-child{transform:translateY(1px) rotate(3deg)}.layout-header__menu-btn:hover .layout-header__menu-icon span:nth-child(2){margin-left:1px;transform:scaleX(1.2);width:16px}.layout-header__menu-btn:hover .layout-header__menu-icon span:nth-child(3){transform:translateY(-1px) rotate(-3deg)}.layout-header__title{color:#2a4759;color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}@media(max-width:768px){.layout-header__title{font-size:1.25rem}}.layout-header__title-section{display:flex;flex-direction:column;gap:.25rem}.layout-header__greeting{color:#4a617a;color:var(--color-text-secondary);font-size:.875rem;font-weight:400;margin:0}@media(max-width:768px){.layout-header__greeting{display:none}}.layout-header__info{align-items:flex-end;display:flex;flex-direction:column;gap:.125rem}@media(max-width:568px){.layout-header__info{display:none}}.layout-header__info-label{color:#4a617a;color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.layout-header__info-value{color:#2a4759;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.layout-header__upgrade-btn{background:#f79b72;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.layout-header__upgrade-btn:hover{background:#e8845e;background:var(--color-primary-dark);transform:translateY(-1px)}.layout-header__upgrade-btn:active{transform:translateY(0)}.layout-content{background:#fafafa;background:var(--color-background);flex:1 1;overflow:auto;padding:12px 16px}.layout-content::-webkit-scrollbar{width:6px}.layout-content::-webkit-scrollbar-track{background:#0000}.layout-content::-webkit-scrollbar-thumb{background:#ddd;background:var(--color-border);border-radius:3px}.layout-content::-webkit-scrollbar-thumb:hover{background:#4a617a;background:var(--color-text-secondary)}.content-section{padding:1.5rem}.content-section__subtitle{font-size:1rem}.stats-area{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-card{background:#fff;background:var(--color-surface);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .2s ease}.stats-card:hover{border-color:#f79b72;border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.stats-card__title{color:#4a617a;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .5rem}.stats-card__value{color:#2a4759;color:var(--color-text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.stats-card__subtitle{color:var(--color-text-tertiary);font-size:.75rem;margin:.25rem 0 0}.empty-state{min-height:400px;padding:4rem 2rem}.empty-state__icon{font-size:4rem;margin-bottom:1.5rem}.empty-state__title{font-size:1.5rem;font-weight:600}.empty-state__description{font-size:1rem;margin:0 0 2rem;max-width:500px}@media(max-width:768px){.layout-header{padding:1rem}.layout-header__title{font-size:1.125rem}.content-section{padding:1rem}.content-section__title{font-size:1.5rem}.stats-area{gap:1rem;grid-template-columns:1fr}.stats-card{padding:1rem}}@media(max-width:480px){.layout-header__right{gap:.5rem}.layout-header__upgrade-btn{font-size:.8rem;padding:.375rem .75rem}.empty-state{min-height:300px;padding:2rem 1rem}.empty-state__title{font-size:1.25rem}.empty-state__description{font-size:.9rem}}.sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.sidebar-overlay--visible{opacity:1;visibility:visible}@media(min-width:769px){.sidebar-overlay{display:none}}.dashboard-view .stats-area{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}@media(max-width:768px){.dashboard-view .stats-area{grid-template-columns:1fr}}.dashboard-view .stats-area .stats-card{text-align:center}.dashboard-view .stats-area .stats-card__title{color:#4a617a;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.dashboard-view .stats-area .stats-card__value{color:#2a4759;color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1;margin:0 0 .5rem}.dashboard-view .stats-area .stats-card__subtitle{color:#4a617a;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;margin:0}.dashboard-view .dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 300px}@media(max-width:968px){.dashboard-view .dashboard-content{grid-template-columns:1fr}}.dashboard-view .dashboard-main{display:flex;flex-direction:column;gap:1.5rem}.dashboard-view .dashboard-main .welcome-card .welcome-content{padding:2rem;text-align:center}.dashboard-view .dashboard-main .welcome-card .welcome-content .welcome-icon{font-size:3rem;margin-bottom:1rem}.dashboard-view .dashboard-main .welcome-card .welcome-content h2{color:#2a4759;color:var(--color-text-primary);font-size:1.5rem;margin:0 0 1rem}.dashboard-view .dashboard-main .welcome-card .welcome-content p{color:#4a617a;color:var(--color-text-secondary);line-height:1.6;margin:0 0 2rem}.dashboard-view .dashboard-main .welcome-card .welcome-content .welcome-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media(max-width:480px){.dashboard-view .dashboard-main .welcome-card .welcome-content .welcome-actions{align-items:center;flex-direction:column}}.dashboard-view .dashboard-main .dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){.dashboard-view .dashboard-main .dashboard-grid{grid-template-columns:1fr}}.dashboard-view .dashboard-main .dashboard-card h3{color:#2a4759;color:var(--color-text-primary);font-size:1.1rem;margin:0 0 1rem}.dashboard-view .dashboard-main .dashboard-card .empty-state{color:#4a617a;color:var(--color-text-secondary);padding:2rem;text-align:center}.dashboard-view .dashboard-main .dashboard-card .quick-actions{display:flex;flex-direction:column;gap:.75rem}.dashboard-view .dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.dashboard-view .dashboard-sidebar .user-profile-card .user-profile{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.dashboard-view .dashboard-sidebar .user-profile-card .user-profile .user-avatar{align-items:center;background:#f79b72;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;width:50px}.dashboard-view .dashboard-sidebar .user-profile-card .user-profile .user-info{flex:1 1}.dashboard-view .dashboard-sidebar .user-profile-card .user-profile .user-info h4{color:#2a4759;color:var(--color-text-primary);font-size:1rem;margin:0 0 .25rem}.dashboard-view .dashboard-sidebar .user-profile-card .user-profile .user-info p{color:#4a617a;color:var(--color-text-secondary);font-size:.85rem;margin:0 0 .5rem}.dashboard-view .dashboard-sidebar .user-profile-card .user-profile .user-info .user-roles{display:flex;flex-wrap:wrap;gap:.25rem}.dashboard-view .dashboard-sidebar .user-profile-card .user-profile .user-info .user-roles .role-badge{background:#eee;background:var(--color-surface-hover);border-radius:4px;color:#2a4759;color:var(--color-text-primary);font-size:.7rem;font-weight:500;padding:.25rem .5rem}.dashboard-view .dashboard-sidebar .system-status-card h4{color:#2a4759;color:var(--color-text-primary);font-size:1rem;margin:0 0 1rem}.dashboard-view .dashboard-sidebar .system-status-card .status-items{display:flex;flex-direction:column;gap:.75rem}.dashboard-view .dashboard-sidebar .system-status-card .status-items .status-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.dashboard-view .dashboard-sidebar .system-status-card .status-items .status-item .status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dashboard-view .dashboard-sidebar .system-status-card .status-items .status-item .status-indicator--success{background:#4a617a;background:var(--color-secondary-dark)}.dashboard-view .dashboard-sidebar .system-status-card .status-items .status-item .status-indicator--warning{background:#f79b72;background:var(--color-primary)}.dashboard-view .dashboard-sidebar .system-status-card .status-items .status-item .status-indicator--danger{background:#ef4444;background:var(--color-danger)}.dashboard-view .dashboard-sidebar .system-status-card .status-items .status-item .status-value{color:#4a617a;color:var(--color-text-secondary);font-size:.8rem;margin-left:auto}.card{background-color:#fff;background-color:var(--color-surface);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:box-shadow .2s ease-in-out}.card__title{color:#2a4759;color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 16px}.card__content{flex:1 1}.card--padding-small{padding:16px}.card--padding-medium{padding:24px}.card--padding-large{padding:32px}.card--shadow-none{box-shadow:none}.card--shadow-small{box-shadow:0 1px 2px 0 #0000000d}.card--shadow-medium{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card--shadow-large{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card--shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card--rounded-none{border-radius:0}.card--rounded-sm{border-radius:4px}.card--rounded-md{border-radius:6px}.card--rounded-lg{border-radius:8px}.card--rounded-xl{border-radius:12px}.card--hover{cursor:pointer;transition:all .2s ease-in-out ease-in-out}.card--hover:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.card__header{border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:16px}.card__footer{border-top:1px solid #ddd;border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.playground-view .playground-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;height:calc(100vh - 200px)}@media(max-width:968px){.playground-view .playground-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}}.playground-view .playground__settings .form-group{margin-bottom:1.5rem}.playground-view .playground__settings .form-group label{color:#2a4759;color:var(--color-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.playground-view .playground__settings .form-group .form-range,.playground-view .playground__settings .form-group .form-select{background:#fff;background:var(--color-surface);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:#2a4759;color:var(--color-text-primary);padding:.5rem;width:100%}.playground-view .playground__settings .form-group .form-range{-webkit-appearance:none;background:#ddd;background:var(--color-border);border:none;border-radius:3px;height:6px}.playground-view .playground__settings .form-group .form-range::-webkit-slider-thumb{-webkit-appearance:none;background:#f79b72;background:var(--color-primary);border-radius:50%;cursor:pointer;height:20px;width:20px}.playground-view .playground__conversation,.playground-view .playground__conversation .conversation-card{display:flex;flex-direction:column;height:100%}.playground-view .playground__conversation .conversation-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.playground-view .playground__conversation .conversation-header h3{color:#2a4759;color:var(--color-text-primary);margin:0}.playground-view .playground__conversation .conversation-messages{flex:1 1;max-height:500px;min-height:400px;overflow-y:auto;padding:1rem 0}.playground-view .playground__conversation .conversation-messages::-webkit-scrollbar{width:6px}.playground-view .playground__conversation .conversation-messages::-webkit-scrollbar-track{background:#0000}.playground-view .playground__conversation .conversation-messages::-webkit-scrollbar-thumb{background:#ddd;background:var(--color-border);border-radius:3px}.playground-view .playground__conversation .conversation-input{border-top:1px solid #ddd;border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.playground-view .playground__conversation .conversation-input .input-group{align-items:flex-end;display:flex;gap:1rem}.playground-view .playground__conversation .conversation-input .input-group .input-group{flex:1 1;margin:0}.playground-view .message{display:flex;gap:.75rem;margin-bottom:1rem}.playground-view .message--user{flex-direction:row-reverse}.playground-view .message--user .message__content{background:#f79b72;background:var(--color-primary);color:#fff;margin-left:2rem}.playground-view .message--agent .message__content{background:#eee;background:var(--color-surface-hover);color:#2a4759;color:var(--color-text-primary);margin-right:2rem}.playground-view .message__avatar{align-items:center;background:#ddd;background:var(--color-border);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.playground-view .message__content{word-wrap:break-word;background:#fff;background:var(--color-surface);border-radius:12px;max-width:70%;padding:.75rem 1rem}.playground-view .message__text{line-height:1.4;margin-bottom:.25rem}.playground-view .message__time{font-size:.75rem;opacity:.7}.playground-view .message__typing{align-items:center;display:flex;font-style:italic;gap:.5rem;opacity:.8}.playground-view .typing-indicator{display:flex;gap:3px}.playground-view .typing-indicator span{animation:typing 1.4s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.playground-view .typing-indicator span:nth-child(2){animation-delay:.2s}.playground-view .typing-indicator span:nth-child(3){animation-delay:.4s}.playground-view .empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem 1rem;text-align:center}.playground-view .empty-state__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.playground-view .empty-state__title{color:#2a4759;color:var(--color-text-primary);margin:0 0 .5rem}.playground-view .empty-state__description{color:#4a617a;color:var(--color-text-secondary);margin:0}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.agents-view .content-section__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:768px){.agents-view .content-section__header{flex-direction:column;gap:1rem}}.agents-view .agents-controls{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.agents-view .agents-controls{align-items:stretch;flex-direction:column}}.agents-view .agents-controls .agents-search{flex:1 1;max-width:400px}@media(max-width:768px){.agents-view .agents-controls .agents-search{max-width:none}}.agents-view .agents-controls .agents-filters{display:flex;gap:1rem}.agents-view .agents-controls .agents-filters .form-select{background:#fff;background:var(--color-surface);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:#2a4759;color:var(--color-text-primary);min-width:120px;padding:.5rem}.agents-view .agents-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:768px){.agents-view .agents-grid{grid-template-columns:1fr}}.agents-view .agent-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.agents-view .agent-card__name{color:#2a4759;color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.agents-view .agent-card__description{color:#4a617a;color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.agents-view .agent-card__details{margin-bottom:1.5rem}.agents-view .agent-card__details .detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.agents-view .agent-card__details .detail-item:last-child{margin-bottom:0}.agents-view .agent-card__details .detail-label{color:#4a617a;color:var(--color-text-secondary);font-size:.85rem}.agents-view .agent-card__details .detail-value{color:#2a4759;color:var(--color-text-primary);font-size:.85rem;font-weight:500}.agents-view .agent-card__actions{display:flex;gap:.5rem;justify-content:flex-end}.agents-view .status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.agents-view .status-badge--active{background:#2a47591a;color:#4a617a;color:var(--color-secondary-dark)}.agents-view .status-badge--inactive{background:#eee;background:var(--color-surface-hover);color:#4a617a;color:var(--color-text-secondary)}.agents-view .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.agents-view .loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ddd;border-top:3px solid #f79b72;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:1rem;width:40px}.agents-view .loading-state p{color:#4a617a;color:var(--color-text-secondary);margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.transcript-container{max-height:600px;overflow-y:auto}.transcript-container::-webkit-scrollbar{width:6px}.transcript-container::-webkit-scrollbar-track{background:#f1f1f1}.transcript-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.transcript-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0,.mx-0{margin-left:0}.mx-0{margin-right:0}.my-0{margin-bottom:0;margin-top:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0,.px-0{padding-left:0}.px-0{padding-right:0}.py-0{padding-bottom:0;padding-top:0}.m-1{margin:4px}.mt-1{margin-top:4px}.mr-1{margin-right:4px}.mb-1{margin-bottom:4px}.ml-1,.mx-1{margin-left:4px}.mx-1{margin-right:4px}.my-1{margin-bottom:4px;margin-top:4px}.p-1{padding:4px}.pt-1{padding-top:4px}.pr-1{padding-right:4px}.pb-1{padding-bottom:4px}.pl-1,.px-1{padding-left:4px}.px-1{padding-right:4px}.py-1{padding-bottom:4px;padding-top:4px}.m-2{margin:8px}.mt-2{margin-top:8px}.mr-2{margin-right:8px}.mb-2{margin-bottom:8px}.ml-2,.mx-2{margin-left:8px}.mx-2{margin-right:8px}.my-2{margin-bottom:8px;margin-top:8px}.p-2{padding:8px}.pt-2{padding-top:8px}.pr-2{padding-right:8px}.pb-2{padding-bottom:8px}.pl-2,.px-2{padding-left:8px}.px-2{padding-right:8px}.py-2{padding-bottom:8px;padding-top:8px}.m-3{margin:12px}.mt-3{margin-top:12px}.mr-3{margin-right:12px}.mb-3{margin-bottom:12px}.ml-3,.mx-3{margin-left:12px}.mx-3{margin-right:12px}.my-3{margin-bottom:12px;margin-top:12px}.p-3{padding:12px}.pt-3{padding-top:12px}.pr-3{padding-right:12px}.pb-3{padding-bottom:12px}.pl-3,.px-3{padding-left:12px}.px-3{padding-right:12px}.py-3{padding-bottom:12px;padding-top:12px}.m-4{margin:16px}.mt-4{margin-top:16px}.mr-4{margin-right:16px}.mb-4{margin-bottom:16px}.ml-4,.mx-4{margin-left:16px}.mx-4{margin-right:16px}.my-4{margin-bottom:16px;margin-top:16px}.p-4{padding:16px}.pt-4{padding-top:16px}.pr-4{padding-right:16px}.pb-4{padding-bottom:16px}.pl-4,.px-4{padding-left:16px}.px-4{padding-right:16px}.py-4{padding-bottom:16px;padding-top:16px}.m-5{margin:20px}.mt-5{margin-top:20px}.mr-5{margin-right:20px}.mb-5{margin-bottom:20px}.ml-5,.mx-5{margin-left:20px}.mx-5{margin-right:20px}.my-5{margin-bottom:20px;margin-top:20px}.p-5{padding:20px}.pt-5{padding-top:20px}.pr-5{padding-right:20px}.pb-5{padding-bottom:20px}.pl-5,.px-5{padding-left:20px}.px-5{padding-right:20px}.py-5{padding-bottom:20px;padding-top:20px}.m-6{margin:24px}.mt-6{margin-top:24px}.mr-6{margin-right:24px}.mb-6{margin-bottom:24px}.ml-6,.mx-6{margin-left:24px}.mx-6{margin-right:24px}.my-6{margin-bottom:24px;margin-top:24px}.p-6{padding:24px}.pt-6{padding-top:24px}.pr-6{padding-right:24px}.pb-6{padding-bottom:24px}.pl-6,.px-6{padding-left:24px}.px-6{padding-right:24px}.py-6{padding-bottom:24px;padding-top:24px}.m-8{margin:32px}.mt-8{margin-top:32px}.mr-8{margin-right:32px}.mb-8{margin-bottom:32px}.ml-8,.mx-8{margin-left:32px}.mx-8{margin-right:32px}.my-8{margin-bottom:32px;margin-top:32px}.p-8{padding:32px}.pt-8{padding-top:32px}.pr-8{padding-right:32px}.pb-8{padding-bottom:32px}.pl-8,.px-8{padding-left:32px}.px-8{padding-right:32px}.py-8{padding-bottom:32px;padding-top:32px}.m-10{margin:40px}.mt-10{margin-top:40px}.mr-10{margin-right:40px}.mb-10{margin-bottom:40px}.ml-10,.mx-10{margin-left:40px}.mx-10{margin-right:40px}.my-10{margin-bottom:40px;margin-top:40px}.p-10{padding:40px}.pt-10{padding-top:40px}.pr-10{padding-right:40px}.pb-10{padding-bottom:40px}.pl-10,.px-10{padding-left:40px}.px-10{padding-right:40px}.py-10{padding-bottom:40px;padding-top:40px}.m-12{margin:48px}.mt-12{margin-top:48px}.mr-12{margin-right:48px}.mb-12{margin-bottom:48px}.ml-12,.mx-12{margin-left:48px}.mx-12{margin-right:48px}.my-12{margin-bottom:48px;margin-top:48px}.p-12{padding:48px}.pt-12{padding-top:48px}.pr-12{padding-right:48px}.pb-12{padding-bottom:48px}.pl-12,.px-12{padding-left:48px}.px-12{padding-right:48px}.py-12{padding-bottom:48px;padding-top:48px}.m-16{margin:64px}.mt-16{margin-top:64px}.mr-16{margin-right:64px}.mb-16{margin-bottom:64px}.ml-16,.mx-16{margin-left:64px}.mx-16{margin-right:64px}.my-16{margin-bottom:64px;margin-top:64px}.p-16{padding:64px}.pt-16{padding-top:64px}.pr-16{padding-right:64px}.pb-16{padding-bottom:64px}.pl-16,.px-16{padding-left:64px}.px-16{padding-right:64px}.py-16{padding-bottom:64px;padding-top:64px}.m-20{margin:80px}.mt-20{margin-top:80px}.mr-20{margin-right:80px}.mb-20{margin-bottom:80px}.ml-20,.mx-20{margin-left:80px}.mx-20{margin-right:80px}.my-20{margin-bottom:80px;margin-top:80px}.p-20{padding:80px}.pt-20{padding-top:80px}.pr-20{padding-right:80px}.pb-20{padding-bottom:80px}.pl-20,.px-20{padding-left:80px}.px-20{padding-right:80px}.py-20{padding-bottom:80px;padding-top:80px}.m-24{margin:96px}.mt-24{margin-top:96px}.mr-24{margin-right:96px}.mb-24{margin-bottom:96px}.ml-24,.mx-24{margin-left:96px}.mx-24{margin-right:96px}.my-24{margin-bottom:96px;margin-top:96px}.p-24{padding:96px}.pt-24{padding-top:96px}.pr-24{padding-right:96px}.pb-24{padding-bottom:96px}.pl-24,.px-24{padding-left:96px}.px-24{padding-right:96px}.py-24{padding-bottom:96px;padding-top:96px}.m-32{margin:128px}.mt-32{margin-top:128px}.mr-32{margin-right:128px}.mb-32{margin-bottom:128px}.ml-32,.mx-32{margin-left:128px}.mx-32{margin-right:128px}.my-32{margin-bottom:128px;margin-top:128px}.p-32{padding:128px}.pt-32{padding-top:128px}.pr-32{padding-right:128px}.pb-32{padding-bottom:128px}.pl-32,.px-32{padding-left:128px}.px-32{padding-right:128px}.py-32{padding-bottom:128px;padding-top:128px}.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.flex-1{flex:1 1!important}.flex-auto{flex:1 1 auto!important}.flex-initial{flex:0 1 auto!important}.flex-none{flex:none!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.static{position:static!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.font-thin{font-weight:100!important}.font-light{font-weight:300!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-4xl{font-size:2.25rem!important}.text-5xl{font-size:3rem!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.leading-tight{line-height:1.25!important}.leading-normal{line-height:1.5!important}.leading-relaxed{line-height:1.75!important}.text-primary{color:#f79b72!important;color:var(--color-primary)!important}.text-secondary{color:#5a7494!important;color:var(--color-secondary)!important}.text-danger{color:#ef4444!important;color:var(--color-danger)!important}.text-muted{color:#757575!important;color:var(--color-text-muted)!important}.bg-primary{background-color:#f79b72!important;background-color:var(--color-primary)!important}.bg-secondary{background-color:#5a7494!important;background-color:var(--color-secondary)!important}.bg-danger{background-color:#ef4444!important;background-color:var(--color-danger)!important}.bg-surface{background-color:#fff!important;background-color:var(--color-surface)!important}.bg-transparent{background-color:#0000!important}.border{border:1px solid #ddd!important;border:1px solid var(--color-border)!important}.border-0{border:0!important}.border-t{border-top:1px solid #ddd!important;border-top:1px solid var(--color-border)!important}.border-r{border-right:1px solid #ddd!important;border-right:1px solid var(--color-border)!important}.border-b{border-bottom:1px solid #ddd!important;border-bottom:1px solid var(--color-border)!important}.border-l{border-left:1px solid #ddd!important;border-left:1px solid var(--color-border)!important}.border-primary{border-color:#f79b72!important;border-color:var(--color-primary)!important}.border-secondary{border-color:#5a7494!important;border-color:var(--color-secondary)!important}.border-danger{border-color:#ef4444!important;border-color:var(--color-danger)!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:4px!important}.rounded,.rounded-md{border-radius:6px!important}.rounded-lg{border-radius:8px!important}.rounded-xl{border-radius:12px!important}.rounded-2xl{border-radius:16px!important}.rounded-3xl{border-radius:24px!important}.rounded-full{border-radius:9999px!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d!important}.shadow,.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-0{width:0!important}.w-1\/2{width:50%!important}.w-1\/3{width:33.333333%!important}.w-2\/3{width:66.666667%!important}.w-1\/4{width:25%!important}.w-3\/4{width:75%!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-0{height:0!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.transition{transition:all .15s ease-in-out!important}.transition-none{transition:none!important}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out!important}.transition-opacity{transition:opacity .15s ease-in-out!important}.transition-transform{transition:transform .15s ease-in-out!important}.transform{transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1)!important;transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))!important}.transform-none{transform:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.sr-only{clip:rect(0,0,0,0)!important;border-width:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.not-sr-only{clip:auto!important;height:auto!important;margin:0!important;overflow:visible!important;padding:0!important;position:static!important;white-space:normal!important;width:auto!important}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fafafa;background:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh}.modal--sm{max-width:400px;width:100%}.modal--md{max-width:600px;width:100%}.modal--lg{max-width:800px;width:100%}.modal--xl{max-width:1200px;width:100%}.modal__header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.modal__title{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0}.modal__close{align-items:center;background:none;border:none;border-radius:4px;color:#757575;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;transition:all .2s ease;width:2rem}.modal__close:hover{background-color:var(--color-muted);color:var(--color-text)}.modal__content{flex:1 1;overflow-y:auto;padding:1.5rem}.tool-form{gap:1.5rem;margin:0 auto;max-width:42rem}.tool-form,.tool-form__content{display:flex;flex-direction:column}.tool-form__content{gap:2.5rem;max-height:70vh;overflow-y:auto;padding-right:.5rem}.tool-form__section{display:flex;flex-direction:column;gap:1.25rem}.tool-form__section-header{display:flex;flex-direction:column;gap:.5rem}.tool-form__section-title{color:var(--color-text);font-size:1.125rem;font-weight:600;margin:0}.tool-form__section-description{color:#757575;color:var(--color-text-muted);font-size:.875rem;margin:0;max-width:32rem}.tool-form__field{display:flex;flex-direction:column;gap:.25rem}.tool-form__field-header{align-items:center;display:flex;gap:.5rem}.tool-form__label{color:#757575;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.25rem}.tool-form__label-note{font-weight:400}.tool-form__textarea{background-color:#fafafa;background-color:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:1rem;min-height:3.75rem;padding:.5rem;resize:vertical;transition:all .2s ease}.tool-form__textarea:hover{border-color:#bdbdbd;border-color:var(--color-border-hover)}.tool-form__textarea:focus{border-color:#f79b72;border-color:var(--color-primary);box-shadow:0 0 0 1px #f79b72;box-shadow:0 0 0 1px var(--color-primary);outline:none}.tool-form__textarea::placeholder{color:#757575;color:var(--color-text-muted)}.tool-form__url-input{align-items:center;display:flex;position:relative}.tool-form__url-prefix{color:#757575;color:var(--color-text-muted);font-size:1rem;left:.75rem;pointer-events:none;position:absolute;z-index:1}.tool-form__url-input input{padding-left:4rem}.tool-form__select{background-color:#fafafa;background-color:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s ease}.tool-form__select:hover{border-color:#bdbdbd;border-color:var(--color-border-hover)}.tool-form__select:focus{border-color:#f79b72;border-color:var(--color-primary);box-shadow:0 0 0 1px #f79b72;box-shadow:0 0 0 1px var(--color-primary);outline:none}.tool-form__toggle-field{display:flex;flex-direction:column;gap:.75rem}.tool-form__toggle-header{align-items:center;display:flex;gap:.5rem}.tool-form__toggle-container{align-items:center;background-color:#fafafa;background-color:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.tool-form__toggle-label{color:var(--color-text);font-size:.875rem}.tool-form__toggle{background-color:var(--color-muted);border:none;border-radius:.75rem;cursor:pointer;height:1.5rem;padding:.125rem;position:relative;transition:background-color .2s ease;width:3rem}.tool-form__toggle--active{background-color:#f79b72;background-color:var(--color-primary)}.tool-form__toggle:focus{box-shadow:0 0 0 2px #fdeee6;box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.tool-form__toggle-slider{background-color:#fff;border-radius:50%;height:1rem;transition:transform .2s ease;width:1rem}.tool-form__toggle--active .tool-form__toggle-slider{transform:translateX(1.5rem)}.tool-form__help-icon{align-items:center;border:1px solid #757575;border:1px solid var(--color-text-muted);border-radius:50%;color:#757575;color:var(--color-text-muted);cursor:help;display:flex;flex-shrink:0;font-size:.75rem;height:1rem;justify-content:center;width:1rem}.tool-form__dynamic-section{display:flex;flex-direction:column;gap:.75rem}.tool-form__key-value-pair{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:1fr 1fr auto}.tool-form__add-button{align-self:flex-start;max-width:fit-content}.tool-form__actions{border-top:1px solid #ddd;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}@media(max-width:768px){.tool-form{max-width:none}.tool-form__key-value-pair{gap:.5rem;grid-template-columns:1fr}.tool-form__actions{flex-direction:column}.tool-form__actions button{width:100%}}.rag-form{gap:1.5rem;margin:0 auto;max-width:32rem}.rag-form,.rag-form__content{display:flex;flex-direction:column}.rag-form__content{gap:1.25rem;max-height:70vh;overflow-y:auto;padding-right:.5rem}.rag-form__field,.rag-form__label{display:flex;flex-direction:column;gap:.25rem}.rag-form__label{color:#757575;color:var(--color-text-muted);font-size:.875rem;font-weight:500}.rag-form__label-note{font-weight:400}.rag-form__select{appearance:none;background-color:#1a1a1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #3a3a3a;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;min-height:2.75rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s ease;width:100%}.rag-form__select:hover{background-color:#2a2a2a;border-color:#4a4a4a}.rag-form__select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.rag-form__select:disabled{background-color:#1a1a1a;cursor:not-allowed;opacity:.6}.rag-form__select option{background-color:#1a1a1a;color:#fff;padding:.5rem}.rag-form__select option:hover{background-color:#2a2a2a}.rag-form__select option:checked{background-color:#4a90e2;color:#fff}.rag-form__textarea{background-color:#fafafa;background-color:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:1rem;min-height:3.75rem;padding:.5rem;resize:vertical;transition:all .2s ease}.rag-form__textarea:hover{border-color:#bdbdbd;border-color:var(--color-border-hover)}.rag-form__textarea:focus{border-color:#f79b72;border-color:var(--color-primary);box-shadow:0 0 0 1px #f79b72;box-shadow:0 0 0 1px var(--color-primary);outline:none}.rag-form__textarea::placeholder{color:#757575;color:var(--color-text-muted)}.rag-form__radio-group{background-color:#fafafa;background-color:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;display:flex;gap:.5rem;padding:.25rem}.rag-form__radio-button{align-items:center;background-color:#0000;border:none;border-radius:4px;color:#757575;color:var(--color-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;justify-content:center;min-height:2.25rem;padding:.5rem 1rem;transition:all .2s ease}.rag-form__radio-button--active,.rag-form__radio-button:hover{background-color:var(--color-muted);color:var(--color-text)}.rag-form__radio-button--active{border:1px solid #ddd;border:1px solid var(--color-border)}.rag-form__radio-button:focus{box-shadow:0 0 0 1px #f79b72;box-shadow:0 0 0 1px var(--color-primary);outline:none}.rag-form__actions{border-top:1px solid #ddd;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}.rag-form__crawl-depth-description{color:#757575;color:var(--color-text-muted);font-size:.8rem;margin-bottom:.5rem;margin-top:.25rem}.rag-form__slider-container{align-items:center;display:flex;gap:1rem;margin-top:.75rem;padding:.5rem 0}.rag-form__slider{appearance:none;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.25rem;cursor:pointer;flex:1 1;height:.5rem;outline:none;position:relative}.rag-form__slider::-webkit-slider-track{background:linear-gradient(90deg,#4a90e2 0,#4a90e2 16.67%,#2a2a2a 0,#2a2a2a);background:linear-gradient(to right,#4a90e2 0,#4a90e2 var(--slider-progress,16.67%),#2a2a2a var(--slider-progress,16.67%),#2a2a2a 100%);border:none;border-radius:.25rem;height:.5rem}.rag-form__slider::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #4a90e2;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:1rem;margin-top:-.25rem;position:relative;width:1rem;z-index:2}.rag-form__slider::-webkit-slider-thumb:hover{box-shadow:0 3px 8px #0000004d;transform:scale(1.1)}.rag-form__slider::-webkit-slider-thumb:active{transform:scale(.95)}.rag-form__slider::-moz-range-track{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.25rem;height:.5rem}.rag-form__slider::-moz-range-progress{background:#4a90e2;border-radius:.25rem;height:.5rem}.rag-form__slider::-moz-range-thumb{background:#fff;border:2px solid #4a90e2;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:1rem;position:relative;width:1rem;z-index:2}.rag-form__slider::-moz-range-thumb:hover{box-shadow:0 3px 8px #0000004d;transform:scale(1.1)}.rag-form__slider::-moz-range-thumb:active{transform:scale(.95)}.rag-form__slider:focus{box-shadow:0 0 0 2px #4a90e24d;outline:none}.rag-form__slider-value{background:#1a1a1a;border:1px solid #4a90e2;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace;font-size:.875rem;font-weight:500;letter-spacing:.05em;min-width:2.5rem;padding:.375rem .75rem;text-align:center}.rag-form__url-section{display:flex;flex-direction:column;gap:.75rem}.rag-form__url-input-group{align-items:center;display:flex;gap:.5rem}.rag-form__url-input{align-items:center;display:flex;flex:1 1;position:relative}.rag-form__url-prefix{color:#757575;color:var(--color-text-muted);font-size:1rem;left:.75rem;pointer-events:none;position:absolute;z-index:1}.rag-form__url-input input{padding-left:4rem}.rag-form__remove-url{align-items:center;background:none;border:none;border-radius:4px;color:#757575;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.rag-form__remove-url:hover{background-color:#ef44441a;background-color:var(--color-danger-alpha-10);color:#ef4444;color:var(--color-danger)}.rag-form__remove-icon{height:1rem;width:1rem}.rag-form__add-url-button{align-self:flex-start}.rag-form__document-upload{align-items:center;display:flex;justify-content:center;min-height:6rem}.rag-form__upload-area{background-color:var(--color-muted);border:2px dashed #ddd;border:2px dashed var(--color-border);border-radius:8px;padding:2rem;text-align:center;width:100%}.rag-form__upload-area p{margin:0}.rag-form__upload-area p,.rag-form__upload-placeholder{color:#757575;color:var(--color-text-muted);font-size:.875rem}.rag-form__upload-placeholder{background-color:#fafafa;background-color:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;padding:1.5rem;text-align:center}@media(max-width:768px){.rag-form{max-width:none}.rag-form__url-input-group{align-items:stretch;flex-direction:column}.rag-form__actions{flex-direction:column}.rag-form__actions button{width:100%}}.agent-form{background:#fafafa;background:var(--color-background);border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem}.agent-form__header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}@media(max-width:768px){.agent-form__header{flex-direction:column;gap:1rem}}.agent-form__title-section{align-items:center;display:flex;flex:1 1;gap:1rem}@media(max-width:768px){.agent-form__title-section{justify-content:center;width:100%}}.agent-form__title-input{background:#0000;border:none;color:var(--color-text);flex:1 1;font-size:1.5rem;font-weight:600;min-width:200px}.agent-form__title-input:focus{border-bottom:2px solid #f79b72;border-bottom:2px solid var(--color-primary);outline:none}.agent-form__status-section{align-items:center;display:flex;gap:1rem}.agent-form__status{color:var(--color-success);font-size:.9rem;font-weight:500}.agent-form__tabs{border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}@media(max-width:768px){.agent-form__tabs{gap:.25rem}}.agent-form__tab{background:none;border:none;border-bottom:2px solid #0000;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}@media(max-width:768px){.agent-form__tab{font-size:.8rem;padding:.5rem 1rem}}.agent-form__tab:hover{background:var(--color-background-secondary);color:var(--color-text)}.agent-form__tab--active{border-bottom-color:#f79b72;border-bottom-color:var(--color-primary);color:#f79b72;color:var(--color-primary);font-weight:500}.agent-form__content{flex:1 1;min-height:400px}.agent-form__tab-content{display:flex;flex-direction:column;gap:2rem}.agent-form__system-prompt{display:flex;flex-direction:column;gap:1rem}.agent-form__system-prompt-header h3{color:var(--color-text);font-size:1.1rem;margin:0 0 .5rem}.agent-form__system-prompt-header p{color:#4a617a;color:var(--color-text-secondary);font-size:.9rem;margin:0}.agent-form__learn-more{color:#f79b72;color:var(--color-primary);text-decoration:none}.agent-form__learn-more:hover{text-decoration:underline}.agent-form__system-prompt-textarea{background:#fafafa;background:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;min-height:200px;padding:1rem;resize:vertical;width:100%}.agent-form__system-prompt-textarea:focus{border-color:#f79b72;border-color:var(--color-primary);outline:none}.agent-form__section{display:flex;flex-direction:column;gap:1rem}.agent-form__section h4{color:var(--color-text);font-size:1rem;margin:0}.agent-form__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media(max-width:768px){.agent-form__grid{grid-template-columns:1fr}}.agent-form__item{background:#fafafa;background:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.agent-form__item:hover{background:var(--color-background-secondary)}.agent-form__item--selected,.agent-form__item:hover{border-color:#f79b72;border-color:var(--color-primary)}.agent-form__item--selected{background:#fdeee6;background:var(--color-primary-light)}.agent-form__item-name{color:var(--color-text);font-weight:500}.agent-form__item-description{color:#4a617a;color:var(--color-text-secondary);font-size:.9rem}.agent-form__settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){.agent-form__settings-grid{grid-template-columns:1fr}}.agent-form__field{display:flex;flex-direction:column}.agent-form__field--checkbox{align-items:center;flex-direction:row}.agent-form__label{flex-direction:column;font-weight:500}.agent-form__checkbox-label,.agent-form__label{color:var(--color-text);display:flex;font-size:.9rem;gap:.5rem}.agent-form__checkbox-label{align-items:center;cursor:pointer}.agent-form__checkbox-label input[type=checkbox]{accent-color:#f79b72;accent-color:var(--color-primary);height:18px;width:18px}.agent-form__select{background:#fafafa;background:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.9rem;padding:.75rem}.agent-form__select:focus{border-color:#f79b72;border-color:var(--color-primary);outline:none}.agent-form__select:disabled{cursor:not-allowed;opacity:.6}.agent-form__advanced-settings{border-top:1px solid #ddd;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem}.agent-form__advanced-settings-btn{align-self:flex-start}.agent-form__advanced-description{color:#4a617a;color:var(--color-text-secondary);font-size:.9rem;margin:0}.agent-form__test-section{background:var(--color-background-secondary);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;display:flex;justify-content:center;margin:2rem 0;padding:1rem}.agent-form__test-button{min-width:150px}.agent-form__actions{border-top:1px solid #ddd;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}@media(max-width:768px){.agent-form__actions{flex-direction:column}}.agent-settings-modal{display:flex;flex-direction:column;gap:1.5rem;max-height:80vh;overflow:hidden}.agent-settings-modal__tabs{border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem}.agent-settings-modal__tab{background:none;border:none;border-radius:4px;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.agent-settings-modal__tab:hover{background:var(--color-background-secondary);color:var(--color-text)}.agent-settings-modal__tab--active{background:#fdeee6;background:var(--color-primary-light);color:#f79b72;color:var(--color-primary);font-weight:500}.agent-settings-modal__content{flex:1 1;overflow-y:auto;padding-right:.5rem}.agent-settings-modal__fields,.agent-settings-modal__tab-content{display:flex;flex-direction:column;gap:1.5rem}.agent-settings-modal__field{display:flex;flex-direction:column;gap:.5rem}.agent-settings-modal__field-header{align-items:center;display:flex;gap:.5rem}.agent-settings-modal__label{color:var(--color-text);font-size:.9rem;font-weight:500}.agent-settings-modal__help-btn{align-items:center;background:none;border:none;border-radius:4px;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .2s ease}.agent-settings-modal__help-btn:hover{color:var(--color-text)}.agent-settings-modal__select{background:#fafafa;background:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.9rem;padding:.75rem}.agent-settings-modal__select:focus{border-color:#f79b72;border-color:var(--color-primary);outline:none}.agent-settings-modal__textarea{background:#fafafa;background:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.9rem;min-height:80px;padding:.75rem;resize:vertical}.agent-settings-modal__textarea:focus{border-color:#f79b72;border-color:var(--color-primary);outline:none}.agent-settings-modal__toggle-container{align-items:center;background:#fafafa;background:var(--color-background);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.agent-settings-modal__toggle-container:hover{border-color:#f79b72;border-color:var(--color-primary)}.agent-settings-modal__toggle-label{color:var(--color-text);font-size:.9rem}.agent-settings-modal__toggle{background:#ddd;background:var(--color-border);border:none;border-radius:12px;cursor:pointer;height:24px;padding:2px;position:relative;transition:all .2s ease;width:48px}.agent-settings-modal__toggle--active{background:#f79b72;background:var(--color-primary)}.agent-settings-modal__toggle-thumb{background:#fff;border-radius:50%;height:16px;transform:translateX(0);transition:transform .2s ease;width:16px}.agent-settings-modal__toggle--active .agent-settings-modal__toggle-thumb{transform:translateX(24px)}.agent-settings-modal__slider-container{align-items:center;display:flex;gap:1rem}.agent-settings-modal__slider{background:#ddd;background:var(--color-border);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.agent-settings-modal__slider::-webkit-slider-thumb{appearance:none;background:#f79b72;background:var(--color-primary);border-radius:50%;cursor:pointer;height:20px;width:20px}.agent-settings-modal__slider::-moz-range-thumb{background:#f79b72;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.agent-settings-modal__slider-value{background:var(--color-background-secondary);border-radius:4px;color:var(--color-text);font-size:.9rem;font-weight:500;min-width:40px;padding:.25rem .5rem;text-align:center}.agent-settings-modal__warning{align-items:center;background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:4px;color:var(--color-warning-dark);display:flex;gap:.75rem;padding:1rem}.agent-settings-modal__warning svg{flex-shrink:0}.agent-settings-modal__warning p{font-size:.9rem;margin:0}.agent-settings-modal__inactivity-messages{display:flex;flex-direction:column;gap:1.5rem}.agent-settings-modal__inactivity-message{background:var(--color-background-secondary);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:4px;padding:1.5rem}.agent-settings-modal__inactivity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.agent-settings-modal__inactivity-title{color:#4a617a;color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.agent-settings-modal__remove-btn{background:none;border:none;border-radius:4px;color:#4a617a;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;transition:color .2s ease}.agent-settings-modal__remove-btn:hover:not(:disabled){color:#ef4444;color:var(--color-danger)}.agent-settings-modal__remove-btn:disabled{cursor:not-allowed;opacity:.5}.agent-settings-modal__inactivity-content{display:flex;flex-direction:column;gap:1rem}.agent-settings-modal__add-btn{align-self:flex-start}.agent-settings-modal__actions{border-top:1px solid #ddd;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}@media(max-width:768px){.agent-settings-modal__actions{flex-direction:column}}.agent-create-view{background-color:#f5f5f5;min-height:100vh}.agent-create-view__container{margin:0 auto;max-width:60rem;padding:2rem}.agent-create-view__header{margin-bottom:2rem;text-align:center}.agent-create-view__title{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem}.agent-create-view__subtitle{color:#666;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:40rem}@media(max-width:768px){.agent-create-view__container{padding:1rem}.agent-create-view__title{font-size:1.5rem}.agent-create-view__subtitle{font-size:1rem}}.form-group{margin-bottom:1.5rem}.form-group label{color:#2a4759;color:var(--color-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group .form-input,.form-group .form-select{background:#fff;background:var(--color-surface);border:1px solid #ddd;border:1px solid var(--color-border);border-radius:6px;color:#2a4759;color:var(--color-text-primary);font-size:.875rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group .form-input:focus,.form-group .form-select:focus{border-color:#f79b72;border-color:var(--color-primary);outline:none}.form-group .form-input:disabled,.form-group .form-select:disabled{background:#f5f5f5;background:var(--color-surface-disabled);cursor:not-allowed}.form-group .form-select{cursor:pointer}.form-group .form-select option{background:#fff;background:var(--color-surface);color:#2a4759;color:var(--color-text-primary)}.checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex}.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#f79b72;accent-color:var(--color-primary);height:16px;margin-right:.5rem;width:16px}.checkbox-group .checkbox-label span{color:#2a4759;color:var(--color-text-primary);font-size:.875rem}.input-group{align-items:flex-end;display:flex;gap:1rem}.input-group .input-group{flex:1 1;margin:0}.table-container{overflow-x:auto}.table-container table{border-collapse:collapse;width:100%}.table-container table td,.table-container table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border);padding:.75rem;text-align:left}.table-container table th{background:#eee;background:var(--color-surface-hover);color:#2a4759;color:var(--color-text-primary);font-size:.875rem;font-weight:600}.table-container table td{color:#4a617a;color:var(--color-text-secondary);font-size:.875rem}.table-container table td .agent-info strong{color:#2a4759;color:var(--color-text-primary);display:block}.table-container table td .agent-info .call-summary{color:#4a617a;color:var(--color-text-secondary);font-size:.75rem;margin-top:.25rem}.table-container table .table-actions{display:flex;gap:.5rem}.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status-badge--primary{background:#f79b721a;background:var(--color-primary-alpha-10);color:#f79b72;color:var(--color-primary)}.status-badge--secondary{background:#eee;background:var(--color-surface-hover);color:#2a4759;color:var(--color-text-primary)}.status-badge--danger{background:#ef44441a;background:var(--color-danger-alpha-10);color:#ef4444;color:var(--color-danger)}.status-badge--completed,.status-badge--success{background:#2a47591a;color:#4a617a;color:var(--color-secondary-dark)}.status-badge--active{background:#f79b721a;background:var(--color-primary-alpha-10);color:#f79b72;color:var(--color-primary)}.status-badge--inactive,.status-badge--warning{background:#eee;background:var(--color-surface-hover);color:#4a617a;color:var(--color-text-secondary)}.status-badge--failed{background:#ef44441a;background:var(--color-danger-alpha-10);color:#ef4444;color:var(--color-danger)}.status-badge--ongoing{background:#f79b721a;background:var(--color-primary-alpha-10);color:#f79b72;color:var(--color-primary)}.method-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.method-badge--primary{background:#f79b72;background:var(--color-primary);color:#fff}.method-badge--secondary{background:#5a7494;background:var(--color-secondary);color:#fff}.method-badge--danger{background:#ef4444;background:var(--color-danger);color:#fff}.method-badge--success{background:#4a617a;background:var(--color-secondary-dark);color:#fff}.method-badge--warning{background:#4a617a;background:var(--color-text-secondary);color:#fff}.source-type{border-radius:4px;font-size:.7rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.source-type--web{background:#f79b721a;background:var(--color-primary-alpha-10);color:#f79b72;color:var(--color-primary)}.source-type--document{background:#2a47591a;color:#4a617a;color:var(--color-secondary-dark)}.source-type--api{background:#eee;background:var(--color-surface-hover);color:#4a617a;color:var(--color-text-secondary)}.stats-area{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}@media(max-width:768px){.stats-area{grid-template-columns:1fr}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state__title{color:#2a4759;color:var(--color-text-primary);font-size:1.25rem;margin:0 0 .5rem}.empty-state__description{color:#4a617a;color:var(--color-text-secondary);line-height:1.5;margin:0 0 1.5rem}.empty-state__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ddd;border-top:3px solid #f79b72;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:1rem;width:40px}.loading-state p{color:#4a617a;color:var(--color-text-secondary);margin:0}.content-section__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:768px){.content-section__header{flex-direction:column;gap:1rem}}.content-section__title{color:#2a4759;color:var(--color-text-primary);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}@media(max-width:768px){.content-section__title{font-size:1.5rem}}.content-section__subtitle{color:#4a617a;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-item .detail-label{color:#4a617a;color:var(--color-text-secondary);font-size:.85rem}.detail-item .detail-value{color:#2a4759;color:var(--color-text-primary);font-size:.85rem;font-weight:500}.detail-item .detail-value.endpoint-url{background:#eee;background:var(--color-surface-hover);border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;max-width:200px;overflow:hidden;padding:.125rem .25rem;text-overflow:ellipsis;white-space:nowrap}.voice-card__header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.voice-card__header .voice-icon{align-items:center;background:#eee;background:var(--color-surface-hover);border-radius:50%;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.voice-card__info{flex:1 1}.voice-card__info h3{color:#2a4759;color:var(--color-text-primary);font-size:1.1rem;margin:0 0 .25rem}.voice-card__description{color:#4a617a;color:var(--color-text-secondary);font-size:.85rem;line-height:1.4;margin:0}.voice-card__details{margin-bottom:1.5rem}.voice-card__actions{display:flex;gap:.5rem;justify-content:flex-end}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-section__title{color:#2a4759;color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1.5rem}.settings-group{flex-direction:column}.settings-actions,.settings-group{display:flex;gap:1rem}@media(max-width:480px){.settings-actions{flex-direction:column}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.hidden-mobile{display:none}}@media(min-width:769px){.hidden-desktop{display:none}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{background-color:#fafafa;background-color:var(--color-background);color:#2a4759;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;transition:background-color .2s ease,color .2s ease}*,:after,:before{box-sizing:border-box}a{color:#f79b72;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:root{--color-primary-50:#fef7f3;--color-primary-100:#fdeee6;--color-primary-200:#fbddc8;--color-primary-300:#f8c0a0;--color-primary-400:#f79b72;--color-primary-500:#f79b72;--color-primary-600:#e8845e;--color-primary-700:#d46a47;--color-primary-800:#b85639;--color-primary-900:#944530;--color-secondary-50:#f4f6f8;--color-secondary-100:#e8ecf1;--color-secondary-200:#d0d9e2;--color-secondary-300:#a9bbcc;--color-secondary-400:#7a94af;--color-secondary-500:#5a7494;--color-secondary-600:#4a617a;--color-secondary-700:#3e5166;--color-secondary-800:#2a4759;--color-secondary-900:#243d4c;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#eee;--color-gray-300:#e0e0e0;--color-gray-400:#ddd;--color-gray-500:#bdbdbd;--color-gray-600:#757575;--color-gray-700:#616161;--color-gray-800:#424242;--color-gray-900:#212121;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-200:#fecaca;--color-danger-300:#fca5a5;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-danger-900:#7f1d1d;--color-background:var(--color-gray-50);--color-surface:#fff;--color-surface-hover:var(--color-gray-200);--color-surface-disabled:var(--color-gray-100);--color-text-primary:var(--color-secondary-800);--color-text-secondary:var(--color-secondary-600);--color-text-muted:var(--color-gray-600);--color-border:var(--color-gray-400);--color-border-hover:var(--color-gray-500);--color-focus:var(--color-primary-500);--color-shadow:#2a47591a;--color-primary:var(--color-primary-500);--color-primary-dark:var(--color-primary-600);--color-primary-light:var(--color-primary-100);--color-primary-alpha-10:#f79b721a;--color-secondary:var(--color-secondary-500);--color-secondary-dark:var(--color-secondary-600);--color-secondary-light:var(--color-secondary-100);--color-danger:var(--color-danger-500);--color-danger-dark:var(--color-danger-600);--color-danger-light:var(--color-danger-100);--color-danger-alpha-10:#ef44441a}[data-theme=dark]{--color-background:var(--color-secondary-900);--color-surface:var(--color-secondary-800);--color-surface-hover:var(--color-secondary-700);--color-surface-disabled:var(--color-secondary-700);--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-300);--color-text-muted:var(--color-gray-400);--color-border:var(--color-secondary-600);--color-border-hover:var(--color-secondary-500);--color-focus:var(--color-primary-400);--color-shadow:#0000004d}.register-view .register-form{max-width:480px;width:100%}.register-view .form-row{display:flex;gap:1rem}.register-view .form-row .form-group{flex:1 1}@media(max-width:576px){.register-view .form-row{flex-direction:column;gap:0}}.register-view .form-message--error{animation:shake .5s ease-in-out;background-color:rgba(var(--color-danger-rgb),.1);border-radius:var(--radius-sm);color:#ef4444;color:var(--color-danger);font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}
/*# sourceMappingURL=main.1c94edf9.css.map*/