@import url('/management-nav.css');
@import url('/management-titles.css');
:root{color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#28364e;background:#f3f5fa;font-size:14px}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer;border:1px solid #c8d2df;border-radius:6px;padding:10px 14px;background:#fff;color:#28364e}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible{outline:2px solid #829bc8;outline-offset:2px}
.application{height:100dvh;display:flex;flex-direction:column}.local-banner{flex:none;background:#fff0ce;color:#74521d;text-align:center;padding:9px;font-size:13px}
.application .management-shell{flex:1;min-height:0;align-items:stretch}.management-sidebar{min-height:0;overflow:clip}.management-sidebar .brand{flex-shrink:0}.management-sidebar .account{flex-shrink:0}
.application .management-sidebar nav.management-nav{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#workspace-area{min-width:0;overflow:auto;position:relative}#navigation-message{position:sticky;top:0;z-index:30;margin:0;padding:12px 24px;background:#fff4db;color:#795414}#page-container{min-width:0}
.login{min-height:100vh;min-height:100dvh;width:100%;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;background:#3d4763}.login-card{background:white;width:min(430px,100%);min-width:0;max-width:100%;padding:36px;border-radius:10px;overflow-wrap:anywhere}.login-card .eyebrow{font-size:21px;margin:0 0 14px}.login-card h1{font-size:26px;margin:0 0 14px}.login-card p{line-height:1.7}.login-card label{display:block;margin-top:18px}.login-card input{display:block;margin-top:8px;width:100%;min-width:0;max-width:100%;padding:11px;border:1px solid #b9c7d8;border-radius:6px}.login-card button{width:100%;margin-top:24px;background:#3d4763;color:white}.login-card .muted{font-size:12px;color:#65738a}#login-error{color:#963d35}
.mobile-header,.mobile-menu-close,.mobile-menu-backdrop{display:none}
#workspace-area:focus{outline:none}
@media(max-width:800px){
  .application{height:100vh;height:100dvh;min-height:0;overflow:hidden}
  .application .management-shell{display:flex;flex:1;min-height:0}
  #workspace-area{width:100%;min-height:0;overflow:auto;overscroll-behavior-y:contain;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-header{display:flex;flex:none;align-items:center;gap:16px;min-height:64px;padding:8px 16px;background:#3d4763;color:white}
  .mobile-header>span{min-width:0;font-size:17px;line-height:1.4;overflow-wrap:anywhere}
  .mobile-header small{display:block;font-size:11px;color:#d7dfec;margin-top:2px}
  .mobile-header button{flex-shrink:0;min-height:44px;padding:8px 12px;background:transparent;color:white;border-color:#8a97b0;font-size:15px}
  .management-sidebar{position:fixed;inset:0 auto 0 0;z-index:100;width:min(340px,calc(100% - 48px));height:100vh;height:100dvh;padding:16px;gap:14px;visibility:hidden;transform:translateX(-100%);overflow:hidden;box-shadow:6px 0 24px #15243a33}
  .management-sidebar .brand{font-size:20px;padding:0 4px 12px}
  .management-sidebar .brand small{font-size:12px;margin-top:4px}
  .management-sidebar .mobile-menu-close{display:block;align-self:flex-end;flex-shrink:0;min-height:44px;background:transparent;color:white;border-color:#8a97b0}
  .management-sidebar nav.management-nav{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;gap:16px;padding:0 4px}
  .management-sidebar .management-nav .nav-group ul{flex-direction:column;gap:4px;padding-left:8px;margin-left:0}
  .management-sidebar .management-nav .nav-toggle{padding:10px 8px;font-size:15px}
  .management-sidebar .management-nav .nav-group li>[data-module]{width:100%;min-height:44px;font-size:14px}
  .management-sidebar .management-nav .nav-group li .nav-drag,.management-sidebar .management-nav .nav-module-drag{width:44px;min-height:44px;flex:0 0 44px}
  .management-sidebar .management-nav h2>.title-tools>.title-edit{width:44px;height:44px;min-height:44px}
  .management-sidebar .account{flex-direction:column;align-items:stretch;padding:12px 4px max(0px,env(safe-area-inset-bottom));margin:0;border-top:1px solid #76819b;gap:8px}
  .management-sidebar .account button{min-height:44px}
  .mobile-menu-backdrop{position:fixed;inset:0;z-index:90;background:#17243d88;touch-action:none}
  .application[data-menu-open=true] .management-sidebar{visibility:visible;transform:none}
  .application[data-menu-open=true] .mobile-menu-backdrop{display:block}
  .login{padding:20px 16px}
  .login-card{padding:28px 24px}
  .login-card input{font-size:16px;min-height:48px}
  .login-card button{font-size:16px;min-height:48px}
}