| .admin-wrapper {
|
| display: flex;
|
| min-height: 100vh;
|
| }
|
|
|
| .admin-sidebar {
|
| width: 250px;
|
| background: #2c3e50;
|
| color: white;
|
| display: flex;
|
| flex-direction: column;
|
| }
|
|
|
| .admin-brand {
|
| padding: 20px;
|
| font-size: 1.2rem;
|
| font-weight: bold;
|
| border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
| }
|
|
|
| .admin-nav {
|
| flex: 1;
|
| padding: 10px 0;
|
| }
|
|
|
| .nav-item {
|
| display: flex;
|
| align-items: center;
|
| padding: 10px 20px;
|
| color: rgba(255, 255, 255, 0.8);
|
| text-decoration: none;
|
| transition: all 0.3s;
|
| }
|
|
|
| .nav-item:hover {
|
| background: #34495e;
|
| color: white;
|
| }
|
|
|
| .nav-item i {
|
| margin-right: 10px;
|
| width: 20px;
|
| text-align: center;
|
| }
|
|
|
| .nav-divider {
|
| border-top: 1px solid rgba(255, 255, 255, 0.1);
|
| margin: 10px 0;
|
| }
|
|
|
| .admin-user {
|
| padding: 15px 20px;
|
| border-top: 1px solid rgba(255, 255, 255, 0.1);
|
| display: flex;
|
| align-items: center;
|
| }
|
|
|
| .admin-user i {
|
| margin-right: 10px;
|
| font-size: 1.2rem;
|
| }
|
|
|
| .admin-main {
|
| flex: 1;
|
| background-color: #f8f9fa;
|
| padding: 20px;
|
| overflow-y: auto;
|
| }
|
|
|
| .admin-container {
|
| background: white;
|
| border-radius: 5px;
|
| padding: 20px;
|
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
| }
|
|
|
| .admin-header {
|
| display: flex;
|
| justify-content: space-between;
|
| align-items: center;
|
| margin-bottom: 20px;
|
| }
|
|
|
| .admin-header h1 {
|
| margin: 0;
|
| font-size: 1.5rem;
|
| display: flex;
|
| align-items: center;
|
| }
|
|
|
| .admin-header h1 i {
|
| margin-right: 10px;
|
| }
|
|
|
| .admin-actions {
|
| display: flex;
|
| gap: 10px;
|
| }
|
|
|
| .search-form {
|
| width: 300px;
|
| }
|
|
|
| .filter-form {
|
| width: 200px;
|
| }
|
|
|
| .stat-card {
|
| display: flex;
|
| align-items: center;
|
| padding: 15px;
|
| border-radius: 5px;
|
| color: white;
|
| margin-bottom: 20px;
|
| }
|
|
|
| .stat-icon {
|
| font-size: 2rem;
|
| margin-right: 15px;
|
| opacity: 0.8;
|
| }
|
|
|
| .stat-info h3 {
|
| margin: 0;
|
| font-size: 1.8rem;
|
| font-weight: bold;
|
| }
|
|
|
| .stat-info p {
|
| margin: 0;
|
| opacity: 0.8;
|
| }
|
|
|
| .text-truncate {
|
| max-width: 200px;
|
| white-space: nowrap;
|
| overflow: hidden;
|
| text-overflow: ellipsis;
|
| }
|
|
|
|
|
| @media (max-width: 768px) {
|
| .admin-wrapper {
|
| flex-direction: column;
|
| }
|
|
|
| .admin-sidebar {
|
| width: 100%;
|
| }
|
|
|
| .admin-header {
|
| flex-direction: column;
|
| align-items: flex-start;
|
| gap: 10px;
|
| }
|
|
|
| .search-form, .filter-form {
|
| width: 100%;
|
| }
|
| } |
