.connect-logo{max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.connect-logo img{object-fit:contain;width:100%;height:auto;display:block}.connect-logo-sidebar{width:196px}.app>aside .brand:has(.connect-logo){margin-bottom:0;padding:0 0 18px;display:block}.signin-brand:has(.connect-logo){max-width:100%}.connect-logo-login{width:270px}.connect-logo-loading{width:310px}.page-loader-content>.connect-logo-loading{margin-bottom:29px}.connect-logo-compact{width:115px}@media (max-width:520px){.connect-logo-login{width:230px}.connect-logo-loading{width:250px}.page-loader-content>.connect-logo-loading{margin-bottom:24px}}.connect-logo-filter{pointer-events:none;position:absolute;overflow:hidden}.appearance-sample .connect-logo-preview{width:200px;box-shadow:none;background:0 0;border:0;margin:0 0 10px;padding:0;display:flex}
.preference-controls .appearance-trigger{flex:0 0 34px;place-items:center;width:34px;min-width:34px;height:34px;padding:0;display:grid}.appearance-trigger svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.appearance-dialog{--ink:#211e29;--muted:#6d6878;--line:#e7e4eb;--card:#fff;--surface-soft:#f7f6f9;overscroll-behavior:contain;background:var(--card);width:min(530px,100vw - 28px);max-height:calc(100dvh - 36px);color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:20px;margin:auto;padding:23px;font-size:12px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 90px #0005}.appearance-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11152588}.appearance-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.appearance-eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:10px;font-weight:600}.appearance-dialog .appearance-heading h2{margin:3px 0 5px;font-size:22px;line-height:1.3}.appearance-heading p{color:var(--muted);margin:0;font-size:12px}.appearance-heading>button{flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;font-size:22px;display:grid}.appearance-dialog button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:11px;line-height:1.4}.appearance-dialog button:hover{color:var(--ink);border-color:#807394}.appearance-dialog button:focus-visible,.appearance-dialog input:focus-visible{outline-offset:2px;outline:2px solid #8473a3}.appearance-dialog button:disabled{opacity:.45;cursor:not-allowed}.appearance-modes{background:var(--surface-soft);border-radius:11px;gap:5px;margin:18px 0;padding:4px;display:flex}.appearance-modes button{background:0 0;border-color:#0000;flex:1}.appearance-modes button[aria-pressed=true]{background:var(--card);border-color:var(--line);font-weight:600;box-shadow:0 2px 6px #00000009}.appearance-label{margin:0 0 8px;font-size:11px;font-weight:600}.appearance-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.appearance-presets button{flex-direction:column;align-items:center;gap:6px;padding:8px 5px;display:flex}.appearance-presets button[aria-pressed=true]{border-color:#8473a3;box-shadow:0 0 0 1px #8473a3}.appearance-swatch{border:1px solid;border-radius:7px;justify-content:center;align-items:center;gap:4px;width:52px;height:26px;display:flex}.appearance-swatch i{border-radius:4px;width:14px;height:14px;display:block;box-shadow:0 0 0 1px #0001}.appearance-colours{grid-template-columns:1fr 1fr;gap:13px 18px;margin:19px 0;display:grid}.appearance-colours label>span{margin-bottom:5px;font-size:11px;font-weight:600;display:block}.appearance-colours label>div{border:1px solid var(--line);background:var(--card);border-radius:9px;align-items:center;gap:9px;padding:6px 8px;display:flex}.appearance-colours input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:6px;width:30px;min-width:30px;height:28px;padding:0}.appearance-colours input[type=color]::-webkit-color-swatch-wrapper{padding:0}.appearance-colours input[type=color]::-webkit-color-swatch{border:1px solid #0002;border-radius:6px}.appearance-colours code{color:var(--muted);font-family:inherit;font-size:11px}.appearance-sample{border:1px solid;border-radius:12px;padding:12px}.appearance-sample>span{margin-bottom:7px;font-size:10px;font-weight:600;display:block}.appearance-sample>div{border-radius:9px;padding:12px}.appearance-sample strong{font-size:12px;display:block}.appearance-sample p{margin:4px 0 10px;font-size:11px;line-height:1.5}.appearance-sample div>span{border-radius:6px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-block}.appearance-footnote{color:var(--muted);margin:12px 0;font-size:10px;line-height:1.5}.appearance-dialog .appearance-warning{color:#795114;background:#fff3d5;border-radius:8px;margin:10px 0;padding:8px 10px;font-size:11px}.appearance-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:13px;display:flex}.appearance-actions>div{gap:7px;display:flex}.appearance-dialog .appearance-save{color:#fff;background:#2d273b;border-color:#2d273b;font-weight:600}.appearance-dialog .appearance-save:hover{color:#fff;background:#443855}html[data-theme=dark] .appearance-dialog{--ink:#eeeaf4;--muted:#b2aabc;--line:#484050;--card:#282331;--surface-soft:#211c29}html[data-theme=dark] .appearance-dialog .appearance-save{color:#271f33;background:#e4d9f4;border-color:#e4d9f4}html[data-custom-colors=true] .app>aside,html[data-custom-colors=true] .portal-header,html[data-custom-colors=true] .portal-footer{background:var(--card);color:var(--ink)}html[data-custom-colors=true] .card,html[data-custom-colors=true] .login-card{background:var(--card);color:var(--ink);border-color:var(--line)}html[data-custom-colors=true] button:not(.appearance-dialog button),html[data-custom-colors=true] input:not(.appearance-dialog input),html[data-custom-colors=true] select{background-color:var(--card);color:var(--ink);border-color:var(--line)}html[data-custom-colors=true] nav a.active,html[data-custom-colors=true] button.primary,html[data-custom-colors=true] .brand-mark,html[data-custom-colors=true] .admin-tabs button[aria-selected=true]{background:var(--red);color:var(--on-accent);border-color:var(--red)}html[data-custom-colors=true] .primary:hover{background:var(--red-dark);color:var(--on-accent)}html[data-custom-colors=true] .overview-date-grid .overview-day{color:var(--ink);background:0 0}html[data-custom-colors=true] .overview-date-grid .overview-day.is-today{background:var(--red);color:var(--on-accent)}html[data-custom-colors=true] .overview-date-grid .overview-day.is-today .calendar-dot{background:var(--on-accent)}html[data-custom-colors=true] .calendar-event{background:var(--accent-soft);color:var(--ink)}html[data-custom-colors=true] .appearance-dialog .appearance-modes button{background:var(--surface-soft)}html[data-custom-colors=true] .appearance-dialog .appearance-modes button[aria-pressed=true]{background:var(--card)}html[data-custom-colors=true] .overview-date-grid .overview-day.is-poya:not(.is-today){color:#845700;background:#fff1c5;border-color:#e4bc58}html[data-custom-colors=true] .overview-date-grid .overview-day.is-holiday:not(.is-today){color:#166b45;background:#e1f5e9;border-color:#8acdab}html[data-theme=dark][data-custom-colors=true] .overview-date-grid .overview-day.is-poya:not(.is-today){color:#ffda76;background:#43341b;border-color:#866528}html[data-theme=dark][data-custom-colors=true] .overview-date-grid .overview-day.is-holiday:not(.is-today){color:#94dfb1;background:#183c2d;border-color:#397955}@media (max-width:480px){.appearance-dialog{padding:17px}.appearance-presets{grid-template-columns:1fr 1fr}.appearance-actions{flex-direction:column;align-items:stretch}.appearance-actions>div{justify-content:flex-end}.appearance-colours{gap:11px}.appearance-dialog .appearance-heading h2{font-size:20px}}