:root{--sidebar-bg: #001529;--sidebar-width: 210px;--sidebar-collapsed-width: 64px;--navbar-height: 50px;--menu-text: #ffffffb3;--menu-active-text: #ffffff;--menu-background: #001529;--primary: #4080ff;--primary-light-9: #ecf2ff;--danger: #f56c6c;--success: #67c23a;--warning: #e6a23c;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--border-color: #dcdfe6;--bg-color: #f0f2f5;--card-bg: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-color)}.layout{display:flex;width:100%;height:100%}.sidebar-container{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--sidebar-bg);transition:width .28s ease,min-width .28s ease;overflow:hidden;display:flex;flex-direction:column}.layout.collapsed .sidebar-container{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.sidebar-logo{height:50px;display:flex;align-items:center;padding:0 16px;background:#001529;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;white-space:nowrap}.sidebar-logo .logo-icon{width:32px;height:32px;flex-shrink:0;border-radius:6px;background:linear-gradient(135deg,#4080ff,#1d5ce5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.sidebar-logo .logo-title{margin-left:10px;color:#fff;font-size:16px;font-weight:600;white-space:nowrap}.layout.collapsed .sidebar-logo .logo-title{display:none}.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-menu .el-menu{border-right:none!important;--el-menu-bg-color: var(--menu-background);--el-menu-text-color: var(--menu-text);--el-menu-active-color: var(--menu-active-text);--el-menu-hover-bg-color: rgba(255,255,255,.06);--el-menu-hover-text-color: #fff}.sidebar-menu .el-menu-item.is-active{background:var(--primary)!important;color:#fff!important}.sidebar-menu .el-sub-menu__title:hover,.sidebar-menu .el-menu-item:hover{background:#ffffff0f!important}.main-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.navbar{height:var(--navbar-height);background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.navbar__left{display:flex;align-items:center;gap:12px}.navbar__right{display:flex;align-items:center;gap:16px}.hamburger{cursor:pointer;font-size:20px;color:var(--text-regular);display:flex;align-items:center;padding:4px;border-radius:4px;transition:background .2s}.hamburger:hover{background:var(--primary-light-9);color:var(--primary)}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.user-info:hover{background:var(--primary-light-9)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-name{font-size:14px;color:var(--text-primary)}.breadcrumb-nav{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.breadcrumb-nav span{color:var(--text-secondary)}.breadcrumb-nav .current{color:var(--text-primary)}.app-main{flex:1;overflow:auto;padding:16px;background:var(--bg-color)}.page-card{background:var(--card-bg);border-radius:4px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.panel{background:var(--card-bg);border-radius:4px;padding:20px;box-shadow:0 1px 4px #0000000a}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}.filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-regular)}.actions-row{margin-top:12px;margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap}.actions-row .el-button{width:auto}.el-input,.el-select,.el-input-number{width:100%}.el-table{margin-top:10px}.el-table .el-button.small{padding:5px 8px}.danger{color:var(--danger)}.muted{color:var(--text-secondary);font-size:13px}.login-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#001529,#003a70,#004e9a)}.login-card{background:var(--card-bg);border-radius:8px;padding:40px;width:400px;box-shadow:0 8px 32px #0000004d}.login-card h2{text-align:center;margin-bottom:32px;color:var(--text-primary);font-size:22px}.login-card .el-form-item{margin-bottom:22px}.dashboard-welcome{display:flex;align-items:center;gap:16px;padding:20px;background:var(--card-bg);border-radius:4px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:var(--card-bg);border-radius:4px;padding:20px;box-shadow:0 1px 4px #0000000a;display:flex;align-items:center;justify-content:space-between}.stat-card .stat-label{font-size:14px;color:var(--text-regular)}.stat-card .stat-value{font-size:24px;font-weight:600;color:var(--primary)}.status-tag{padding:2px 8px;border-radius:4px;font-size:12px}.status-pending{color:#e6a23c;background:#fdf6ec}.status-approved{color:#67c23a;background:#f0f9eb}.status-rejected{color:#f56c6c;background:#fef0f0}@media(max-width:768px){.sidebar-container{position:fixed;z-index:1000}.layout.collapsed .sidebar-container{width:0;min-width:0}}