:root{--c-brand:#1C4FD8;--c-brand-hover:#3B6BE8;--c-brand-active:#0F3AA8;--c-brand-soft:#EEF3FE;--c-brand-client:#D3CCA5;--c-brand-client-rgb:211 204 165;--c-ink:#0E1A28;--c-ink2:#4A5B6E;--c-ink3:#8395A7;--c-line:#E3E9F0;--c-line2:#C9D4E0;--c-panel:#F5F8FC;--c-disabled:#EFF2F6;--c-bg:#FFFFFF;--c-ok:#0F7A5F;--c-ok-soft:#EAF5F1;--c-warn:#B7791F;--c-warn-soft:#FDF6E7;--c-danger:#C0392B;--c-danger-soft:#FCEDEB;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius-sm:4px;--radius:6px;--radius-lg:10px;--font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,Menlo,monospace;--fs-page-title:34px;--lh-page-title:1.24;--fs-section:20px;--lh-section:1.35;--fs-sub:15px;--lh-sub:1.4;--fs-body:14px;--lh-body:1.6;--fs-help:12.5px;--lh-help:1.5;--fs-mono:12px;--lh-mono:1.5;--fs-stat:28px;--lh-stat:1.2;--fs-hero:36px;--lh-hero:1.25;--fs-brand-name:22px;--lh-brand-name:1.3;--fs-brand-sep:18px;--lh-brand-sep:1;--fs-brand-note:11px;--lh-brand-note:1.5;--fs-m-title:17px;--fs-m-body:14px;--fs-m-meta:12px;--fs-m-tab:11px;--c-warn-border:#EFDFBB}:root[data-theme=edu-blue]{--c-brand:#1C4FD8;--c-brand-hover:#2E64E3;--c-brand-active:#0F3AA8;--c-brand-soft:#EEF3FE;--c-sidebar-from:#0C2340;--c-sidebar-mid:#14315C;--c-sidebar-to:#1A3E6F;--c-sidebar-text:#A8BDD6;--c-sidebar-text-active:#FFFFFF;--c-sidebar-active-bg:rgb(var(--c-brand-client-rgb) / .16);--c-focus:rgba(28,79,216,.35);--c-ok:#0F7A5F;--c-ok-soft:#EAF5F1;--c-warn:#B7791F;--c-warn-soft:#FDF6E7;--c-danger:#C0392B;--c-danger-soft:#FCEDEB}:root[data-theme=edu-green]{--c-brand:#0E7C66;--c-brand-hover:#12836A;--c-brand-active:#0A5F51;--c-brand-soft:#E7F4F0;--c-sidebar-from:#072A24;--c-sidebar-mid:#0B3F36;--c-sidebar-to:#0E5346;--c-sidebar-text:#A9C6BD;--c-sidebar-text-active:#FFFFFF;--c-sidebar-active-bg:rgb(var(--c-brand-client-rgb) / .18);--c-focus:rgba(14,124,102,.35);--c-ok:#2E7D32;--c-ok-soft:#EAF4EA;--c-warn:#B7791F;--c-warn-soft:#FDF6E7;--c-danger:#C0392B;--c-danger-soft:#FCEDEB}:root{--w-sidebar: 220px;--h-topbar: 58px;--radius-pill: 999px;--h-control: 36px;--h-control-sm: 30px;--h-iconbtn: 36px;--h-tap-min: 44px;--size-control-small: var(--h-control-sm);--size-control-desktop: var(--h-control);--size-touch-min: var(--h-tap-min);--size-mobile-primary: 52px;--size-topbar: var(--h-topbar);--h-badge: 24px;--h-table-head: var(--size-control-desktop);--lh-table-head: 20px;--w-search: 340px;--overlay-backdrop: color-mix(in srgb, var(--c-ink) 45%, transparent);--shadow-overlay: 0 20px 60px color-mix(in srgb, var(--c-ink) 18%, transparent);--pad-login-x: 40px;--pad-login-y: 48px;--gap-login-brand: 40px;--w-login-form: 360px;--w-login-sub: 480px;--h-login-logo: 96px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-panel);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;color:var(--c-ink)}.mono{font-family:var(--font-sans);font-variant-numeric:tabular-nums}.content a:not(.btn){color:var(--c-ink);font-weight:500;text-decoration:none}.content a:not(.btn):hover,.content a:not(.btn):focus-visible{color:var(--c-ink);font-weight:600;text-decoration:none}.btn,a.btn,a.btn:hover,a.btn:focus,a.btn:focus-visible,a.btn:active{text-decoration:none}.muted{color:var(--c-ink3);font-size:var(--fs-help);line-height:var(--lh-help)}.login{display:grid;grid-template-columns:minmax(360px,44%) 1fr;min-height:100vh;background:var(--c-bg)}.login__brand{background:linear-gradient(170deg,var(--c-sidebar-from) 0%,var(--c-sidebar-mid) 55%,var(--c-sidebar-to) 100%);color:var(--c-sidebar-text-active);padding:var(--pad-login-y) var(--pad-login-x);display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-6)}.login__brand-core{display:flex;flex-direction:column;gap:var(--gap-login-brand)}.login__wordmark{display:flex;align-items:baseline;gap:var(--sp-2);margin:0;font-size:var(--fs-brand-name);line-height:var(--lh-brand-name);color:var(--c-brand-client)}.login__wordmark-dot{font-size:var(--fs-brand-sep);line-height:var(--lh-brand-sep);opacity:.5}.login__claim{display:flex;flex-direction:column;gap:var(--sp-4)}.login__claim-title{margin:0;font-size:var(--fs-hero);line-height:var(--lh-hero);font-weight:700;color:var(--c-sidebar-text-active)}.login__claim-sub{margin:0;max-width:var(--w-login-sub);font-size:var(--fs-body);line-height:1.7;color:var(--c-sidebar-text)}.login__brand-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-top:var(--sp-5);font-size:var(--fs-brand-note);line-height:var(--lh-brand-note);color:var(--c-sidebar-text)}.login__brand-foot>span:first-child{opacity:.5}.login__brand-foot>span:last-child{opacity:.4}.login__panel{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding:var(--pad-login-y) var(--sp-6)}.login__center{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.login__form{width:var(--w-login-form);max-width:100%;display:flex;flex-direction:column;gap:var(--sp-5)}.login-field{display:flex;align-items:center;min-height:var(--h-control);overflow:hidden;border:1px solid var(--c-line2);border-radius:var(--radius);background:var(--c-bg)}.login-field:focus-within{outline:2px solid var(--c-focus);border-color:var(--c-brand)}.login-field.is-invalid{border-color:var(--c-danger);background:color-mix(in srgb,var(--c-danger-soft) 46%,var(--c-bg))}.login-field__icon{display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;margin-left:var(--sp-3);color:var(--c-ink3)}.login-field.is-invalid .login-field__icon{color:var(--c-danger)}.login-field .input{flex:1;min-width:0;padding-left:var(--sp-2);border:0;background:transparent;text-align:left}.login-field .input:focus{outline:none}.login__options{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.login__check{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--size-touch-min);color:var(--c-ink2);font-size:var(--fs-help);cursor:pointer}.login__check input{width:16px;height:16px;margin:0;accent-color:var(--c-brand)}.login__forgot{min-height:var(--size-touch-min);margin-left:auto;padding:0;border:0;background:transparent;color:var(--c-brand);font:inherit;font-size:var(--fs-help);cursor:pointer}.login__help{padding:var(--sp-2) var(--sp-3);border:1px solid color-mix(in srgb,var(--c-brand) 22%,var(--c-line));border-radius:var(--radius);background:var(--c-brand-soft);color:var(--c-ink2);font-size:var(--fs-help);line-height:1.45;text-align:left}.login__form>.btn{width:100%}.login__logo-slot{height:var(--h-login-logo);width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.login__logo{height:100%;width:auto;display:block;transform:scale(3.2)}.login__form-head{display:flex;flex-direction:column;gap:var(--sp-1)}.login__title{margin:0;font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700}.login__foot{margin:0;padding-top:var(--sp-5);font-size:var(--fs-help);color:var(--c-ink2)}.login__error{background:var(--c-danger-soft);color:var(--c-danger);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-help);line-height:var(--lh-help)}.login__demo{border-top:1px solid var(--c-line);padding-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.login__demo-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.shell{display:grid;grid-template-columns:var(--w-sidebar) minmax(0,1fr);min-height:100vh}.sidebar{background:var(--c-ink);color:var(--c-bg);display:flex;flex-direction:column;padding:var(--sp-4) 0;gap:var(--sp-4)}.sidebar__brand{padding:0 var(--sp-4);font-size:var(--fs-sub);line-height:var(--lh-sub);font-weight:700;color:var(--c-bg)}.sidebar__brand-sub{display:block;margin-top:var(--sp-1);font-size:var(--fs-mono);color:var(--c-ink3);letter-spacing:.08em}.nav{display:flex;flex-direction:column;gap:var(--sp-1);padding:0 var(--sp-2)}.nav__group{padding:var(--sp-2) var(--sp-2) var(--sp-1);font-size:var(--fs-mono);color:var(--c-ink3);letter-spacing:.1em}.nav__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);color:var(--c-ink3);font-size:var(--fs-body);text-decoration:none}.nav__item:hover{background:var(--c-ink2);color:var(--c-bg)}.nav__item--active{background:var(--c-brand);color:var(--c-bg);font-weight:700}.nav__item--locked{color:var(--c-ink3);cursor:not-allowed;opacity:.55}.nav__item--locked:hover{background:transparent;color:var(--c-ink3)}.nav__lock{font-size:var(--fs-mono)}.sidebar__user{margin-top:auto;padding:var(--sp-3) var(--sp-4) 0;border-top:1px solid var(--c-ink2);display:flex;gap:var(--sp-3);align-items:center}.avatar{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--c-brand);color:var(--c-bg);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-help);font-weight:700;flex:0 0 auto}.avatar--quiet{background:var(--c-panel);color:var(--c-ink2)}.sidebar__user-name{color:var(--c-bg);font-size:var(--fs-help)}.sidebar__user-meta{color:var(--c-ink3);font-size:var(--fs-mono)}.sidebar__user-text{min-width:0}.sidebar__user-logout{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:var(--h-iconbtn);height:var(--h-iconbtn);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--c-sidebar-text);cursor:pointer}.sidebar__user-logout:hover{color:var(--c-sidebar-text-active);border-color:var(--c-sidebar-text)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--h-topbar);background:var(--c-bg);border-bottom:1px solid var(--c-line);padding:0 var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.topbar__title{font-size:var(--fs-sub);line-height:var(--lh-sub);font-weight:700}.topbar__right{display:flex;align-items:center;gap:var(--sp-4)}.content{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.page-head__title{font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700}.page-head__sub{margin-top:var(--sp-1);color:var(--c-ink3);font-size:var(--fs-help);line-height:var(--lh-help)}.page-head__actions{display:flex;align-items:center;gap:var(--sp-3)}.card{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:var(--sp-4);min-width:0}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.card__title{font-size:var(--fs-sub);line-height:var(--lh-sub);font-weight:700}.card__sub{margin:var(--sp-1) 0 0;color:var(--c-ink3);font-size:var(--fs-help);line-height:var(--lh-help)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--h-control);padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--radius);background:var(--c-bg);color:var(--c-ink);font-family:inherit;font-size:var(--fs-body);font-weight:500;cursor:pointer;white-space:nowrap}.btn:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--c-brand-soft);outline-offset:2px;box-shadow:0 0 0 1px var(--c-brand)}.btn--primary{background:var(--c-brand);color:var(--c-bg)}.btn--primary:hover:not(:disabled){background:var(--c-brand-hover)}.btn--primary:active:not(:disabled){background:var(--c-brand-active)}.btn--secondary{background:var(--c-bg);color:var(--c-ink);border-color:var(--c-line2)}.btn--secondary:hover:not(:disabled){background:var(--c-brand-soft);border-color:var(--c-brand);color:var(--c-brand)}.btn--danger{background:var(--c-bg);color:var(--c-danger);border-color:var(--c-line2)}.btn--danger:hover:not(:disabled){background:var(--c-danger-soft);border-color:var(--c-danger)}.btn--ghost{background:transparent;color:var(--c-ink2)}.btn--ghost:hover:not(:disabled){background:var(--c-panel);color:var(--c-ink)}.btn--danger:focus-visible{outline-color:var(--c-danger-soft);box-shadow:0 0 0 1px var(--c-danger)}.btn--icon{width:var(--h-control);min-width:var(--h-control);padding:0}.btn--blocked{height:auto;min-height:var(--h-control);align-items:flex-start;flex-direction:column;gap:0;padding-block:var(--sp-1);white-space:normal}.btn__label{display:inline-flex;align-items:center;justify-content:center;min-width:0}.btn__blocked{display:block;color:var(--c-ink3);font-size:var(--fs-help);line-height:var(--lh-help)}.btn--sm{height:var(--h-control-sm);padding:0 var(--sp-3);font-size:var(--fs-help)}.btn:disabled{background:var(--c-disabled);color:var(--c-ink3);border-color:var(--c-line);cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.field__label{font-size:var(--fs-help);line-height:var(--lh-help);color:var(--c-ink2)}.input,.select{height:var(--h-control);width:100%;padding:0 var(--sp-3);border:1px solid var(--c-line2);border-radius:var(--radius);background:var(--c-bg);color:var(--c-ink);font-family:inherit;font-size:var(--fs-body);text-align:left}.input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.select--sm{height:var(--h-control-sm);font-size:var(--fs-help)}.input:focus,.select:focus{outline:2px solid var(--c-focus);border-color:var(--c-brand)}.input::placeholder{color:var(--c-ink3)}.field__error{font-size:var(--fs-help);line-height:var(--lh-help);color:var(--c-danger);text-align:left}.tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);height:var(--h-badge);padding:0 var(--sp-2);border:0;border-radius:var(--radius-pill);font-size:var(--fs-help);font-weight:600;line-height:var(--lh-help);text-align:center;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.tag--info{background:var(--c-brand-soft);color:var(--c-brand)}.tag--ok{background:var(--c-ok-soft);color:var(--c-ok)}.tag--warn{background:var(--c-warn-soft);color:var(--c-ink)}.tag--danger{background:var(--c-danger-soft);color:var(--c-danger)}.tag--plain{background:var(--c-panel);color:var(--c-ink2)}.masked{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--c-ink3);cursor:help}.masked--granted{color:var(--c-ink2);cursor:default}.table-wrap{overflow-x:auto;border:1px solid var(--c-line);border-radius:var(--radius-lg);background:var(--c-bg)}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{background:var(--c-panel);color:var(--c-ink2);font-family:var(--font-sans);font-size:var(--fs-help);font-weight:700;line-height:var(--lh-table-head);height:var(--h-table-head);text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-line);white-space:nowrap;vertical-align:middle}.table th.is-num{text-align:right;font-variant-numeric:tabular-nums}.table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-line);color:var(--c-ink2);font-size:var(--fs-body);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table .is-strong{color:var(--c-ink);font-weight:500}.table .is-num{text-align:right;font-family:var(--font-sans);font-size:var(--fs-body);font-variant-numeric:tabular-nums}.tabular-time,.is-time{font-family:var(--font-sans);font-variant-numeric:tabular-nums}.table .is-nowrap{white-space:nowrap}.todo-list{display:flex;flex-direction:column;gap:var(--sp-3)}.todo{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-line);border-radius:var(--radius-lg);background:var(--c-bg)}.todo__name{font-size:var(--fs-sub);line-height:var(--lh-sub);font-weight:700}.todo__meta{margin-top:var(--sp-1);color:var(--c-ink3);font-size:var(--fs-help);line-height:var(--lh-help)}.tabs{display:flex;gap:var(--sp-5);border-bottom:1px solid var(--c-line);margin-bottom:var(--sp-4);flex-wrap:wrap}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--sp-2) 0;margin-bottom:-1px;color:var(--c-ink2);font-family:inherit;font-size:var(--fs-body);cursor:pointer}.tab--active{color:var(--c-brand);border-bottom-color:var(--c-brand);font-weight:700}.tab:disabled{color:var(--c-ink3);cursor:not-allowed}.empty{padding:var(--sp-7) var(--sp-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.empty__title{font-size:var(--fs-sub);line-height:var(--lh-sub);font-weight:700;color:var(--c-ink)}.empty__hint{color:var(--c-ink3);font-size:var(--fs-help);line-height:var(--lh-help);max-width:34em}.notice{border:1px solid var(--c-line);border-left:3px solid var(--c-brand);border-radius:var(--radius);background:var(--c-panel);padding:var(--sp-3) var(--sp-4);color:var(--c-ink2);font-size:var(--fs-help);line-height:var(--lh-help)}.notice--warn{border-left-color:var(--c-warn)}.selfcheck__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-2) var(--sp-4)}.selfcheck__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px dashed var(--c-line)}.kv{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--sp-2) var(--sp-3);font-size:var(--fs-help);line-height:var(--lh-help)}.kv__k{color:var(--c-ink3)}.kv__v{color:var(--c-ink2);min-width:0;overflow-wrap:anywhere}.loading{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) 0}.loading__label{color:var(--c-ink3);font-size:var(--fs-help)}.loading__row{display:block;height:16px;border-radius:var(--radius-sm);background:var(--c-panel);border:1px solid var(--c-line)}.loading__row:nth-child(odd){width:92%}.loading__row:nth-child(2n){width:74%}.error-block,.error-banner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid color-mix(in srgb,var(--c-danger) 26%,var(--c-line));border-radius:var(--radius);background:var(--c-danger-soft);color:var(--c-danger)}.error-block__title,.error-banner__line{flex:1 1 240px;min-width:0;margin:0;color:var(--c-danger);font-size:var(--fs-help);line-height:1.45;font-weight:500;text-align:left}.error-banner__action{flex:0 0 auto}.feedback__diag{flex:1 0 100%;padding-top:var(--sp-1);border-top:1px solid color-mix(in srgb,var(--c-danger) 18%,var(--c-line))}.feedback__diag summary{cursor:pointer;color:currentColor;font-size:var(--fs-help)}.feedback__diag dl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--sp-1) var(--sp-3);margin:var(--sp-2) 0 0;font-size:var(--fs-help)}.feedback__diag dt{color:var(--c-ink3)}.feedback__diag dd{margin:0;color:var(--c-ink);overflow-wrap:anywhere}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.timeline__item{border-left:2px solid var(--c-line);padding:var(--sp-1) 0 var(--sp-1) var(--sp-4)}.timeline__head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.timeline__result{margin:var(--sp-1) 0 0;color:var(--c-ink2);font-size:var(--fs-help)}@media (max-width: 1439px){.topbar{padding:0 var(--sp-4)}}@media (min-width: 1800px){.content{max-width:1680px}}.split{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:var(--sp-4);align-items:start}.table--wide{min-width:1120px}.tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}.tree__node{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--c-ink2);font-family:inherit;font-size:var(--fs-body);text-align:left;cursor:pointer}.tree__node:hover{background:var(--c-panel);color:var(--c-ink)}.tree__node--active{background:var(--c-brand-soft);border-color:var(--c-brand);color:var(--c-brand);font-weight:700}.matrix th,.matrix td{text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:left}.matrix__yes{color:var(--c-ok);font-weight:700}.matrix__no{color:var(--c-ink3)}@media (max-width: 1439px){.split{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}}.accounts-filter{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-line);background:var(--c-bg)}.accounts-filter .input,.accounts-filter .select{height:var(--h-control);border-color:transparent;background:var(--c-panel)}.accounts-filter__keyword{flex:1 1 320px;min-width:260px;max-width:420px}.accounts-filter__select{flex:0 0 150px;width:150px}.accounts-filter__reset{flex:0 0 auto;height:var(--h-control);padding:0 var(--sp-1);border:0;background:transparent;color:var(--c-ink2);font:inherit;cursor:pointer}.accounts-filter__reset:hover{color:var(--c-ink);text-decoration:underline}.account-actions{display:flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.account-secret{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-panel)}.account-secret code{flex:1;color:var(--c-ink);font-size:var(--fs-section);font-weight:700}.account-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--sp-2)}.account-role-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg)}.account-role-option small{color:var(--c-ink3)}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-width:0}.form-footer__note{min-width:0;color:var(--c-ink3);font-size:var(--fs-help)}.form-footer__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-2);margin-left:auto}body.modal-open{overflow:hidden}body.modal-open .form-footer--page{display:none!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:var(--overlay-backdrop);cursor:default}.modal__card{position:relative;display:flex;flex-direction:column;width:min(560px,calc(100vw - var(--sp-6) * 2));max-height:calc(100dvh - var(--sp-6) * 2);overflow:hidden;border:1px solid var(--c-line2);border-radius:var(--radius-lg);background:var(--c-bg);box-shadow:var(--shadow-overlay, none)}.modal__card--confirm{width:min(420px,calc(100vw - var(--sp-6) * 2))}.modal__card--editor{width:min(960px,calc(100vw - var(--sp-6) * 2))}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--c-line)}.modal__heading{min-width:0}.modal__description{margin:var(--sp-1) 0 0;color:var(--c-ink2);font-size:var(--fs-help);line-height:var(--lh-help)}.modal__close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--c-ink2);font:inherit;font-size:var(--fs-section);cursor:pointer}.modal__close:hover{background:var(--c-panel);color:var(--c-ink)}.modal__close:focus-visible{outline:3px solid var(--c-brand-soft);outline-offset:2px}.modal__body{display:flex;flex-direction:column;gap:var(--sp-3);min-height:0;overflow-y:auto;padding:var(--sp-4)}.modal__footer{flex:0 0 auto;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-line)}.invite-code{font-family:var(--font-mono);letter-spacing:.04em}@media (max-width: 767px){html,body,#root,.shell,.main,.content{max-width:100%;min-width:0}html,body,#root,.shell{overflow-x:hidden}.shell{grid-template-columns:minmax(0,1fr)}.main,.content,.card,.split,.grid-2,.grid2b{min-width:0;max-width:100%}.content{overflow-x:hidden}.grid-2,.grid2b,.split{grid-template-columns:minmax(0,1fr)}.card__head,.page-head,.page-head__actions{align-items:stretch;flex-wrap:wrap}.table-wrap{width:100%;max-width:100%;overflow-x:auto}.table{min-width:720px}.modal{align-items:flex-end}.modal__card{width:100%;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal__body{padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom))}.modal__footer{padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom))}.modal__close,.modal button{min-width:44px;min-height:44px}.modal .btn--primary{min-height:52px}.form-footer{align-items:stretch;flex-direction:column}.form-footer__actions .btn{min-height:52px}.form-footer__actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin-left:0}.form-footer__actions .btn--primary{order:2}.form-footer--page{position:fixed;right:var(--sp-3);bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));left:var(--sp-3);z-index:45;padding:var(--sp-3);border:1px solid var(--c-line);border-radius:var(--radius-lg);background:var(--c-bg)}.content{padding-bottom:calc(var(--sp-7) + var(--sp-6))}.content .input,.content .select,.content textarea,.content button,.content summary,.content a[role=button],.modal .input,.modal .select,.modal textarea,.modal summary,.modal a[role=button]{min-height:44px}}.tag,.tag--info,.tag--ok,.tag--warn,.tag--danger,.tag--neutral,.tag--plain{min-height:24px;height:24px;border:0;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;text-align:center}.tag--neutral,.tag--plain{background:var(--c-panel);color:var(--c-ink2)}.table th{text-align:left}.table th.is-status,.table td.is-status{text-align:center}.table th.is-action,.table td.is-action,.table th.is-num,.table td.is-num{text-align:right}.content{padding:var(--sp-6);gap:var(--sp-5)}.page-head{align-items:center;gap:var(--sp-4)}.page-head__title{font-size:var(--fs-page-title);line-height:var(--lh-page-title)}.page-head__sub{color:var(--c-ink2);font-size:var(--fs-help);line-height:var(--lh-help)}.card{border-color:var(--c-line);border-radius:var(--radius);padding:var(--sp-4);box-shadow:none}.card__head{margin-bottom:var(--sp-4)}.btn{height:var(--size-control-desktop);border-radius:var(--radius)}.btn--icon{width:var(--size-touch-min);min-width:var(--size-touch-min);height:var(--size-touch-min)}.btn:disabled{border-color:transparent}.input,.select{height:var(--size-control-desktop);border-color:var(--c-line2);border-radius:var(--radius)}.select--sm{height:var(--size-control-small)}.tag{height:var(--h-badge);border-radius:var(--radius-pill)}.table-wrap{border-radius:var(--radius-lg)}.table th{height:var(--h-table-head);padding-top:0;padding-bottom:0;background:var(--c-panel);color:var(--c-ink);font-size:var(--fs-help);font-weight:500}.table td{height:52px;padding-top:0;padding-bottom:0;color:var(--c-ink);font-size:var(--fs-body);vertical-align:middle}.modal__card{border-color:var(--c-line);border-radius:var(--radius-lg)}.topbar a,.topbar button{min-height:var(--size-control-desktop)}@media (max-width: 767px){.content{padding:var(--sp-4);gap:var(--sp-4)}.page-head{align-items:flex-start;gap:var(--sp-3)}.page-head__title{font-size:calc(var(--fs-page-title) - var(--sp-2));line-height:1.2}.btn,.btn--sm,.input,.select,.select--sm,.modal__close,.drawer__close{min-height:var(--size-touch-min)}.btn--primary{min-height:var(--size-mobile-primary)}.table th,.table td{height:var(--size-touch-min)}label:has(>input[type=file]){display:inline-flex;align-items:center;min-height:var(--size-touch-min)}}.shell{grid-template-columns:var(--w-sidebar) minmax(0,1fr)}.sidebar{width:var(--w-sidebar);position:sticky;top:0;height:100vh;padding:0;background:linear-gradient(175deg,var(--c-sidebar-from) 0%,var(--c-sidebar-mid) 60%,var(--c-sidebar-to) 100%);color:var(--c-sidebar-text)}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--c-ink2);font-size:var(--fs-sub);font-weight:700;color:var(--c-sidebar-text-active)}.sidebar__mark{width:26px;height:26px;flex:0 0 auto;border-radius:var(--radius);background:var(--c-brand-client);color:var(--c-ink);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:700}.sidebar__brand-sub{display:block;margin-top:var(--sp-1);font-size:var(--fs-mono);font-weight:400;letter-spacing:.08em;color:var(--c-ink3)}.nav{flex:1;overflow-y:auto;padding:var(--sp-2) var(--sp-3) var(--sp-3);gap:0;scrollbar-width:none}.nav::-webkit-scrollbar{width:0;height:0}.nav__badge{margin-left:auto;padding:1px var(--sp-2);border-radius:var(--radius-pill);background:var(--c-brand-client);color:var(--c-ink);font-size:var(--fs-help);font-weight:700}.nav__group{padding:var(--sp-3) var(--sp-3) var(--sp-2);font-size:var(--fs-help);letter-spacing:1.2px;font-weight:600;color:var(--c-sidebar-text)}.nav__item{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);margin-bottom:var(--sp-1);position:relative;font-size:var(--fs-body);color:var(--c-sidebar-text)}.nav__item--active{background:var(--c-sidebar-active-bg);color:var(--c-sidebar-text-active);font-weight:600}.nav__item:hover{color:var(--c-sidebar-text-active)}.nav__item--active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--c-brand-client);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav__badge{margin-left:auto;background:var(--c-danger);color:var(--c-bg);font-size:var(--fs-help);line-height:var(--lh-sub);padding:0 var(--sp-2);border-radius:var(--radius-pill);font-weight:600}.sidebar__user{padding:var(--sp-3) var(--sp-4) var(--sp-3);border-top:1px solid var(--c-ink2)}.topbar{height:var(--h-topbar);padding:0 var(--sp-5);gap:var(--sp-4)}.topbar__crumb{font-size:var(--fs-sub);font-weight:700;color:var(--c-ink)}.topbar__search{width:var(--w-search);height:var(--h-iconbtn);padding:0 var(--sp-3);border:1px solid transparent;border-radius:var(--radius);background:var(--c-panel);color:var(--c-ink);font-family:inherit;font-size:var(--fs-help)}.topbar__search::placeholder{color:var(--c-ink3)}.topbar__search:focus{outline:2px solid var(--c-focus);border-color:var(--c-brand)}.topbar__bell{position:relative;width:var(--h-iconbtn);height:var(--h-iconbtn);border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg);color:var(--c-ink2);font-size:var(--fs-sub);cursor:pointer}.topbar__bell-badge{position:absolute;top:-6px;right:-6px;padding:0 var(--sp-1);border-radius:var(--radius-pill);background:var(--c-danger);color:var(--c-bg);font-size:var(--fs-help);line-height:var(--lh-mono);font-weight:700}.topbar__burger{display:none;width:var(--h-iconbtn);height:var(--h-iconbtn);border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg);color:var(--c-ink2);font-size:var(--fs-sub);cursor:pointer}.topbar__user{display:flex;align-items:center;gap:var(--sp-2)}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}.grid2b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);align-items:start}.card__body{padding:var(--sp-4)}.stat{position:relative;overflow:hidden}.stat__label{font-size:var(--fs-help);color:var(--c-ink3)}.stat__value{margin-top:var(--sp-2);font-size:var(--fs-stat);line-height:var(--lh-stat);font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums}.stat__hint{margin-top:var(--sp-1);font-size:var(--fs-help);color:var(--c-ink3)}.stat__deco{position:absolute;right:-18px;top:-18px;width:72px;height:72px;border-radius:50%;background:var(--c-brand-soft)}@media (max-width: 1100px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s ease;z-index:60}.shell--drawer .sidebar{transform:none}.topbar__burger{display:inline-flex;align-items:center;justify-content:center}.topbar__search{display:none}.content{padding:var(--sp-3);gap:var(--sp-3)}}.icon{flex:none;display:block}.nav__label{flex:1;min-width:0}.nav__lock{margin-left:auto;opacity:.75}.topbar__search{display:inline-flex;align-items:center;gap:var(--sp-2)}.topbar__search>input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.topbar__search>input::placeholder{color:var(--c-ink3)}.topbar__search:focus-within{outline:2px solid var(--c-focus);border-color:var(--c-brand)}.topbar__search>.icon,.topbar__date>.icon{color:var(--c-ink3)}.topbar__date{display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.topbar__crumb{white-space:nowrap}.topbar__search{flex:0 1 auto;min-width:0}.topbar__bell,.topbar__burger{align-items:center;justify-content:center}.topbar__theme{width:var(--h-iconbtn);height:var(--h-iconbtn);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-line);border-radius:var(--radius-pill);background:var(--c-bg);color:var(--c-ink2);cursor:pointer}.topbar__theme:hover{color:var(--c-brand);border-color:var(--c-brand)}.masked__lock{opacity:.75}.btn{height:var(--size-control-desktop)}.btn--sm{height:var(--size-control-small)}.btn--icon,.topbar__bell,.topbar__burger,.topbar__theme{width:var(--size-touch-min);height:var(--size-touch-min)}@media (max-width: 767px){.content button,.content summary,.content a[role=button],.content .btn,.content input:not([type=checkbox]):not([type=radio]),.content select,.topbar button,.topbar input,.modal button,.modal input:not([type=checkbox]):not([type=radio]),.modal select{min-height:var(--size-touch-min)}.content .btn--primary,.modal .btn--primary,.form-footer .btn--primary{min-height:var(--size-mobile-primary)}}@media (max-width: 767px){.content button,.content summary,.content a[role=button],.content .btn,.modal button,.modal .btn{min-height:var(--size-touch-min);min-width:var(--size-touch-min)}.content input:not([type=checkbox]):not([type=radio]),.content select,.modal input:not([type=checkbox]):not([type=radio]),.modal select{min-height:var(--size-touch-min)}.btn.btn--primary{height:var(--size-mobile-primary);min-height:var(--size-mobile-primary)}.topbar__bell,.topbar__burger,.topbar__theme,.btn--icon{width:var(--size-touch-min);min-width:var(--size-touch-min);height:var(--size-touch-min)}.topbar__search{flex:1 1 120px;min-width:120px;height:var(--size-touch-min)}.topbar__identity-select{display:none}}.sidebar__mark{width:32px;height:32px;padding:0;overflow:hidden;border-radius:var(--radius);background:var(--c-bg);color:transparent;box-shadow:0 0 0 1px #ffffff1a}.sidebar__mark img{width:100%;height:100%;object-fit:contain;display:block;transform:scale(3.2)}.account-drop{display:grid;justify-items:center;gap:var(--sp-2);padding:var(--sp-6);border:1px dashed var(--c-line2);border-radius:var(--radius-lg);background:var(--c-panel);text-align:center}.account-drop.is-dragging{border-color:var(--c-brand);background:var(--c-brand-soft)}.account-drop label.btn{cursor:pointer}@media (max-width: 767px){.login{grid-template-columns:1fr;min-height:100vh}.login__brand{display:none}.login__panel{min-height:100vh;padding:var(--sp-5) var(--sp-4)}.login__center{align-items:flex-start;padding-top:var(--sp-5)}}.password-change-page{min-height:100vh;display:grid;place-items:center;padding:var(--sp-6);background:var(--c-panel)}.password-change-page>.card{width:min(100%,560px)}.password-change-head{display:flex;justify-content:space-between;gap:var(--sp-4);align-items:flex-start;margin-bottom:var(--sp-4)}.password-change-head h1{margin:0 0 var(--sp-2);font-size:var(--fs-page-title)}.password-change-brand{margin:0 0 var(--sp-2);color:var(--c-brand);font-weight:700}.password-change-form{display:grid;gap:var(--sp-3);margin-top:var(--sp-4)}@media (max-width: 640px){.password-change-page{padding:var(--sp-4);place-items:start stretch}}