[app-theme=light]{--background-color-primary: rgba(255, 255, 255, 1);--background-color-secondary: rgba(249, 251, 252, 1);--background-color-tertiary: rgba(136, 173, 164, 1);--gradient-color-primary: rgba(212, 236, 227, .8);--gradient-color-secondary: rgba(123, 123, 123, .6);--card-color-primary: rgba(212, 236, 227, .5);--card-color-secondary: rgba(249, 251, 252, 1);--card-color-tertiary: rgba(233, 233, 233, 1);--card-color-quaternary: rgba(217, 242, 255, 1);--border-color-primary: rgba(50, 119, 95, 1);--border-color-secondary: rgba(223, 223, 221, 1);--border-color-tertiary: rgba(217, 242, 255, 1);--border-color-gradient: linear-gradient( 141.18deg, rgba(2, 203, 158, 1) 0%, rgba(33, 67, 57, .5) 100% );--box-shadow-color: rgba(0, 0, 0, .05);--scroll-bar-color: rgba(196, 196, 196, 1);--scroll-track-color: rgba(255, 255, 255, 1);--button-color-primary: rgba(50, 119, 95, 1);--button-color-primary-hover: rgba(50, 119, 95, .9);--button-color-secondary: rgba(123, 123, 123, 1);--button-color-secondary-hover: rgba(123, 123, 123, .9);--font-color-primary: rgba(66, 66, 66, 1);--font-color-secondary: rgba(36, 62, 53, 1);--font-color-faded: rgba(196, 196, 196, 1);--font-color-bold: rgba(46, 90, 71, 1);--font-color-inverse: rgba(255, 255, 255, 1);--color-success: rgba(40, 199, 111, 1);--color-danger: rgba(254, 17, 0, 1);--color-warning: rgba(255, 221, 87, 1);--color-neutral: rgba(196, 196, 196, 1)}:root{--animation-fade-in: fadeIn;--animation-pulse: pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 2px var(--button-color-primary)}50%{box-shadow:0 0 0 4px rgba(var(--button-color-primary),.2)}to{box-shadow:0 0 0 2px var(--button-color-primary)}}.auth-container{display:flex;min-height:100vh;background:var(--background-color-primary);font-family:Roboto,sans-serif}.auth-image{flex:2;display:flex;align-items:center;justify-content:center;background-image:url("./media/auth-image-7HNQ7BTQ.jpg");background-size:cover}.auth-card-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--background-color-primary);max-height:100vh;overflow:hidden;padding:0 2rem}.auth-card{padding:3rem;width:100%;max-width:420px;margin:2rem auto}.agent-column::-webkit-scrollbar{width:6px}.agent-column::-webkit-scrollbar-thumb{background:var(--scroll-bar-color);border-radius:4px}.agent-column::-webkit-scrollbar-track{background-color:var(--scroll-track-color);margin-top:25px;margin-bottom:25px;border-radius:4px}.auth-card-header{text-align:center;margin-bottom:2rem}.auth-card-header h2{color:var(--font-color-primary);font-size:var(--font-size-large);font-weight:300;margin:0;letter-spacing:-.5px}.auth-card-form-item{margin-bottom:1.5rem;width:100%}.auth-card-form-item label{display:block;margin-bottom:.75rem;color:var(--font-color-primary);font-weight:500;font-size:var(--font-size-normal);letter-spacing:.5px}.auth-card-form-item input{width:100%;box-sizing:border-box;padding:1rem;border:2px solid var(--border-color-secondary);border-radius:8px;font-size:var(--font-size-normal);font-family:Roboto,sans-serif;color:var(--font-color-primary);background-color:var(--background-color-primary);transition:all .3s ease}.auth-card-form-item input.ng-invalid.ng-touched{border-color:var(--color-danger)}.auth-card-form-item input:focus{outline:none;border-color:var(--font-color-bold);box-shadow:0 0 0 3px var(--box-shadow-color);transform:translateY(-1px)}.auth-card-form-item input:focus.ng-invalid.ng-touched{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--box-shadow-color)}.auth-card-submit-button{width:100%;padding:1rem;background:var(--button-color-primary);color:var(--font-color-inverse);border:none;border-radius:8px;font-size:var(--font-size-normal);font-weight:500;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;margin-top:1rem}.auth-card-submit-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--box-shadow-color);background-color:var(--button-color-primary-hover)}.auth-card-submit-button:active{transform:translateY(0)}.auth-card-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-card-link{text-align:center;margin-top:1.5rem}.auth-card-link a{color:var(--font-color-bold);text-decoration:none;font-size:var(--font-size-small);font-weight:500;transition:color .3s ease}.auth-card-link a:hover{color:var(--button-color-primary-hover);text-decoration:underline}.auth-message{padding:1rem;margin-bottom:1.5rem;border-radius:8px;border:1px solid;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;font-family:Roboto,sans-serif}.auth-message-icon{width:20px;height:20px;flex-shrink:0}.auth-message-text{font-size:14px;font-weight:500}.auth-message-error{color:var(--color-danger);border-color:var(--color-danger)}.auth-message-success{color:var(--color-success);border-color:var(--color-success)}@media (max-width: 768px){.auth-container{flex-direction:column}.auth-image{flex:0 0 200px;padding:1rem}.auth-card-container{padding:0 1rem}.auth-card{padding:2rem;max-width:100%;margin:1rem auto}.auth-card-header h2{font-size:var(--font-size-medium)}}.auth-card-header{text-align:left;margin-bottom:2rem}.auth-card-header h2{font-size:var(--font-size-medium);font-weight:700;color:var(--font-color-bold);margin:0}.auth-card-options{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;margin-top:1rem}.auth-card-remember{display:flex;align-items:center;gap:8px}.auth-card-remember input[type=checkbox]{width:auto;margin:0}.auth-card-remember label{font-size:14px;color:var(--font-color-primary);margin:0;font-weight:400}.auth-card-options .auth-card-link{text-align:center;margin:0}.auth-card-options .auth-card-link a{font-size:14px;color:var(--font-color-bold);font-weight:400}@media (max-width: 600px){.auth-card{padding:1.5rem;border-radius:12px}}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.app-button-primary{padding:8px 15px;background:var(--button-color-primary);color:var(--font-color-inverse);border:none;border-radius:4px;font-size:14px;font-weight:500;transition:box-shadow .2s}.app-button-primary:hover{box-shadow:0 0 0 1px var(--button-color-primary)}.app-button-primary:disabled{opacity:.5}.app-button-primary .button-icon{width:12px;height:12px;color:var(--font-color-inverse);margin-left:8px}.app-button-secondary{padding:8px 15px;background:var(--button-color-secondary);color:var(--font-color-inverse);border:none;border-radius:4px;font-size:14px;font-weight:500;transition:box-shadow .2s}.app-button-secondary:hover{box-shadow:0 0 0 1px var(--button-color-secondary)}.app-button-secondary:disabled{opacity:.5}.app-button-secondary .button-icon{width:12px;height:12px;color:var(--font-color-inverse);margin-left:8px}.app-button-icon-primary{padding:6px 8px;margin:0;background:var(--button-color-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color-primary);border-radius:5px;cursor:pointer;transition:all .3s ease}.app-button-icon-primary:hover{background:var(--button-color-primary-hover);box-shadow:0 4px 15px var(--box-shadow-color)}.app-button-icon-primary:disabled{opacity:.5}.app-button-icon-primary .button-icon{display:flex;color:var(--font-color-inverse);height:18px;width:18px}.chat-markdown markdown{font-size:var(--font-size-normal)}.chat-markdown markdown p{margin:10px 0}.chat-markdown markdown hr{border:1px solid var(--border-color-primary);margin:5px 40px}.chat-markdown markdown details{margin:20px 0;background-color:var(--background-color-primary);transition:padding-bottom .2s,border-bottom-right-radius .2s,border-bottom-left-radius .2s}.chat-markdown markdown details[open]{padding-bottom:10px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;overflow-y:auto}.chat-markdown markdown details summary{padding:8px 12px;background-color:var(--button-color-primary);border-radius:5px;color:var(--font-color-inverse);font-weight:600;cursor:pointer;transition:box-shadow .2s,border-radius .2s,margin .2s;position:sticky;top:0}.chat-markdown markdown details[open] summary{margin-bottom:10px}.chat-markdown markdown details summary::marker{content:""}.chat-markdown markdown details summary:before{content:"+";position:absolute;right:15px;margin:auto;font-size:var(--font-size-normal);font-weight:600;color:var(--font-color-inverse);transition:transform ease .3s}.chat-markdown markdown details[open] summary:before{transform:rotate(45deg)}.chat-markdown markdown details summary:hover{box-shadow:0 0 0 1px var(--button-color-primary)}.chat-markdown markdown details[open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.chat-markdown markdown details>:not(summary){padding:10px;opacity:0;visibility:hidden;transition:height .2s ease,opacity .2s ease,visibility .2s ease}.chat-markdown markdown details[open]>:not(summary){visibility:visible;opacity:1}.chat-markdown markdown table{width:100%;animation:var(--animation-fade-in) .8s ease;display:block;overflow-x:auto;overflow-y:auto;max-height:400px;max-width:100%;white-space:nowrap}.chat-markdown markdown table::-webkit-scrollbar{width:6px;height:6px}.chat-markdown markdown table::-webkit-scrollbar-thumb{background:var(--scroll-bar-color);border-radius:4px}.chat-markdown markdown table::-webkit-scrollbar-track{background-color:var(--scroll-track-color);margin:25px;border-radius:4px}.chat-markdown markdown thead{position:sticky;top:0;background-color:var(--background-color-primary);z-index:1}.chat-markdown markdown thead th{border-top:1px solid var(--border-color-primary);border-bottom:1px solid var(--border-color-primary);padding:6px 12px;font-size:var(--font-size-small);font-weight:500;text-align:center;color:var(--font-color-secondary);white-space:nowrap}.chat-markdown markdown tbody td{padding:6px 12px;background-color:var(--background-color-contrast);font-size:var(--font-size-small);white-space:nowrap;text-align:center}.chat-markdown markdown>ul{padding:0}.chat-markdown markdown>ul>li{padding:0 10px;border-radius:5px;margin:5px 0;color:var(--font-color-secondary);font-weight:500;font-size:var(--font-size-small)}.chat-markdown markdown>ul>li::marker{content:""}.chat-markdown markdown>ul>li>*:not(ul){padding:6px 10px;margin:2px 0;display:inline-block;border:1px solid var(--border-color-tertiary);text-transform:capitalize;font-size:var(--font-size-small);color:var(--font-color-secondary);font-weight:500;border-radius:5px;background-color:var(--card-color-quaternary);width:fit-content;position:relative}.chat-markdown markdown>ul>li>ul{padding:0;display:flex;flex-direction:row;flex-wrap:wrap}.chat-markdown markdown>ul>li>ul>li{padding:6px 10px;border:1px solid var(--border-color-tertiary);border-radius:5px;background-color:var(--card-color-secondary);color:var(--font-color-primary);width:fit-content;font-size:var(--font-size-small);margin:2px}.chat-markdown markdown>ul>li>ul>li::marker{content:""}.chat-markdown markdown blockquote{margin:5px 0;display:flex;flex-direction:row;gap:5px;flex-wrap:wrap}.chat-markdown markdown blockquote>*{margin:0;border:1px solid var(--border-color-tertiary);text-transform:capitalize;font-size:var(--font-size-small);color:var(--font-color-secondary);font-weight:500;border-radius:5px;padding:6px 10px 6px 30px;background-color:var(--card-color-quaternary);width:fit-content;position:relative}.chat-markdown markdown blockquote>*:before{content:"";position:absolute;top:0;bottom:0;left:0;width:12px;height:12px;margin:auto auto auto 8px;background:var(--color-success);border-radius:50%}:root{font-family:Roboto,sans-serif;font-size:16px}body{margin:0;padding:0;--sidebar-width-closed: 60px;--sidebar-width-open: 250px;--font-size-large: 36px;--font-size-medium: 24px;--font-size-normal: 16px;--font-size-small: 12px;--font-size-smaller: 10px}
