:root{--primary-color:#2c3e50;--accent-color:#3498db;--success-color:#27ae60;--warning-color:#f39c12;--error-color:#e74c3c;--bg-color:#f8f9fa;--card-bg:#fff;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--border-color:#e1e8ed;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.12);--shadow-lg:0 8px 24px rgba(0,0,0,.15)}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;color:var(--text-primary);background-color:var(--bg-color)}*{box-sizing:border-box}body{margin:0;padding:0}.el-header{padding:0 var(--spacing-lg);height:60px;background-color:var(--card-bg);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color)}.el-header,.header-content{display:flex;align-items:center}.header-content{width:100%;justify-content:space-between}.header-content h1{margin:0;font-size:18px;font-weight:600;color:var(--primary-color);letter-spacing:.5px}.el-dropdown-link,.user-info{display:flex;align-items:center}.el-dropdown-link{cursor:pointer;color:var(--text-primary);font-size:14px;transition:opacity .3s;padding:8px 12px;border-radius:var(--radius-md)}.el-dropdown-link:hover{background-color:var(--bg-color);opacity:.8}.username{margin:0 8px;font-weight:500}.el-icon--right{margin-right:0!important}.user-detail{padding:12px}.detail-item{display:flex;align-items:center;margin-bottom:8px;font-size:13px;color:var(--text-primary)}.detail-item:last-child{margin-bottom:0}.detail-item i{margin-right:8px;color:var(--accent-color)}.el-container{height:calc(100vh - 60px)}.el-aside{overflow-x:hidden;background-color:var(--card-bg);border-right:1px solid var(--border-color);width:220px!important}.el-menu{border-right:none!important;padding:var(--spacing-sm) 0}.el-menu-item{height:50px;line-height:50px;margin:4px var(--spacing-sm);border-radius:var(--radius-md);transition:all .3s}.el-menu-item:hover{background-color:var(--bg-color)!important;color:var(--primary-color)!important}.el-menu-item.is-active{background-color:var(--accent-color)!important;color:#fff!important;font-weight:500}.el-menu-item i{margin-right:8px;font-size:18px}.el-main{padding:var(--spacing-lg);background-color:var(--bg-color);overflow-y:auto}.el-card{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .3s}.el-card:hover{box-shadow:var(--shadow-md)}.el-card__header{border-bottom:1px solid var(--border-color);font-weight:600;font-size:16px;color:var(--primary-color)}.el-card__body,.el-card__header{padding:var(--spacing-md)}.el-button{border-radius:var(--radius-md);padding:10px 20px;font-weight:500;transition:all .3s}.el-button--primary{background-color:var(--accent-color);border-color:var(--accent-color)}.el-button--primary:hover{background-color:#2980b9;border-color:#2980b9;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.el-form-item__label{color:var(--text-primary);font-weight:500}.el-input__inner{border-radius:var(--radius-md);border-color:var(--border-color);transition:all .3s}.el-input__inner:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(52,152,219,.1)}.el-table{border-radius:var(--radius-md);overflow:hidden}.el-table th{background-color:var(--bg-color);font-weight:600}.el-table td,.el-table th{color:var(--text-primary)}.el-table--border td,.el-table--border th{border-right-color:var(--border-color)}.el-table--border{border-color:var(--border-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#95a5a6}