:root{--color-background-dark: #101010;--color-background-default: #17191a;--color-background-glassy: #FFFFFF03;--color-background-light: #373a3f;--color-background-highlight: #272234;--color-border-default: #2b3137;--color-text-default: #F0F0F0;--color-text-secondary: #d3d3d3;--color-text-on-color: #FFFFFF;--color-active-dark: #1a6125;--color-active-medium: #35611a;--color-active-default: #b1f97a;--color-inactive-dark: #611a1a;--color-inactive-default: #fc6464;--color-completed-default: #f2f2f2;--color-unread-dark: #7C5CFF;--color-unread-default: #BFAEFF;--color-new-default: #74d6f7;--color-error: #fc6464;--color-error-dark: #ff0000;--color-overlay-light: rgba(255,255,255,0.85);--color-overlay-white: #ffffff33;--color-glow-connected: #d3f5ba;--color-glow-error: #f5baba;--color-glow-loop: #f5efba;--color-diff-removed: #fdc6c6;--color-diff-added: #ccffcc;--color-diff-conflict: #f781be;--color-diff-changed: #c6c6fd;--color-diff-selected: #FF8800;--color-diff-changed-border: #000099;--color-diff-topbar-bg: #FFF5F5;--color-button-bg: #1A1D27;--color-button-bg-hover: #232736;--color-button-bg-error-hover: #2A1C1E;--color-button-default-border: #343A4A;--color-button-default-border-hover: #4A5265;--color-button-default-text: #A8B0C0;--color-button-primary-border-hover: #9A82FF;--color-button-error-border: #E5484D;--color-button-error-text: #FF8C90;--color-button-error-border-hover: #FF5C62}*,*:after,*:before{box-sizing: border-box}body,#outlet{max-height: 100vh;width: 100%;overflow: hidden;background-color: var(--color-background-dark);color: var(--color-text-default);font-family: "Roboto",sans-serif}a{cursor: pointer;font-weight: 400}h1{padding: 10px 0;margin: 0;font-size: 25px;line-height: 35px}h2{padding: 10px 0;margin: 0;font-size: 20px;font-weight: 500;line-height: 25px}.bold{font-weight: 500}.left{float: left}.right{float: right}.icon-container img{width: 20px;height: 20px;padding-right: 5px;padding-top: 5px}vaadin-button{display: inline-flex;align-items: center;gap: 8px;height: 40px;padding: 0 18px;border-radius: 6px;border: 1px solid transparent;font-size: 14px;font-weight: 600;text-decoration: none;cursor: pointer;transition: background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}vaadin-button::part(label){padding-top: 8px;padding-bottom: 5px}vaadin-button[theme~="icon"]::part(label){padding-top: 6px;padding-bottom: 6px}vaadin-button[disabled]{opacity: .5;cursor: not-allowed}vaadin-button[theme~="small"]{gap: 5px;height: 30px;padding: 0px 8px;font-size: 13px}vaadin-button[theme~="primary"]{background: var(--color-button-bg);border-color: var(--color-unread-dark);color: var(--color-unread-default);box-shadow: inset 0 0 0 1px rgba(124,92,255,.08),0 0 10px rgba(124,92,255,.08)}vaadin-button[theme~="primary"]:hover{background: var(--color-button-bg-hover);border-color: var(--color-button-primary-border-hover);color: var(--color-text-on-color);box-shadow: 0 0 16px rgba(124,92,255,.25),0 0 32px rgba(124,92,255,.10)}vaadin-button{background: var(--color-button-bg);border-color: var(--color-button-default-border);color: var(--color-button-default-text)}vaadin-button:hover{background: var(--color-button-bg-hover);border-color: var(--color-button-default-border-hover);color: var(--color-text-on-color)}vaadin-button[theme~="error"]{background: var(--color-button-bg);border-color: var(--color-button-error-border);color: var(--color-button-error-text);box-shadow: inset 0 0 0 1px rgba(229,72,77,.05)}vaadin-button[theme~="error"]:hover{box-shadow: 0 0 16px rgba(229,72,77,.25),0 0 32px rgba(229,72,77,.10)}vaadin-button[theme~="success"]{background: var(--color-button-bg);border-color: var(--color-active-dark);color: var(--color-active-default);box-shadow: inset 0 0 0 1px rgba(39,245,73,.05)}vaadin-button[theme~="success"]:hover{box-shadow: 0 0 16px rgba(39,245,73,.25),0 0 32px rgba(39,245,73,.10)}vaadin-card{--vaadin-card-background: var(--color-background-glassy);--vaadin-card-border-width: 1px;--vaadin-card-border-color: var(--color-border-default);--vaadin-card-border-radius: 8px;--vaadin-card-padding: 12px 16px;--vaadin-card-gap: 5px;--vaadin-card-shadow: none}vaadin-card::part(header){display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 8px}vaadin-card>[slot="title"]{margin: 0;font-size: var(--lumo-font-size-l);font-weight: 600;text-transform: uppercase}vaadin-card::part(content){display: flex;flex-direction: column;gap: var(--lumo-space-s)}vaadin-dialog::part(overlay){display: block;max-width: 100%;overflow: auto}vaadin-grid::part(green){background-color: var(--color-active-dark)}vaadin-grid::part(yellow){background-color: var(--color-active-medium)}vaadin-grid::part(red){background-color: var(--color-inactive-dark)}vaadin-tabsheet::part(content){--vaadin-scroller-padding-inline: 0}[theme~="dark"]{--lumo-base-color: rgb(31,33,36);--lumo-body-text-color: var(--color-text-default);--lumo-primary-text-color: var(--color-text-default);--lumo-shade: var(--color-background-dark);--lumo-shade-5pct: rgba(16,16,16,0.05);--lumo-shade-10pct: rgba(16,16,16,0.1);--lumo-shade-20pct: rgba(16,16,16,0.2);--lumo-shade-30pct: rgba(16,16,16,0.3);--lumo-shade-40pct: rgba(16,16,16,0.4);--lumo-shade-50pct: rgba(16,16,16,0.5);--lumo-shade-60pct: rgba(16,16,16,0.6);--lumo-shade-70pct: rgba(16,16,16,0.7);--lumo-shade-80pct: rgba(16,16,16,0.8);--lumo-shade-90pct: rgba(16,16,16,0.9);--lumo-primary-color: rgb(183,148,246);--lumo-primary-color-50pct: rgba(183,148,246,0.5);--lumo-primary-color-10pct: rgba(183,148,246,0.1)}