.sys-shell,.sys-shell *,.sys-drawer,.sys-drawer *{box-sizing:border-box}.sys-bar,.sys-nav,.sys-drawer,.sys-menu,.sys-footer,.sys-auth{font-family:var(--g-font);font-size:var(--g-text-m);line-height:var(--g-lh-m)}.sys-shell{background:var(--g-bg);height:100dvh;color:var(--g-text);flex-direction:column;display:flex}.sys-bar{justify-content:space-between;align-items:center;gap:var(--g-space-3);height:56px;padding:0 max(var(--g-space-4), env(safe-area-inset-right,0px)) 0 max(var(--g-space-4), env(safe-area-inset-left,0px));background:var(--g-surface);border-bottom:1px solid var(--g-line);flex:none;display:flex}.sys-brand{align-items:center;gap:var(--g-space-3);min-width:0;color:var(--g-text);text-decoration:none;display:flex}.sys-mark{width:var(--g-control-l);height:var(--g-control-l);border-radius:var(--g-radius-m);background:var(--g-brand-fill);color:var(--g-brand-contrast);flex:none;place-items:center;display:grid;overflow:hidden}.sys-mark>img{object-fit:cover;width:100%;height:100%;display:block}.sys-name,.sys-title{font-size:var(--g-text-xl);line-height:24px;font-weight:var(--g-weight-title);white-space:nowrap}.sys-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.sys-version{color:var(--g-muted);font-size:var(--g-text-s);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sys-bar-end{align-items:center;gap:var(--g-space-2);flex:none;display:flex}.sys-switcher{align-items:center;display:inline-flex}.sys-btn{justify-content:center;align-items:center;gap:var(--g-space-2);min-width:var(--g-control-m);height:var(--g-control-m);border-radius:var(--g-radius-m);color:var(--g-muted);font:inherit;font-weight:var(--g-weight-strong);cursor:pointer;background:0 0;border:0;flex:none;padding:0;text-decoration:none;display:inline-flex}.sys-btn:hover,.sys-btn[aria-expanded=true]{background:var(--g-hover-tint);color:var(--g-text)}.sys-btn:focus-visible,.sys-nav-item:focus-visible,.sys-nav-section-head:focus-visible,.sys-avatar:focus-visible,.sys-menu-item:focus-visible,.sys-theme button:focus-visible,.sys-brand:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.sys-back{padding:0 var(--g-space-3)}.sys-menu-btn{margin-left:calc(-1 * var(--g-space-2));display:none}.sys-menu-btn+.sys-brand{margin-right:auto}.sys-frame{flex:1;min-height:0;display:flex;position:relative}.sys-nav{gap:var(--g-space-1);width:208px;padding:var(--g-space-4) var(--g-space-3);border-right:1px solid var(--g-line);background:var(--g-surface);flex-direction:column;flex:none;display:flex;overflow-y:auto}.sys-nav-links{gap:var(--g-space-1);flex-direction:column;flex:1 0 auto;display:flex}.sys-nav-group{gap:var(--g-space-1);flex-direction:column;display:flex}.sys-nav-group+.sys-nav-group{margin-top:var(--g-space-3);padding-top:var(--g-space-3);border-top:1px solid var(--g-line)}.sys-nav-item{align-items:center;gap:var(--g-space-3);min-height:var(--g-control-l);padding:0 var(--g-space-3);border-radius:var(--g-radius-m);color:var(--g-muted);font-weight:var(--g-weight-strong);text-decoration:none;display:flex}.sys-nav-item:hover{background:var(--g-hover-tint);color:var(--g-text)}.sys-nav-item[aria-current=page]{background:var(--g-brand-tint);color:var(--g-brand-link)}.sys-nav-item>svg,.sys-nav-item>.material-symbols-outlined{flex:none}.sys-nav-label{min-width:0;padding:var(--g-space-2) 0;line-height:var(--g-lh-s);flex:1}.sys-nav-badge{min-width:20px;padding:0 var(--g-space-2);border-radius:var(--g-radius-pill);font-size:var(--g-text-xs);line-height:20px;font-weight:var(--g-weight-strong);text-align:center;background:var(--g-badge-neutral-bg);color:var(--g-badge-neutral-text);flex:none}.sys-nav-badge.is-danger{background:var(--g-badge-danger-bg);color:var(--g-badge-danger-text)}.sys-nav-badge.is-warning{background:var(--g-badge-warning-bg);color:var(--g-badge-warning-text)}.sys-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sys-nav-section{gap:0}.sys-nav-section+.sys-nav-section{margin-top:var(--g-space-2);border-top:0;padding-top:0}.sys-nav-section-head{justify-content:space-between;align-items:center;gap:var(--g-space-2);width:100%;min-height:var(--g-control-m);padding:0 var(--g-space-2) 0 var(--g-space-3);border-radius:var(--g-radius-m);color:var(--g-muted);font:inherit;font-size:var(--g-text-xs);font-weight:var(--g-weight-strong);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.sys-nav-section-head:hover{background:var(--g-hover-tint);color:var(--g-text)}.sys-nav-section-head>:last-child{flex:none;transition:transform .15s}.sys-nav-section-head[aria-expanded=false]>:last-child{transform:rotate(-90deg)}.sys-nav-section-links{gap:var(--g-space-1);padding-top:var(--g-space-1);flex-direction:column;display:flex}.sys-nav-section-links[hidden]{display:none}@media (prefers-reduced-motion:reduce){.sys-nav-section-head>:last-child{transition:none}}.sys-nav-foot{bottom:calc(-1 * var(--g-space-4));margin:var(--g-space-3) calc(-1 * var(--g-space-3)) calc(-1 * var(--g-space-4));padding:var(--g-space-2) var(--g-space-3) var(--g-space-3);border-top:1px solid var(--g-line);background:var(--g-surface);flex:none;position:sticky}.sys-nav-toggle{width:100%;font:inherit;font-weight:var(--g-weight-strong);text-align:left;cursor:pointer;background:0 0;border:0}.sys-nav{transition:width .15s,padding .15s}.sys-rail>.sys-frame>.sys-nav{width:72px;padding-left:var(--g-space-2);padding-right:var(--g-space-2);overflow-x:hidden}.sys-rail>.sys-frame>.sys-nav .sys-nav-foot{margin-left:calc(-1 * var(--g-space-2));margin-right:calc(-1 * var(--g-space-2));padding-left:var(--g-space-2);padding-right:var(--g-space-2)}.sys-rail>.sys-frame>.sys-nav .sys-nav-item{justify-content:center;padding:0;position:relative}.sys-rail>.sys-frame>.sys-nav .sys-nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.sys-rail>.sys-frame>.sys-nav .sys-nav-badge{color:#0000;width:8px;min-width:0;height:8px;box-shadow:0 0 0 2px var(--g-surface);background:var(--g-muted);padding:0;position:absolute;top:6px;right:10px;overflow:hidden}.sys-rail>.sys-frame>.sys-nav .sys-nav-badge.is-danger{background:var(--g-badge-danger-bg)}.sys-rail>.sys-frame>.sys-nav .sys-nav-badge.is-warning{background:var(--g-badge-warning-bg)}.sys-rail>.sys-frame>.sys-nav .sys-nav-section-head{display:none}.sys-rail>.sys-frame>.sys-nav .sys-nav-section-links[hidden]{display:flex}.sys-rail>.sys-frame>.sys-nav .sys-nav-section+.sys-nav-section{margin-top:var(--g-space-3);padding-top:var(--g-space-3);border-top:1px solid var(--g-line)}.sys-tip{z-index:60;pointer-events:none;max-width:240px;padding:var(--g-space-1) var(--g-space-2);border-radius:var(--g-radius-s);background:var(--g-text);color:var(--g-bg);box-shadow:var(--g-shadow-1);font-family:var(--g-font);font-size:var(--g-text-s);line-height:var(--g-lh-s);font-weight:var(--g-weight-strong);white-space:nowrap;position:fixed;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.sys-nav{transition:none}}.sys-main{min-width:0;padding:var(--g-space-8) var(--g-space-6) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.sys-main:focus{outline:none}.sys-page{flex:1 0 auto;min-width:0}.sys-footer{padding:var(--g-space-8) 0 var(--g-space-6);color:var(--g-muted);font-size:var(--g-text-xs);text-align:center;flex:none}.sys-footer a{color:inherit;text-decoration:underline}.sys-footer a:hover{color:var(--g-brand-link)}.sys-footer a:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.sys-skip{left:var(--g-space-2);top:var(--g-space-2);z-index:100;padding:var(--g-space-2) var(--g-space-3);border-radius:var(--g-radius-m);background:var(--g-surface);color:var(--g-text);box-shadow:var(--g-shadow-2);position:fixed}.sys-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;box-shadow:none;padding:0;overflow:hidden}.sys-skip:focus{outline:2px solid var(--g-focus);outline-offset:2px}.sys-drawer{border:0;border-right:1px solid var(--g-line);background:var(--g-surface);width:min(320px,100vw - 48px);max-width:none;height:100%;max-height:none;color:var(--g-text);box-shadow:var(--g-shadow-2);flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:0 auto 0 0}.sys-drawer:not([open]){display:none}.sys-drawer::backdrop{background:color-mix(in srgb, var(--g-bg) 80%, transparent)}.sys-drawer-head{justify-content:space-between;align-items:center;gap:var(--g-space-2);padding:var(--g-space-3) var(--g-space-3) var(--g-space-2) var(--g-space-4);border-bottom:1px solid var(--g-line);display:flex}.sys-drawer-title{font-weight:var(--g-weight-title);font-size:var(--g-text-l)}.sys-drawer-body{gap:var(--g-space-1);min-height:0;padding:var(--g-space-3) var(--g-space-3) max(var(--g-space-6), env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex;overflow-y:auto}.sys-account{position:relative}.sys-avatar{width:var(--g-control-m);height:var(--g-control-m);border-radius:var(--g-radius-pill);background:var(--g-brand-fill);color:var(--g-brand-contrast);font:inherit;font-size:var(--g-text-s);font-weight:var(--g-weight-strong);cursor:pointer;border:0;place-items:center;padding:0;display:grid;overflow:hidden}.sys-avatar>*{max-width:100%;max-height:100%}.sys-menu{top:calc(100% + var(--g-space-2));z-index:50;width:280px;max-width:calc(100vw - 2 * var(--g-space-4));padding:var(--g-space-2);background:var(--g-surface);color:var(--g-text);border:1px solid var(--g-line);border-radius:var(--g-radius-l);box-shadow:var(--g-shadow-2);position:absolute;right:0}.sys-menu-who{padding:var(--g-space-2) var(--g-space-3) var(--g-space-3);overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.sys-menu-who>span{color:var(--g-muted)}.sys-menu-item{align-items:center;gap:var(--g-space-3);width:100%;min-height:var(--g-control-l);padding:0 var(--g-space-3);border-radius:var(--g-radius-m);color:var(--g-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}button.sys-menu-item:hover,a.sys-menu-item:hover{background:var(--g-hover-tint)}.sys-menu-icon{color:var(--g-muted);flex:none}.sys-menu-label{flex:1}.sys-menu-line{border:0;border-top:1px solid var(--g-line);margin:var(--g-space-2) 0}.sys-menu-version{margin-top:var(--g-space-2);padding:var(--g-space-2) var(--g-space-3) var(--g-space-1);border-top:1px solid var(--g-line);color:var(--g-muted);font-size:var(--g-text-s)}.sys-theme{border:1px solid var(--g-line-strong);border-radius:var(--g-radius-pill);padding:2px;display:inline-flex}.sys-theme button{width:var(--g-control-s);height:var(--g-control-s);border-radius:var(--g-radius-pill);color:var(--g-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sys-theme button:hover{background:var(--g-hover-tint)}.sys-theme button[aria-pressed=true]{background:var(--g-brand-fill);color:var(--g-brand-contrast)}@media (max-width:720px){.sys-frame{flex-direction:column}.sys-frame>.sys-nav{display:none}.sys-menu-btn{display:inline-flex}.sys-main{padding:var(--g-space-5) max(var(--g-space-4), env(safe-area-inset-left,0px)) 0}.sys-name,.sys-version{display:none}}@media (max-width:480px){.sys-back{padding:0}.sys-back-label{display:none}}.sys-auth,.sys-auth *{box-sizing:border-box}.sys-auth{min-height:100dvh;padding:var(--g-space-6) max(var(--g-space-4), env(safe-area-inset-left,0px));background:var(--g-bg);color:var(--g-text);flex-direction:column;justify-content:center;align-items:center;display:flex}.sys-auth>.sys-footer{padding-bottom:0}.sys-auth-card{gap:var(--g-space-4);width:100%;max-width:400px;padding:var(--g-space-8);background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);box-shadow:var(--g-shadow-1);flex-direction:column;display:flex}.sys-auth-wide{max-width:560px}.sys-auth-mark{min-width:var(--g-control-xl);height:var(--g-control-xl);border-radius:var(--g-radius-m);background:var(--g-brand-fill);color:var(--g-brand-contrast);align-self:flex-start;place-items:center;display:grid;overflow:hidden}.sys-auth-mark:has(>img){background:0 0;border-radius:0;min-width:0;height:auto}.sys-auth-mark>img{object-fit:contain;width:auto;max-width:220px;height:48px;display:block}.sys-auth-place{margin-bottom:calc(-1 * var(--g-space-3));color:var(--g-muted);font-size:var(--g-text-s)}.sys-auth-title{font-size:var(--g-text-3xl);line-height:32px;font-weight:var(--g-weight-title);margin:0}.sys-auth-intro{margin:calc(-1 * var(--g-space-2)) 0 0;color:var(--g-muted)}.sys-auth-form{gap:var(--g-space-4);flex-direction:column;display:flex}.sys-field{gap:var(--g-space-1);flex-direction:column;display:flex}.sys-field-label{font-size:var(--g-text-s);font-weight:var(--g-weight-strong)}.sys-input{width:100%;min-height:var(--g-control-l);padding:0 var(--g-space-3);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);background:var(--g-surface);color:var(--g-text);font:inherit}.sys-input:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.sys-auth-btn{justify-content:center;align-items:center;gap:var(--g-space-2);width:100%;min-height:var(--g-control-l);padding:0 var(--g-space-4);border:1px solid var(--g-control-border);border-radius:var(--g-btn-radius);background:var(--g-surface);color:var(--g-text);font:inherit;font-weight:var(--g-weight-strong);cursor:pointer;text-decoration:none;display:inline-flex}.sys-auth-btn:hover:not(:disabled){background:var(--g-hover-tint)}.sys-auth-btn:disabled{opacity:.55;cursor:default}.sys-auth-btn:focus-visible,.sys-auth-links a:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.sys-auth-primary{background:var(--g-brand-fill);border-color:var(--g-brand-fill);color:var(--g-brand-contrast)}.sys-auth-primary:hover:not(:disabled){background:var(--g-brand-hover);border-color:var(--g-brand-hover)}.sys-auth-notice{padding:var(--g-space-3);border-radius:var(--g-radius-m);background:var(--g-info-tint)}.sys-auth-danger{background:var(--g-danger-tint)}.sys-or{align-items:center;gap:var(--g-space-3);color:var(--g-muted);font-size:var(--g-text-s);display:flex}.sys-or:before,.sys-or:after{content:"";border-top:1px solid var(--g-line);flex:1}.sys-auth-others{gap:var(--g-space-2);flex-direction:column;display:flex}.sys-auth-links{text-align:center;margin:0}.sys-auth-links a{color:var(--g-brand-link)}@media (max-width:480px){.sys-auth-card{padding:var(--g-space-6) var(--g-space-5)}}