:root{color-scheme:light;--tblr-primary:#355b76;--tblr-primary-rgb:53,91,118;--tblr-body-bg:#edf2f6;--tblr-body-color:#253f54;--tblr-secondary:#5a6d7d;--tblr-link-color:#355b76;--tblr-font-sans-serif:"Segoe UI Variable Text","Segoe UI",Tahoma,sans-serif;--wyli-primary:#355b76;--wyli-ink:#253f54;--wyli-muted:#5a6d7d;--wyli-border:#ccd9e3;--wyli-accent:#b15e2d}body{background:#edf2f6;color:var(--wyli-ink);font-family:var(--tblr-font-sans-serif);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}button{cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #396989;outline-offset:3px}h1,h2,h3{text-wrap:balance}.text-secondary{color:var(--wyli-muted)!important}.text-danger{color:#a52f2b!important}.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:650;letter-spacing:-1px;color:var(--wyli-primary);text-decoration:none;line-height:1.3}.brand:hover{color:#244a63}.brand svg{flex-shrink:0}.btn{min-height:44px;font-weight:550;border-radius:7px}.btn-primary{background:#355b76;border-color:#355b76;box-shadow:none}.btn-primary:hover{background:#244a63;border-color:#244a63}.btn-outline-primary{color:#355b76;border-color:#a9bdcc}.btn-outline-primary:hover{background:#355b76;border-color:#355b76;color:#fff}.btn-outline-secondary{color:#506b80;border-color:#c1d0dc}.btn-outline-secondary:hover{background:#e6eef4;border-color:#9bb3c5;color:#253f54}.btn-outline-warning{color:#915021;border-color:#d9ad8d}.btn-outline-warning:hover{color:#683711;background:#f9eadf;border-color:#c4885b}.form-control{min-height:44px;border-color:#c1d0dc;border-radius:7px;color:var(--wyli-ink)}.form-control:focus{border-color:#6c94b0;box-shadow:0 0 0 3px #39698920}.form-label{font-weight:550;color:var(--wyli-ink)}[hidden]{display:none!important}
#login{min-height:100dvh;background:linear-gradient(145deg,#edf2f6 0%,#e3ebf2 74%,#f5f1ec 100%)}#login .container-tight{max-width:440px}.login-card{border:1px solid #cbd9e4;border-radius:18px;box-shadow:0 22px 64px -32px #365f7d50}.login-card .card-body{padding:36px}.login-card h1{font-size:27px;font-weight:600;letter-spacing:-.7px}.login-card p{font-size:14px;line-height:1.75}.login-card #login-error:empty{margin:0!important}.back-home{display:block;width:fit-content;margin:14px auto 0;padding:10px 16px;font-size:13px;color:var(--wyli-muted)}.back-home:hover{color:var(--wyli-primary)}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#f9fbfd;border-right:1px solid var(--wyli-border);padding:30px 22px;display:flex;flex-direction:column}.sidebar-label{font-size:12px;letter-spacing:0;color:var(--wyli-muted);margin:34px 0 12px}.site-button{display:block;width:100%;min-height:44px;border:1px solid transparent;background:transparent;text-align:left;border-radius:7px;padding:11px 12px;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#506b80}.site-button:hover{background:#eaf1f6}.site-button.active{background:#e3edf4;border-color:#c7d9e7;color:#355b76;font-weight:600}.sidebar-footer{margin-top:auto;padding-top:20px}.sidebar-footer #account{overflow-wrap:anywhere;font-size:12px}.workspace{margin-left:250px;width:calc(100% - 250px);padding:28px 32px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.page-header>div{min-width:0}.page-header .small{font-size:12px;margin-bottom:3px}.page-title{font-size:26px;font-weight:600;letter-spacing:-.65px;overflow-wrap:anywhere}#site-domain{font-size:13px;overflow-wrap:anywhere}.welcome{max-width:1050px;margin:42px auto;background:#fff;border:1px solid #ccd9e3;border-radius:14px;box-shadow:none}.welcome .card-body{padding:40px}.welcome-mark{color:var(--wyli-primary)}.welcome h2{font-size:32px;font-weight:600;letter-spacing:-1px;margin-top:20px;margin-bottom:12px}.welcome-intro{max-width:620px;font-size:15px;line-height:1.75;margin-bottom:24px}.welcome-features{border-top:1px solid #dce5ec;padding-top:26px;margin-top:34px!important}.welcome-features h3{font-size:17px;font-weight:600;color:#355b76}.welcome-features p{font-size:13px;line-height:1.75;margin-bottom:0}.native-toolbar{display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 12px;background:#f9fbfd;border:1px solid var(--wyli-border);border-top:0}.native-toolbar span{margin-right:auto}.native-toolbar .btn{font-size:12px;min-height:36px}.nav-tabs{background:#f9fbfd;border:1px solid var(--wyli-border);border-radius:9px 9px 0 0;gap:4px;padding-inline:8px}.nav-tabs .nav-link{padding:16px 19px;font-weight:600;color:#5a6d7d;border-radius:0;min-height:54px}.nav-tabs button{border:0;background:transparent}.nav-tabs .nav-link:hover{background:#edf3f7;color:#355b76}.nav-tabs .nav-link.active{color:#355b76;border-bottom:3px solid #396989;background:#edf3f7}dialog{border:1px solid #c3d2df;border-radius:14px;padding:30px;width:550px;max-width:calc(100% - 30px);box-shadow:0 20px 80px #243f5550;color:var(--wyli-ink)}dialog::backdrop{background:#243f556b}dialog h2{font-size:25px;font-weight:600;letter-spacing:-.6px}dialog>p,dialog form>p{font-size:14px;line-height:1.75}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eaf0f5;color:#35536b;padding:18px;border:1px solid #d3e0e9;border-radius:8px;font-size:12px;line-height:1.8}#message:not(:empty){margin-bottom:16px;padding:14px 18px;background:#f9eadf;color:#713f21;border:1px solid #e7c4a9;border-radius:8px;font-size:14px}#native-status{font-size:12px}
@media(max-width:1000px){.sidebar{width:225px;padding-inline:18px}.workspace{margin-left:225px;width:calc(100% - 225px);padding:24px}.nav-tabs .nav-link{padding-inline:15px}.welcome .card-body{padding:30px}}
@media(max-width:850px){.sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--wyli-border);flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.sidebar-label,.sidebar-footer{display:none}.sidebar .brand{margin-right:auto}.sidebar #sites{display:flex;order:4;overflow:auto;flex-basis:100%;gap:8px;max-width:100%}.site-button{width:auto;flex-shrink:0;margin:2px 0}.workspace{margin:0;width:100%;padding:20px 18px}.sidebar #add-site,.sidebar>a.btn{width:auto!important;margin-top:0!important;min-height:44px;font-size:12px;padding-inline:12px}.page-title{font-size:23px}.welcome{margin:24px auto}.welcome .card-body{padding:28px}.native-toolbar{flex-wrap:wrap;gap:8px}.native-toolbar .btn{min-height:44px}.nav-tabs .nav-link{padding:14px;font-size:14px}.page-header{align-items:flex-start}.page-header #connection{font-size:12px;flex-shrink:0}}
@media(max-width:500px){#login .container-tight{padding-inline:18px}.login-card .card-body{padding:28px 24px}.login-card h1{font-size:25px}.brand{font-size:25px}.sidebar{padding:16px 14px;gap:10px}.sidebar .brand{flex-basis:100%;margin-bottom:4px}.sidebar #add-site,.sidebar>a.btn{flex:1}.workspace{padding:20px 14px}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-header .small{font-size:11px}.page-title{font-size:21px}.welcome .card-body{padding:26px 22px}.welcome h2{font-size:27px;line-height:1.2}.welcome-intro{font-size:14px}.welcome-features{margin-top:27px!important;padding-top:22px}.welcome-features h3{font-size:16px}.nav-tabs{gap:0;padding-inline:3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-tabs .nav-link{padding:13px 8px;font-size:12px;white-space:normal;line-height:1.4}.native-toolbar span{flex-basis:100%}.native-toolbar button{flex:1}.native-toolbar #retry[hidden]{display:none!important}.native-toolbar .btn{font-size:11px;padding-inline:8px}dialog{padding:25px 22px}dialog h2{font-size:23px}pre{font-size:11px;padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* The launch page and management workspace use the same selected theme. */
html.dark{color-scheme:dark;--tblr-body-bg:#14212b;--tblr-body-color:#e1e9f0;--tblr-secondary:#adbfcf;--tblr-link-color:#cadcea;--wyli-primary:#cadcea;--wyli-ink:#e1e9f0;--wyli-muted:#adbfcf;--wyli-border:#354552}.dark body{background:#14212b}.dark #login{background:#14212b}.dark .login-card,.dark .welcome,.dark .sidebar,.dark .native-toolbar,.dark .nav-tabs,.dark dialog{background:#1d2a35;border-color:#354552}.dark .site-button,.dark .nav-tabs .nav-link{color:#adbfcf}.dark .site-button.active,.dark .site-button:hover,.dark .nav-tabs .nav-link:hover,.dark .nav-tabs .nav-link.active{background:#2a3e4d;color:#e1e9f0;border-color:#496478}.dark .brand:hover,.dark .welcome-features h3{color:#e1e9f0}.dark .welcome-features{border-color:#354552}.dark .form-control{background:#14212b;color:#e1e9f0;border-color:#496478}.dark pre{background:#14212b;color:#cadcea;border-color:#354552}.dark .btn-outline-primary,.dark .btn-outline-secondary{color:#cadcea;border-color:#496478}.dark .btn-outline-secondary:hover{background:#2a3e4d;color:#e1e9f0}