#app{height:100%}.admin-layout[data-v-395e478a]{min-height:100vh;background:#f5f7fa}.sider[data-v-395e478a]{background:#fff!important;border-right:1px solid #eef0f5;position:fixed!important;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;height:100vh;box-shadow:2px 0 8px #0000000a}.logo[data-v-395e478a]{height:64px;display:flex;align-items:center;padding:0 20px;margin:0;background:linear-gradient(135deg,#1677ff,#4096ff);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.logo.collapsed[data-v-395e478a]{padding:0;justify-content:center}.logo-icon[data-v-395e478a]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.logo-icon svg[data-v-395e478a]{width:20px;height:20px}.logo-text[data-v-395e478a]{font-size:16px;font-weight:700;color:#fff;margin-left:10px;letter-spacing:-.5px}.menu-wrapper[data-v-395e478a]{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 12px}.menu-wrapper[data-v-395e478a]::-webkit-scrollbar{width:4px}.menu-wrapper[data-v-395e478a]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.menu-wrapper[data-v-395e478a]::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.nav-menu[data-v-395e478a]{border:none!important;background:transparent!important}.nav-menu[data-v-395e478a] .ant-menu-item{height:48px;line-height:48px;margin:0;border-radius:0!important;color:#5f6368;font-weight:500;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-menu[data-v-395e478a] .ant-menu-item:hover{color:#1677ff;background:#f0f7ff}.nav-menu[data-v-395e478a] .ant-menu-item-selected{color:#1677ff;background:#e6f4ff!important;font-weight:600;border-left:3px solid #1677ff}.nav-menu[data-v-395e478a] .ant-menu-item .anticon{font-size:16px}.sider-footer[data-v-395e478a]{padding:12px 16px;border-top:1px solid #f0f0f0;flex-shrink:0}.sider-footer .collapse-btn[data-v-395e478a]{width:100%;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border:none;border-radius:8px;cursor:pointer;color:#5f6368;font-size:16px;transition:all .2s ease}.sider-footer .collapse-btn[data-v-395e478a]:hover{background:#e6f4ff;color:#1677ff}.main-layout[data-v-395e478a]{background:#f5f7fa;margin-left:240px;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.main-layout.collapsed[data-v-395e478a]{margin-left:72px}.header[data-v-395e478a]{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid #eef0f5;box-shadow:0 1px 4px #00000008;position:sticky;top:0;z-index:99}.header-left[data-v-395e478a]{display:flex;align-items:center;gap:12px}.mobile-menu-btn[data-v-395e478a]{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:#f5f7fa;border:none;border-radius:8px;cursor:pointer;color:#5f6368;font-size:18px;transition:all .2s ease}.mobile-menu-btn[data-v-395e478a]:hover{background:#e6f4ff;color:#1677ff}.page-title[data-v-395e478a]{font-size:16px;font-weight:600;color:#1f1f1f}.header-right[data-v-395e478a]{display:flex;align-items:center;gap:16px}.role-tag[data-v-395e478a]{padding:4px 12px;border-radius:20px;font-weight:500;display:flex;align-items:center;gap:6px}.user-info[data-v-395e478a]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 12px 4px 4px;border-radius:24px;transition:all .2s ease}.user-info[data-v-395e478a]:hover{background:#f5f7fa}.user-avatar[data-v-395e478a]{background:linear-gradient(135deg,#1677ff,#4096ff)}.user-name[data-v-395e478a]{font-weight:500;color:#1f1f1f}.content[data-v-395e478a]{padding:0;min-height:calc(100vh - 64px)}.content-wrapper[data-v-395e478a]{padding:24px 24px 80px;max-width:1600px;margin:0 auto}.mobile-drawer[data-v-395e478a] .ant-drawer-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.drawer-logo[data-v-395e478a]{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1677ff}.drawer-logo .logo-icon[data-v-395e478a]{width:32px;height:32px;background:linear-gradient(135deg,#1677ff,#4096ff);border-radius:8px;color:#fff}.mobile-nav[data-v-395e478a]{border:none!important}.mobile-nav[data-v-395e478a] .ant-menu-item{height:48px;line-height:48px;margin:4px 0;border-radius:10px}@media (max-width: 992px){.sider[data-v-395e478a]{display:none}.main-layout[data-v-395e478a]{margin-left:0}.content-wrapper[data-v-395e478a]{padding:16px}.header[data-v-395e478a]{padding:0 16px}.mobile-menu-btn[data-v-395e478a]{display:flex}}@media (max-width: 576px){.header-right[data-v-395e478a]{gap:8px}.role-tag[data-v-395e478a],.user-name[data-v-395e478a]{display:none}.content-wrapper[data-v-395e478a]{padding:12px}}.user-layout[data-v-50b2b74f]{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f0f9ff);display:flex;flex-direction:column}.header[data-v-50b2b74f]{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.04);box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:100;padding:0;height:auto;line-height:normal;flex-shrink:0}.header-inner[data-v-50b2b74f]{max-width:1400px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:32px}.logo[data-v-50b2b74f]{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;transition:transform .2s ease}.logo[data-v-50b2b74f]:hover{transform:scale(1.02)}.logo-icon[data-v-50b2b74f]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1677ff,#4096ff);border-radius:12px;color:#fff;box-shadow:0 4px 12px #1677ff40}.logo-icon svg[data-v-50b2b74f]{width:20px;height:20px}.logo-text[data-v-50b2b74f]{font-size:18px;font-weight:700;color:#1677ff;letter-spacing:-.5px}.nav-menu[data-v-50b2b74f]{flex:1;border:none!important;background:transparent!important}.nav-menu[data-v-50b2b74f] .ant-menu-item{border-radius:8px;margin:0 4px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-menu[data-v-50b2b74f] .ant-menu-item:hover{color:#1677ff;background:#f0f7ff}.nav-menu[data-v-50b2b74f] .ant-menu-item-selected{color:#1677ff!important;background:linear-gradient(135deg,#e6f4ff,#d6e8ff)!important;border-bottom:none!important}.nav-menu[data-v-50b2b74f] .ant-menu-item-selected:after{display:none}.header-right[data-v-50b2b74f]{display:flex;align-items:center;gap:16px;margin-left:auto}.role-tag[data-v-50b2b74f]{padding:4px 12px;border-radius:20px;font-weight:500;display:flex;align-items:center;gap:6px}.user-info[data-v-50b2b74f]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 12px 4px 4px;border-radius:24px;transition:all .2s ease}.user-info[data-v-50b2b74f]:hover{background:#f5f7fa}.user-avatar[data-v-50b2b74f]{background:linear-gradient(135deg,#13c2c2,#36cfc9)}.user-name[data-v-50b2b74f]{font-weight:500;color:#262626}.mobile-menu-btn[data-v-50b2b74f]{width:40px;height:40px;display:none;align-items:center;justify-content:center;background:#f5f7fa;border:none;border-radius:10px;cursor:pointer;color:#5f6368;font-size:18px;transition:all .2s ease}.mobile-menu-btn[data-v-50b2b74f]:hover{background:#e6f4ff;color:#1677ff}.content[data-v-50b2b74f]{padding:0;flex:1}.content-wrapper[data-v-50b2b74f]{max-width:1400px;margin:0 auto;padding:24px 24px 80px;width:100%}.footer[data-v-50b2b74f]{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;padding:20px 24px;border-top:1px solid #f0f0f0;flex-shrink:0}.footer p[data-v-50b2b74f]{color:#8c8c8c;font-size:13px;margin:0}.mobile-fab[data-v-50b2b74f]{position:fixed;bottom:24px;left:24px;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#1677ff,#4096ff);border:none;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 16px #1677ff4d;display:none;align-items:center;justify-content:center;z-index:90;transition:transform .2s ease,box-shadow .2s ease}.mobile-fab[data-v-50b2b74f]:hover{transform:scale(1.05);box-shadow:0 6px 20px #1677ff66}.mobile-drawer[data-v-50b2b74f] .ant-drawer-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.drawer-logo[data-v-50b2b74f]{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#1677ff}.drawer-logo .logo-icon[data-v-50b2b74f]{width:36px;height:36px;background:linear-gradient(135deg,#1677ff,#4096ff);border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center}.drawer-logo .logo-icon svg[data-v-50b2b74f]{width:18px;height:18px}.mobile-nav[data-v-50b2b74f]{border:none!important}.mobile-nav[data-v-50b2b74f] .ant-menu-item{height:48px;line-height:48px;margin:4px 0;border-radius:10px;font-weight:500}@media (max-width: 992px){.header-inner[data-v-50b2b74f]{padding:0 16px;gap:16px}.nav-menu[data-v-50b2b74f]{display:none}.mobile-menu-btn[data-v-50b2b74f],.mobile-fab[data-v-50b2b74f]{display:flex}.content-wrapper[data-v-50b2b74f]{padding:16px}}@media (max-width: 576px){.logo-text[data-v-50b2b74f],.role-tag[data-v-50b2b74f],.user-name[data-v-50b2b74f]{display:none}.content-wrapper[data-v-50b2b74f]{padding:12px}.footer[data-v-50b2b74f]{padding:16px}.mobile-fab[data-v-50b2b74f]{bottom:16px;left:16px;width:50px;height:50px;font-size:20px}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--primary-50: #e6f4ff;--primary-100: #bae0ff;--primary-200: #91caff;--primary-300: #69b1ff;--primary-400: #4096ff;--primary-500: #1677ff;--primary-600: #0958d9;--primary-700: #003eb3;--cyan-50: #e6fffb;--cyan-100: #b5f5ec;--cyan-200: #87e8de;--cyan-300: #5cdbd3;--cyan-400: #36cfc9;--cyan-500: #13c2c2;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #f0f0f0;--gray-300: #d9d9d9;--gray-400: #bfbfbf;--gray-500: #8c8c8c;--gray-600: #595959;--gray-700: #434343;--gray-800: #262626;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #1677ff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{height:100%;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;color:var(--gray-700);background:var(--bg-secondary)}.page-container{min-height:100vh;background:var(--bg-secondary)}.content-wrapper{max-width:1400px;margin:0 auto;padding:var(--spacing-lg)}@media (max-width: 768px){.content-wrapper{padding:var(--spacing-md)}}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid rgba(0,0,0,.04)!important;box-shadow:var(--shadow-sm)!important;background:var(--bg-primary)!important;transition:all var(--transition-normal)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--gray-100)!important;padding:var(--spacing-md) var(--spacing-lg)!important;min-height:auto!important}.ant-card-head-title{font-weight:600!important;color:var(--gray-800)!important;font-size:15px!important}.ant-card-body{padding:var(--spacing-lg)!important}@media (max-width: 576px){.ant-card-body{padding:var(--spacing-md)!important}}.ant-btn{border-radius:var(--radius-md)!important;font-weight:500!important;transition:all var(--transition-fast)!important;box-shadow:none!important}.ant-btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-400) 100%)!important;border:none!important}.ant-btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 100%)!important;transform:translateY(-1px);box-shadow:0 4px 12px #1677ff4d!important}.ant-btn-default:hover{border-color:var(--primary-300)!important;color:var(--primary-500)!important}.ant-btn-lg{height:44px!important;font-size:15px!important}@media (max-width: 576px){.ant-btn-lg{height:48px!important}}.ant-input,.ant-input-password,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important;border-color:var(--gray-200)!important;transition:all var(--transition-fast)!important}.ant-input:hover,.ant-input-password:hover,.ant-select-selector:hover{border-color:var(--primary-300)!important}.ant-input:focus,.ant-input-password:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{border-color:var(--primary-400)!important;box-shadow:0 0 0 3px #1677ff1a!important}.ant-input-lg{border-radius:var(--radius-lg)!important;padding:10px 14px!important}.ant-input-affix-wrapper-lg{border-radius:var(--radius-lg)!important;padding:8px 14px!important}.ant-table{border-radius:var(--radius-lg)!important;overflow:hidden}.ant-table-thead>tr>th{background:var(--bg-tertiary)!important;color:var(--gray-600)!important;font-weight:600!important;border-bottom:1px solid var(--gray-100)!important;padding:14px 16px!important}.ant-table-tbody>tr>td{padding:14px 16px!important;border-bottom:1px solid var(--gray-100)!important}.ant-table-tbody>tr:hover>td{background:var(--primary-50)!important}.ant-tag{border-radius:var(--radius-sm)!important;border:none!important;padding:2px 10px!important;font-weight:500!important}.ant-tag-blue{background:var(--primary-50)!important;color:var(--primary-600)!important}.ant-tag-green{background:#f6ffed!important;color:#389e0d!important}.ant-tag-red{background:#fff2f0!important;color:#cf1322!important}.ant-tag-orange{background:#fff7e6!important;color:#d46b08!important}.ant-tag-cyan{background:var(--cyan-50)!important;color:#006d75!important}.ant-pagination-item{border-radius:var(--radius-sm)!important}.ant-pagination-item-active{background:var(--primary-500)!important;border-color:var(--primary-500)!important}.ant-message-notice-content{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-modal-content{border-radius:var(--radius-xl)!important;overflow:hidden}.ant-modal-header{border-bottom:1px solid var(--gray-100)!important;padding:var(--spacing-lg) var(--spacing-xl)!important}.ant-modal-body{padding:var(--spacing-xl)!important}.ant-modal-footer{border-top:1px solid var(--gray-100)!important;padding:var(--spacing-md) var(--spacing-xl)!important}@media (max-width: 576px){.ant-modal{max-width:calc(100vw - 32px)!important;margin:16px auto!important}.ant-modal-body{padding:var(--spacing-lg)!important}}.ant-drawer-content{border-radius:var(--radius-xl) 0 0 var(--radius-xl)!important}.status-online,.status-success{color:var(--success-color)}.status-offline,.status-error{color:var(--error-color)}.status-unknown,.status-pending{color:var(--gray-500)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}.hide-mobile{display:block}.hide-desktop{display:none}@media (max-width: 768px){.hide-mobile{display:none!important}.hide-desktop{display:block!important}}.grid-cols-1{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg)}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media (max-width: 1200px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}