:root{--nc-bg:#f5f7fb;--nc-panel:#fff;--nc-border:#e5e7eb;--nc-text:#0f172a;--nc-muted:#64748b;--nc-primary:#3b82f6;--nc-primary-600:#2563eb;--nc-success:#22c55e;--nc-warning:#f59e0b;--nc-error:#ef4444;--el-color-primary:var(--nc-primary);--nc-radius:12px;--nc-gap:10px;--nc-header-height:64px;--nc-sidebar-width:208px;--nc-sidebar-collapsed:64px;--nc-content-padding:24px;--nc-shadow:0 8px 24px #11182714}body{background:var(--nc-bg);color:var(--nc-text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial,Noto Sans,sans-serif}.el-card{border-radius:var(--nc-radius);border:1px solid var(--nc-border);box-shadow:var(--nc-shadow)}.el-button--primary{background:var(--nc-primary);border-color:var(--nc-primary)}.el-button--primary:hover{background:var(--nc-primary-600);border-color:var(--nc-primary-600)}.el-button{border-radius:10px}.sidebar{background:var(--nc-panel);border-right:1px solid var(--nc-border);padding:0 14px 18px}.sidebar .logo-bar{border-bottom:1px solid var(--nc-border);padding:calc((var(--nc-header-height) - 22px)/2)0;box-sizing:border-box;background:#ffffffe6;justify-content:center;align-items:center;display:flex}.layout.collapsed .sidebar .logo-bar{justify-content:center}.sidebar .brand{color:var(--nc-primary);letter-spacing:.2px;margin-bottom:12px;font-size:18px;font-weight:700}.el-menu.menu{border-right:none;padding:0 6px 6px}.el-menu-item,.el-sub-menu__title{align-items:center;gap:var(--nc-gap);border-radius:8px;height:42px;padding-left:14px;line-height:42px;display:flex}.el-menu--inline .el-menu-item{padding-left:36px!important}.el-menu-item.is-active{color:var(--nc-primary);box-shadow:inset 3px 0 0 var(--nc-primary);background:#3b82f61a}.el-menu-item:hover,.el-sub-menu__title:hover{background:#3b82f60f}.menu-icon{color:inherit;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.sidebar svg{width:1em;height:1em}.theme-swatches{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:8px;display:grid}.swatch{cursor:pointer;border:1px solid var(--nc-border);border-radius:50%;width:24px;height:24px}.swatch.is-active{outline:3px solid #00000014}.header{-webkit-backdrop-filter:saturate(180%)blur(6px);backdrop-filter:saturate(180%)blur(6px);border-bottom:1px solid var(--nc-border);height:var(--nc-header-height);box-sizing:border-box;background:#ffffffe6;justify-content:flex-end;align-items:center;padding:0 18px;display:flex}.header-right{gap:12px}.toolbar,.table-card{background:var(--nc-panel)}.pager{background:0 0}.el-table__header .el-table__cell{color:var(--nc-text);background:#f3f4f6;font-weight:600}.el-table__cell{padding:10px 12px}.el-input__wrapper{border:1px solid var(--nc-border);box-shadow:none;border-radius:10px}.el-input__wrapper.is-focus{border-color:var(--nc-primary);box-shadow:0 0 0 3px #3b82f626}.el-select__wrapper{border:1px solid var(--nc-border);box-shadow:none;border-radius:10px}.el-select__wrapper.is-focused{border-color:var(--nc-primary);box-shadow:0 0 0 3px #3b82f626}.el-dialog{border-radius:var(--nc-radius);box-shadow:var(--nc-shadow)}.el-popover{box-shadow:var(--nc-shadow);border-radius:10px}.el-tag{border-radius:8px}.layout{grid-template-columns:var(--nc-sidebar-width)1fr}.layout.collapsed{grid-template-columns:var(--nc-sidebar-collapsed)1fr}.content{grid-template-rows:var(--nc-header-height)1fr}.body{padding:var(--nc-content-padding)}.layout.collapsed .el-menu--collapse .el-menu-item,.layout.collapsed .el-menu--collapse .el-sub-menu__title{justify-content:center;padding-left:8px!important}.layout.collapsed .el-menu--collapse .menu-icon{margin-right:0}.layout.collapsed .el-menu--collapse .el-menu-item .el-icon{margin:0}.layout.collapsed .sidebar{padding:0 6px 8px}.layout.collapsed .el-menu--collapse.menu{width:64px}.layout.collapsed .el-menu--collapse .menu-text{display:none}.brand-icon{justify-content:center;align-items:center;padding:6px 0;display:flex}.layout.collapsed .el-menu--collapse .el-sub-menu__icon-arrow{display:none!important}h1{margin:0;font-size:28px;font-weight:700;line-height:36px}h2{margin:0;font-size:24px;font-weight:700;line-height:32px}h3{margin:0;font-size:20px;font-weight:600;line-height:28px}h4{margin:0;font-size:18px;font-weight:600;line-height:26px}h5{margin:0;font-size:16px;font-weight:600;line-height:24px}h6{margin:0;font-size:14px;font-weight:600;line-height:22px}.text-large{font-size:16px;line-height:24px}.text{font-size:14px;line-height:22px}.text-small{font-size:12px;line-height:18px}.muted{color:var(--nc-muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#app{height:100%}body{color:#111827;background:#f5f7fa;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,Noto Sans,sans-serif}