:root{color:#183153;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:#f5f7fa;min-height:100vh;margin:0}.admin-shell{grid-template-columns:240px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.admin-shell.is-sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.admin-shell__sidebar{align-self:start;min-width:0;height:100vh;position:sticky;top:0}.admin-shell__main{grid-template-rows:auto auto 1fr;min-width:0;min-height:0;display:grid;overflow:hidden}.admin-shell__content{min-width:0;min-height:0;padding:16px;overflow:hidden auto}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(100%,420px)}.auth-title{color:#0f172a;margin:0 0 24px;font-size:28px}.auth-submit{width:100%}p{color:#47607d;margin:0;font-size:16px}.page-section{flex-direction:column;gap:16px;display:flex}.page-section--narrow{max-width:480px}.page-title{color:#0f172a;margin:0;font-size:24px}.page-text{color:#475569}.tag-block{flex-direction:column;gap:12px;display:flex}.tag-block__title{color:#0f172a;font-size:16px;font-weight:600}.tag-block__list{flex-wrap:wrap;gap:8px;display:flex}.empty-text{color:#64748b;font-size:14px}.page-stack{flex-direction:column;gap:16px;min-width:0;display:flex}.filter-form{flex-wrap:wrap;gap:8px 0;display:flex}.table-actions{flex-wrap:wrap;gap:8px;display:inline-flex}.toolbar-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.matrix-list{flex-direction:column;gap:16px;width:100%;display:flex}.matrix-list__group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.matrix-list__group-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.matrix-list__group-title{color:#0f172a;font-size:16px;font-weight:700}.matrix-list__group-toggle{align-self:flex-start}.matrix-table{border-collapse:collapse;table-layout:fixed;width:100%}.matrix-table th,.matrix-table td{vertical-align:top;border-bottom:1px solid #e2e8f0;padding:14px 18px}.matrix-table th{color:#475569;text-align:left;background:#fff;font-size:13px;font-weight:600}.matrix-table__page{width:220px}.matrix-table__actions{flex-wrap:wrap;gap:12px 16px;display:flex}.matrix-list__title{color:#0f172a;font-size:15px;font-weight:600}.matrix-table__remark{color:#64748b;font-size:13px}.snapshot-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.snapshot-box{color:#e2e8f0;background:#0f172a;border-radius:12px;min-height:240px;margin:0;padding:16px;overflow:auto}.route-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:16px;place-items:center;min-height:calc(100vh - 144px);display:grid}.app-sidebar{color:#fff;background:#0f172a;flex-direction:column;gap:20px;min-height:0;padding:20px 16px;transition:padding .2s;display:flex;position:relative;overflow:visible}.app-sidebar.is-collapsed{align-items:center;padding:20px 10px}.app-sidebar__header{flex-direction:column;gap:12px;display:flex}.app-sidebar__brand{align-items:center;gap:10px;min-height:36px;font-size:20px;font-weight:700;display:flex}.app-sidebar__brand-mark{color:#eff6ff;letter-spacing:.08em;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:inline-flex}.app-sidebar__brand-text{white-space:nowrap}.app-sidebar__sidebar-toggle{color:#e2e8f0;cursor:pointer;background:#111c33;border:1px solid #334155;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.app-sidebar__sidebar-toggle-icon{font-size:16px;line-height:1}.app-sidebar__collapse{color:#e2e8f0;text-align:left;cursor:pointer;background:#111c33;border:1px solid #334155;border-radius:10px;padding:10px 12px}.app-sidebar__nav{--sidebar-scrollbar-track:#33415547;--sidebar-scrollbar-thumb:#94a3b885;--sidebar-scrollbar-thumb-hover:#bfdbfec7;scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar-thumb) var(--sidebar-scrollbar-track);scrollbar-gutter:stable;flex-direction:column;flex:1;gap:16px;min-height:0;padding-right:6px;display:flex;overflow:hidden auto}.app-sidebar.is-collapsed .app-sidebar__nav{scrollbar-gutter:auto;flex:none;align-items:center;gap:12px;width:100%;padding-right:0;overflow:visible}.app-sidebar__nav::-webkit-scrollbar{width:10px}.app-sidebar__nav::-webkit-scrollbar-track{background:linear-gradient(180deg, #0f172a00 0%, var(--sidebar-scrollbar-track) 18%, var(--sidebar-scrollbar-track) 82%, #0f172a00 100%);border-radius:999px;margin:6px 0}.app-sidebar__nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #cbd5e1b3, var(--sidebar-scrollbar-thumb));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.app-sidebar__nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #dbeafe, var(--sidebar-scrollbar-thumb-hover));background-clip:padding-box}.app-sidebar__group{flex-direction:column;gap:8px;display:flex;position:relative}.app-sidebar.is-collapsed .app-sidebar__group{width:100%}.app-sidebar__group-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0 0 0 2px;font-size:12px;font-weight:600;display:flex}.app-sidebar.is-collapsed .app-sidebar__group-toggle{justify-content:center;width:100%;padding:0}.app-sidebar__group-toggle-text{text-align:left;flex:1}.app-sidebar__chevron{color:#64748b;justify-content:center;align-items:center;width:12px;transition:transform .2s;display:inline-flex;transform:rotate(0)}.app-sidebar__chevron.is-open{transform:rotate(90deg)}.app-sidebar__group-body{flex-direction:column;gap:8px;display:flex}.app-sidebar__icon{flex:none;width:20px;height:20px}.app-sidebar__item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.app-sidebar__item--primary{color:#f8fafc}.app-sidebar__item.is-active{color:#fff;background:#1d4ed8}.app-sidebar__shortcut{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.app-sidebar__shortcut.is-active,.app-sidebar__shortcut.is-open{color:#fff;background:#1d4ed8}.app-sidebar__flyout{z-index:10;background:#fff;border:1px solid #dbe3ef;border-radius:16px;width:220px;padding:12px;position:absolute;top:0;left:calc(100% + 12px);box-shadow:0 18px 40px #0f172a2e}.app-sidebar__flyout-title{color:#0f172a;margin-bottom:8px;font-size:13px;font-weight:700}.app-sidebar__flyout-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:10px 12px}.app-sidebar__flyout-item.is-active{color:#1d4ed8;background:#dbeafe}.app-header{background:radial-gradient(circle at 100% 0,#3b82f62e,#0000 22%),radial-gradient(circle at 0 0,#7dd3fc24,#0000 18%),linear-gradient(135deg,#0b1220 0%,#0f172a 38%,#111827 74%,#1d4ed8 155%);padding:10px 16px 0}.app-header__deck{color:#eff6ff;border-radius:22px 22px 0 0;flex-direction:column;gap:0;padding:14px 18px 42px;display:flex}.app-header__hero{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-header__main{flex-direction:column;min-width:0;display:flex}.app-header__title{color:#eff6ff;letter-spacing:-.06em;margin:0;font-size:clamp(22px,1.6vw,30px);font-weight:800;line-height:1.08}.app-header__actions{flex:none;align-items:center;gap:10px;display:flex}.app-header__user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 10px;display:inline-flex}.app-header__avatar{color:#0f172a;background:linear-gradient(#dbeafe 0%,#93c5fd 100%);border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:inline-flex}.app-header__user-meta{flex-direction:column;gap:0;display:flex}.app-header__user{color:#eff6ff;font-size:13px;font-weight:600}.app-header__logout{color:#eff6ff!important;background:#ffffff14!important;border-color:#bfdbfe61!important;padding:8px 12px!important}.app-tabs{z-index:1;min-width:0;margin-top:-18px;padding:0 16px 14px;position:relative}.app-tabs__band{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #dbeafef2;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px;display:flex;box-shadow:0 24px 54px #0f172a29,inset 0 1px #ffffffb8}.app-tabs__workspace{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.app-tabs__scroll-control{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe7f5;border-radius:12px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,border-color .2s,color .2s,transform .2s,opacity .2s;display:inline-flex}.app-tabs__scroll-control:hover:not(:disabled){color:#0f172a;border-color:#bfdbfe;transform:translateY(-1px)}.app-tabs__scroll-control:disabled{opacity:.45;cursor:not-allowed;transform:none}.app-tabs__list{scrollbar-width:none;flex:1;gap:8px;width:100%;min-width:0;padding-bottom:2px;display:flex;overflow:auto hidden}.app-tabs__list::-webkit-scrollbar{display:none}.app-tabs__item,.app-tabs__action{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:16px;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.app-tabs__item{white-space:nowrap;flex:none;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.app-tabs__item:hover{color:#0f172a;background:#fff;border-color:#cbd5e1}.app-tabs__item.is-active{color:#fff;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-color:#0000;box-shadow:0 14px 28px #2563eb42}.app-tabs__title{text-overflow:ellipsis;max-width:160px;overflow:hidden}.app-tabs__close{opacity:0;color:currentColor;font-size:14px;font-weight:700;line-height:1;transition:opacity .18s,transform .18s;transform:scale(.9)}.app-tabs__item:hover .app-tabs__close,.app-tabs__item:focus-visible .app-tabs__close,.app-tabs__item.is-active .app-tabs__close{opacity:.82;transform:scale(1)}.app-tabs__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.app-tabs__action{color:#475569;background:#fff;border-color:#dbe7f5;padding:8px 10px;font-size:12px;font-weight:600}.app-tabs__action:hover{color:#0f172a;border-color:#bfdbfe;transform:translateY(-1px)}.el-overlay-dialog{box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(12px,4vh,32px) clamp(12px,4vw,32px);display:flex}.el-dialog{flex-direction:column;max-width:100%;max-height:100%;display:flex;margin:0!important}.el-dialog__body{flex:1;min-height:0;overflow-y:auto}.el-drawer{flex-direction:column;max-width:100%;max-height:100vh;display:flex}.el-drawer__body{flex:1;min-height:0;overflow-y:auto}@media (width<=1280px){.app-header__hero,.app-tabs__band{flex-direction:column;align-items:stretch}.app-header__main{max-width:none}.app-header__actions{flex-wrap:wrap;justify-content:space-between}.app-tabs__actions{justify-content:flex-start}}@media (width<=960px){.snapshot-grid{grid-template-columns:1fr}.matrix-list__group-header{flex-direction:column;align-items:flex-start}.matrix-table{min-width:720px}.app-header{padding:10px 12px 0}.app-header__deck{border-radius:18px 18px 0 0;padding:14px 16px 40px}.app-tabs{margin-top:-16px;padding:0 12px 12px}.app-tabs__band{border-radius:16px}.app-tabs__workspace{gap:8px}}@media (width<=640px){.el-overlay-dialog{padding:12px}.el-dialog{width:100%!important}.el-drawer{width:min(100%,480px)!important}.app-header__title{font-size:22px}.app-header__actions,.app-header__user-card{width:100%}.app-header__actions{flex-direction:column;align-items:stretch}.app-tabs__item,.app-tabs__action,.app-tabs__scroll-control{border-radius:12px}.app-tabs__title{max-width:120px}.app-tabs__scroll-control{width:30px;height:30px}}