:root{--primary-color: #2c3e50;--secondary-color: #34495e;--accent-color: #3498db;--background-color: #f8f9fa;--card-background: #ffffff;--text-primary: #2c3e50;--text-secondary: #666666;--text-muted: #999999;--border-color: #eeeeee;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color .2s ease}button{cursor:pointer;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color)}.btn-secondary{background:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:#e8e8e8}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;transition:border-color .2s ease}.form-input:focus{border-color:var(--primary-color);outline:none}.error-message{color:#e74c3c;font-size:13px;margin-top:4px}.success-message{color:#27ae60;font-size:13px;margin-top:4px}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;padding:20px 0}.pagination button{min-width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-background);font-size:14px;transition:all .2s ease}.pagination button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-state i{font-size:48px;margin-bottom:16px;color:var(--border-color)}.empty-state p{font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ccc}