body { font-family: "Microsoft JhengHei", sans-serif; margin: 0; background-color: #f4f7f6; color: #333; }
.header { background-color: #2c3e50; color: #fff; padding: 15px 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.sidebar { width: 220px; background-color: #34495e; min-height: 100vh; float: left; color: #ecf0f1; }
.sidebar ul { list-style: none; padding: 0; }
.sidebar li a { display: block; padding: 15px 20px; color: #bdc3c7; text-decoration: none; border-bottom: 1px solid #2c3e50; }
.sidebar li a:hover { background-color: #1abc9c; color: #fff; }
.main-content { margin-left: 240px; padding: 20px; }
.card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
table th { background-color: #f8f9fa; border-bottom: 2px solid #dee2e6; padding: 12px; text-align: left; }
table td { border-bottom: 1px solid #eee; padding: 12px; }
.btn { padding: 8px 15px; border-radius: 4px; border: none; cursor: pointer; text-decoration: none; display: inline-block; }
.btn-primary { background-color: #3498db; color: white; }
.btn-danger { background-color: #e74c3c; color: white; }