:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#6b7280;--color-text-primary:#1f2937;--color-text-regular:#4b5563;--color-text-secondary:#9ca3af;--color-text-placeholder:#d1d5db;--border-color-base:#e5e7eb;--border-color-light:#f3f4f6;--border-radius-base:8px;--border-radius-lg:12px;--bg-color:#fff;--bg-color-page:#f3f4f6;--sidebar-bg:#22263e;--sidebar-text:#9ca3af;--sidebar-text-active:#fff;--sidebar-item-hover:#6366f11a;--sidebar-width:200px;--sidebar-collapsed-width:64px;--navbar-height:52px;--tags-view-height:36px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #00000014, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d}.fade-enter-active,.fade-leave-active{transition:opacity .28s}.fade-enter-from,.fade-leave-active{opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translate(20px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--color-text-primary);background:var(--bg-color-page);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;overflow-x:hidden}#app{height:100%}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-light)}.app-wrapper{width:100%;height:100%;position:relative}.app-wrapper .main-container{min-width:0;min-height:100%;margin-left:var(--sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-wrapper.sidebar-collapse .main-container{margin-left:var(--sidebar-collapsed-width)}.mobile-sidebar-mask{display:none}.sidebar-container{z-index:1001;width:var(--sidebar-width);background:var(--sidebar-bg);transition:width .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-collapse .sidebar-container{width:var(--sidebar-collapsed-width)}.sidebar-container .logo{height:var(--navbar-height);color:#fff;letter-spacing:1px;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.sidebar-container .el-scrollbar{height:calc(100% - var(--navbar-height))}.sidebar-container .el-menu{border-right:none;background:0 0!important}.sidebar-container .el-menu-item,.sidebar-container .el-sub-menu__title{border-radius:8px;margin:2px 8px;font-size:13px;transition:all .2s}.sidebar-container .el-menu-item:hover,.sidebar-container .el-sub-menu__title:hover{background:var(--sidebar-item-hover-bg)!important}.sidebar-container .el-menu-item.is-active{border-radius:8px;font-weight:500;background:var(--sidebar-item-active-bg)!important}.sidebar-container .el-menu--collapse .el-menu-item,.sidebar-container .el-menu--collapse .el-sub-menu__title{justify-content:center;margin:2px 8px;padding:0!important}.navbar{height:var(--navbar-height);background:var(--bg-color);border-bottom:1px solid var(--border-color-base);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.navbar .hamburger{cursor:pointer;color:var(--color-text-regular);border-radius:8px;margin-right:16px;padding:4px;font-size:24px;transition:all .2s}.navbar .hamburger:hover{background:var(--border-color-light);color:var(--color-primary)}.navbar .breadcrumb{flex:1}.navbar .navbar-right{align-items:center;gap:12px;display:flex}.navbar .navbar-right .navbar-action{cursor:pointer;color:var(--color-text-regular);border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex}.navbar .navbar-right .navbar-action:hover{background:var(--border-color-light);color:var(--color-primary)}.navbar .navbar-right .user-info{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:background .2s;display:flex}.navbar .navbar-right .user-info:hover{background:var(--border-color-light)}.tags-view-container{height:var(--tags-view-height);background:var(--bg-color);border-bottom:1px solid var(--border-color-base)}.tags-view-container .tags-view-wrapper{align-items:center;height:100%;padding:0 8px;display:flex;overflow:hidden}.tags-view-container .tags-view-scroll{flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.tags-view-container .tags-view-scroll::-webkit-scrollbar{width:6px;height:6px}.tags-view-container .tags-view-scroll::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.tags-view-container .tags-view-scroll::-webkit-scrollbar-thumb:hover{background:#909399}.tags-view-container .tags-view-scroll::-webkit-scrollbar-track{background:0 0}.tags-view-container .tags-view-item{cursor:pointer;white-space:nowrap;height:26px;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;padding:0 12px;font-size:12px;line-height:26px;transition:all .2s;display:inline-flex}.tags-view-container .tags-view-item:hover{background:var(--border-color-light);color:var(--color-text-primary)}.tags-view-container .tags-view-item.active{background:var(--tag-active-bg);color:var(--color-primary);font-weight:500}.tags-view-container .tags-view-item .el-icon-close{border-radius:50%;margin-left:6px;padding:2px;transition:all .2s}.tags-view-container .tags-view-item .el-icon-close:hover{background:#0000001a}.app-main{min-height:calc(100vh - var(--navbar-height) - var(--tags-view-height));padding:20px;overflow:auto}.no-tagsview .app-main{min-height:calc(100vh - var(--navbar-height))}.page-container{background:var(--bg-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px}.page-container h2{color:var(--color-text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.search-bar{background:var(--border-color-light);border-radius:var(--border-radius-base);border:1px solid var(--border-color-base);flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:20px;display:flex}.search-bar .el-form-item{margin-bottom:0}.table-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.search-card .el-form-item{margin-bottom:0}.error-page{background:var(--bg-color-page);height:100vh;color:var(--color-text-primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.error-page h1{color:var(--color-text-secondary);font-size:72px}.error-page p{color:var(--color-text-secondary);font-size:16px}.el-card{border-radius:var(--border-radius-lg)!important;border:1px solid var(--border-color-base)!important;box-shadow:var(--shadow-sm)!important}.el-card .el-card__header{border-bottom:1px solid var(--border-color-light);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:16px 20px;font-weight:600}.el-card .el-card__body{padding:20px}.el-button{border-radius:8px;font-weight:500;transition:all .2s}.el-button--primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border:none}.el-button--primary:hover{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%)}.el-table{border-radius:var(--border-radius-base);overflow:hidden}.el-table th.el-table__cell{background:var(--border-color-light);color:var(--color-text-regular);font-weight:600}.el-table td.el-table__cell{border-bottom-color:var(--border-color-light)}.el-pagination{justify-content:flex-end;margin-top:16px}.el-tag{border-radius:6px}.el-dialog{border-radius:var(--border-radius-lg)}.el-drawer__header{font-weight:600}.el-input__wrapper{box-shadow:0 0 0 1px var(--border-color-base) inset;border-radius:8px;transition:all .2s}.el-select .el-input__wrapper{border-radius:8px}@media (width<=1024px){html,body,#app{width:100%;max-width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.app-wrapper{width:100vw;max-width:100vw;height:100dvh;overflow:hidden}.app-wrapper .main-container,.app-wrapper.sidebar-collapse .main-container{width:100%;max-width:100vw;height:100dvh;margin-left:0;overflow:hidden}.sidebar-container{width:min(82vw,280px);max-width:280px;box-shadow:var(--shadow-md);transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar-container .el-menu{width:100%}.app-wrapper.sidebar-collapse .sidebar-container{width:min(82vw,280px);transform:translate(-100%)}.mobile-sidebar-mask{z-index:1000;background:#0f172a6b;display:block;position:fixed;inset:0}.navbar{height:44px;min-height:44px;padding:env(safe-area-inset-top) 10px 0;z-index:999}.navbar .hamburger{margin-right:8px;font-size:22px}.navbar .breadcrumb{display:none}.navbar .navbar-right{gap:6px;margin-left:auto}.navbar .navbar-right .navbar-action{padding:4px}.navbar .navbar-right .user-info{gap:4px;padding:2px 4px}.navbar .navbar-right .user-info>span:not(.el-avatar),.tags-view-container{display:none}.app-main{width:100vw;max-width:100vw;height:calc(100dvh - 44px - env(safe-area-inset-top));-webkit-overflow-scrolling:touch;min-height:0;padding:8px;overflow:hidden auto}.no-tagsview .app-main{height:calc(100dvh - 44px - env(safe-area-inset-top));min-height:0}.page-container{border-radius:var(--border-radius-base);box-shadow:none;padding:12px}.page-container h2{margin-bottom:12px;font-size:16px}.search-bar{gap:8px;margin-bottom:12px;padding:12px}.search-bar .el-form-item,.search-bar .el-form-item__content{width:100%}.search-bar .el-input,.search-bar .el-select,.search-bar .el-date-editor{width:100%!important}.table-toolbar,.card-header{flex-direction:column;align-items:stretch;gap:8px}.table-toolbar>div,.card-header>div{flex-wrap:wrap;gap:8px;display:flex}.el-card{border-radius:var(--border-radius-base)!important;margin-top:8px!important}.el-card .el-card__header,.el-card .el-card__body{padding:12px}.el-table{max-width:100%;font-size:12px;overflow-x:auto;width:100%!important}.el-table .cell{padding:0 8px}.el-pagination{flex-wrap:wrap;justify-content:center;gap:6px}.el-pagination .el-pagination__total,.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none}.el-dialog{max-width:calc(100vw - 24px);width:calc(100vw - 24px)!important;margin:8vh auto 0!important}.el-drawer{width:min(88vw,360px)!important}.el-form--inline .el-form-item{width:100%;margin-right:0}.el-form--inline .el-input,.el-form--inline .el-select,.el-form--inline .el-date-editor{width:100%!important}}@media (width<=480px){.navbar .navbar-right{gap:4px}.navbar .navbar-action:first-child{display:none}.app-main{padding:8px}}html.dark{--bg-color:#111827;--bg-color-page:#0f172a;--color-text-primary:#f1f5f9;--color-text-regular:#cbd5e1;--color-text-secondary:#94a3b8;--border-color-base:#1e293b;--border-color-light:#1a2236;--el-bg-color:#111827;--el-bg-color-overlay:#1e293b;--el-bg-color-page:#0f172a;--el-text-color-primary:#f1f5f9;--el-text-color-regular:#cbd5e1;--el-text-color-secondary:#94a3b8;--el-text-color-placeholder:#64748b;--el-text-color-disabled:#4b5563;--el-border-color:#1e293b;--el-border-color-light:#334155;--el-border-color-lighter:#1e293b;--el-border-color-extra-light:#1e293b;--el-border-color-dark:#475569;--el-fill-color:#1e293b;--el-fill-color-light:#1a2236;--el-fill-color-lighter:#334155;--el-fill-color-blank:#111827;--el-mask-color:#0009;--el-button-bg-color:#1e293b;--el-button-border-color:#334155;--el-button-text-color:#cbd5e1;--el-button-hover-bg-color:#334155;--el-button-hover-border-color:#475569;--el-button-active-bg-color:#0f172a;--el-button-disabled-bg-color:#1e293b;--el-button-disabled-border-color:#334155;--el-button-disabled-text-color:#64748b;--el-form-label-color:#cbd5e1;--el-input-bg-color:#1e293b;--el-input-border-color:#334155;--el-input-hover-border-color:#475569;--el-input-focus-border-color:var(--color-primary);--el-input-placeholder-color:#64748b;--el-input-text-color:#cbd5e1;--el-menu-bg-color:#111827;--el-menu-text-color:#cbd5e1;--el-menu-hover-bg-color:#6366f11a;--el-menu-active-color:#818cf8;--el-menu-border-color:transparent;--el-popover-bg-color:#1e293b;--el-popover-border-color:#334155;--el-dropdown-menuItem-hover-fill:var(--border-color-light);--el-dropdown-menuItem-hover-color:var(--color-primary);--el-select-option-hover-bg:#334155;--el-tag-bg-color:#1e293b;--el-tag-border-color:#334155;--el-tag-text-color:#cbd5e1}html.dark .sidebar-container{background:var(--sidebar-bg)}html.dark .navbar{border-bottom-color:var(--border-color-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#111827cc}html.dark .tags-view-container{background-color:var(--bg-color);border-bottom-color:var(--border-color-base)}html.dark .tags-view-item{color:var(--color-text-secondary)}html.dark .tags-view-item:hover{background:var(--border-color-light);color:var(--color-text-primary)}html.dark .tags-view-item.active{background:var(--tag-active-bg-dark);color:var(--color-primary-light)}html.dark .tags-view-item .el-icon-close:hover{background:#ffffff1a}html.dark .page-container,html.dark .el-card{color:var(--color-text-primary);background-color:var(--bg-color)!important}html.dark .el-card{border-color:var(--border-color-base)!important}html.dark .search-bar{background-color:var(--border-color-light);border-color:var(--border-color-base)}html.dark .el-table{--el-table-bg-color:var(--bg-color);--el-table-tr-bg-color:var(--bg-color);--el-table-header-bg-color:var(--border-color-light);--el-table-row-hover-bg-color:var(--table-row-hover-bg);--el-table-border-color:var(--border-color-base);--el-table-text-color:var(--color-text-regular);--el-table-header-text-color:var(--color-text-secondary)}html.dark .el-table th.el-table__cell{background-color:var(--border-color-light)}html.dark .el-pagination{--el-pagination-bg-color:var(--bg-color);--el-pagination-text-color:var(--color-text-regular)}html.dark .el-input__wrapper{background-color:var(--border-color-light);box-shadow:0 0 0 1px var(--border-color-base) inset}html.dark .el-input__inner{color:var(--color-text-regular)}html.dark .el-select .el-input__wrapper{background-color:var(--border-color-light)}html.dark .el-dialog{--el-dialog-bg-color:var(--bg-color)}html.dark .el-descriptions{--el-descriptions-table-bg:var(--bg-color);--el-descriptions-item-bordered-label-background:var(--border-color-light)}html.dark .el-tree{--el-tree-bg-color:var(--bg-color)}html.dark .el-radio{--el-radio-text-color:var(--color-text-regular)}html.dark .el-empty{--el-empty-fill-color-0:var(--border-color-light)}html.dark .el-tabs{--el-tabs-header-background:var(--bg-color)}html.dark .el-dropdown{--el-dropdown-menuItem-hover-fill:var(--border-color-light);--el-dropdown-menuItem-hover-color:var(--color-primary)}html.dark .el-input-number{--el-input-bg-color:var(--border-color-light)}html.dark .el-progress{--el-progress-text-color:var(--color-text-regular)}html.dark .el-switch{--el-switch-off-color:var(--border-color-base)}html.dark .error-page{background:var(--bg-color-page);color:var(--color-text-primary)}html.dark .error-page h1,html.dark .error-page p{color:var(--color-text-secondary)}html.dark .search-card{background-color:var(--bg-color)!important;border-color:var(--border-color-base)!important}html.dark .login-container{background:linear-gradient(135deg,#3730a3 0%,#5b21b6 100%)}html.dark .login-card{background:var(--bg-color);color:var(--color-text-primary)}