:root{--primary-color:#2a8dd4;--secondary-color:#fff;--accent-color:red;--button-bg-color:var(--primary-color);--button-hover-color:#1d6fa5;--button-disabled-color:#ccc}#app{font-family:Arial,sans-serif}.content-header{background-color:var(--primary-color);color:var(--secondary-color);padding:15px;text-align:center;border-radius:5px}.content-main{padding-top:20px}.content{max-width:800px;margin:0 auto}.email-content{background-color:var(--secondary-color);border:1px solid #ddd;border-radius:5px;padding:15px;height:calc(100vh - 392px);overflow:auto}.email-content,.email-content>div{margin-bottom:20px}.email-content div b{color:var(--primary-color)}.email-content span{display:block;margin-top:10px}.myBtn{padding:10px 20px;background-color:var(--button-bg-color);color:var(--secondary-color);border:none;border-radius:5px;margin:20px auto;display:block;cursor:pointer;transition:background-color .3s}.myBtn:disabled{background-color:var(--button-disabled-color);cursor:not-allowed}.myBtn:hover{background-color:var(--button-hover-color)}.error{color:var(--accent-color);margin-top:10px;text-align:center}.email-body{width:100%;overflow:auto}.title{margin:0 0 5px}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsla(0,0%,100%,.9);border-radius:10px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:9999}.popup-content{max-width:300px;text-align:center;position:relative}.close{position:absolute;top:10px;right:10px;cursor:pointer;transform:translate3d(16px,-34px,10px)}.profile-image{width:120px;height:120px;border-radius:50%;margin:0 auto 10px}.clickable{cursor:pointer;color:blue;text-decoration:underline}.clickable:hover{color:#00008b}.loader{height:100vh;width:100%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle fill='none' stroke='%2311EBFF' stroke-width='.5' cx='100' cy='100' r='0'%3E%3Canimate attributeName='r' calcMode='spline' dur='2' values='1;80' keyTimes='0;1' keySplines='0 .2 .5 1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-width' calcMode='spline' dur='2' values='0;25' keyTimes='0;1' keySplines='0 .2 .5 1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' calcMode='spline' dur='2' values='1;0' keyTimes='0;1' keySplines='0 .2 .5 1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100px 100px}.avatar{height:100px;width:100px;border:2px solid #fff;border-radius:50%}.tabs-component-tabs{display:block;padding:0}.tabs-component-tab{list-style-type:none;margin-bottom:20px}.tabs-component-tab-a{display:block;text-align:center;height:40px;line-height:40px;background-color:var(--secondary-color);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:5px;font-weight:500;text-decoration:none}.tabs-component-tab-a.is-active,.tabs-component-tab-a:hover{background:var(--primary-color);color:var(--secondary-color)}.tabs-component-tab:first-child{opacity:0;height:0;width:0;margin:0}#email-content-pane{position:static}.panel-inner{background:#fff;margin:20px;padding:20px;border-radius:4px;position:fixed;left:0;top:50%;right:0;z-index:2;transform:translateY(-50%);box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.panel-inner-header{display:flex;justify-content:space-between;align-items:center;position:relative}.panel-inner-header h4{margin-top:0}.action-buttons-wrapper{gap:10px}.action-buttons,.action-buttons-wrapper{display:flex;justify-content:center;align-items:center}.action-buttons{height:35px;width:35px;margin:0;padding:0;border-radius:50%;background-color:#fff}.action-buttons svg{height:20px;width:20px;fill:var(--primary-color)}.action-buttons:hover svg{fill:var(--secondary-color)}.backdrop{position:fixed;left:0;top:0;bottom:0;right:0;background-color:hsla(0,0%,100%,.746)}.blurred{filter:blur(5px)}input,textarea{margin-bottom:20px}input,label,textarea{display:block;width:100%}label{font-size:12px;margin-bottom:5px;font-weight:600;color:#888}.close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;position:absolute;right:-8px;top:-10px;cursor:pointer}.close-button:hover{color:var(--primary-color)}.summarizedContent{white-space:pre-wrap}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.v-toast--fade-out{animation-name:fadeOut}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.v-toast--fade-in-down{animation-name:fadeInDown}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.v-toast--fade-in-up{animation-name:fadeInUp}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease-out}.fade-enter,.fade-leave-to{opacity:0}.v-toast{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:1090;pointer-events:none}.v-toast__item{display:inline-flex;align-items:center;animation-duration:.15s;margin:.5em 0;box-shadow:0 1px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:.25em;pointer-events:auto;opacity:.92;color:#fff;min-height:3em;cursor:pointer}.v-toast__item--success{background-color:#28a745}.v-toast__item--info{background-color:#17a2b8}.v-toast__item--warning{background-color:#ffc107}.v-toast__item--error{background-color:#dc3545}.v-toast__item--default{background-color:#343a40}.v-toast__item--warning{color:#000}.v-toast__item.v-toast__item--bottom,.v-toast__item.v-toast__item--top{align-self:center}.v-toast__item.v-toast__item--bottom-right,.v-toast__item.v-toast__item--top-right{align-self:flex-end}.v-toast__item.v-toast__item--bottom-left,.v-toast__item.v-toast__item--top-left{align-self:flex-start}.v-toast__text{margin:0;padding:.5em 1em;word-break:break-word}.v-toast__icon{display:none}.v-toast.v-toast--top{flex-direction:column}.v-toast.v-toast--bottom{flex-direction:column-reverse}.v-toast.v-toast--custom-parent{position:absolute}@media screen and (max-width:768px){.v-toast{padding:0;position:fixed!important}}.v-toast__item{opacity:1;min-height:4em}.v-toast__item .v-toast__text{padding:1.5em 1em}.v-toast__item .v-toast__icon{display:block;width:27px;min-width:27px;height:27px;margin-left:1em;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.999 45.999'%3E%3Cpath fill='%23fff' d='M39.264 6.736c-8.982-8.981-23.545-8.982-32.528 0-8.982 8.982-8.981 23.545 0 32.528 8.982 8.98 23.545 8.981 32.528 0 8.981-8.983 8.98-23.545 0-32.528zM25.999 33a3 3 0 1 1-6 0V21a3 3 0 1 1 6 0v12zm-3.053-17.128c-1.728 0-2.88-1.224-2.844-2.735-.036-1.584 1.116-2.771 2.879-2.771 1.764 0 2.88 1.188 2.917 2.771-.001 1.511-1.152 2.735-2.952 2.735z'/%3E%3C/svg%3E") no-repeat}[dir=rtl] .v-toast__item .v-toast__icon{margin-left:unset;margin-right:1em}.v-toast__item.v-toast__item--success .v-toast__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Cpath fill='%23fff' d='M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm14.495 17.329-16 18a1.997 1.997 0 0 1-2.745.233l-10-8a2 2 0 0 1 2.499-3.124l8.517 6.813L37.505 14.67a2.001 2.001 0 0 1 2.99 2.659z'/%3E%3C/svg%3E") no-repeat}.v-toast__item.v-toast__item--error .v-toast__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.976 51.976'%3E%3Cpath fill='%23fff' d='M44.373 7.603c-10.137-10.137-26.632-10.138-36.77 0-10.138 10.138-10.137 26.632 0 36.77s26.632 10.138 36.77 0c10.137-10.138 10.137-26.633 0-36.77zm-8.132 28.638a2 2 0 0 1-2.828 0l-7.425-7.425-7.778 7.778a2 2 0 1 1-2.828-2.828l7.778-7.778-7.425-7.425a2 2 0 1 1 2.828-2.828l7.425 7.425 7.071-7.071a2 2 0 1 1 2.828 2.828l-7.071 7.071 7.425 7.425a2 2 0 0 1 0 2.828z'/%3E%3C/svg%3E") no-repeat}.v-toast__item.v-toast__item--warning .v-toast__icon{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.466 41.26 29.216 6.85c-.69-1.16-1.89-1.85-3.22-1.85-1.32 0-2.53.69-3.21 1.85L2.536 41.26c-.71 1.2-.72 2.64-.03 3.85.68 1.18 1.89 1.89 3.24 1.89h40.51c1.35 0 2.56-.71 3.23-1.89.7-1.21.69-2.65-.02-3.85zm-25.53-21.405h3.381v3.187l-.724 8.92H24.66l-.725-8.92v-3.187zm2.97 17.344a1.712 1.712 0 0 1-1.267.543c-.491 0-.914-.181-1.268-.543a1.788 1.788 0 0 1-.531-1.297c0-.502.176-.935.53-1.297a1.712 1.712 0 0 1 1.269-.544c.49 0 .914.181 1.268.544s.53.795.53 1.297c0 .503-.176.934-.53 1.297z'/%3E%3C/svg%3E") no-repeat}