diff --git a/admin.php b/admin.php index 9200c6c..d8b3914 100644 --- a/admin.php +++ b/admin.php @@ -80,8 +80,9 @@ $settings = $pdo->query("SELECT setting_key, setting_value FROM settings")->fetc border-right: 1px solid var(--border-color); padding: 40px 24px; box-shadow: 1px 0 0 rgba(0,0,0,0.02); + z-index: 1000; } - .main { margin-left: 260px; padding: 50px; } + .main { margin-left: 260px; padding: 50px; min-height: 100vh; } .nav-link { color: #475569; font-weight: 600; @@ -92,6 +93,7 @@ $settings = $pdo->query("SELECT setting_key, setting_value FROM settings")->fetc align-items: center; gap: 12px; padding: 14px 18px; + position: relative; } .nav-link:hover { background-color: #f1f5f9; color: var(--primary); } .nav-link.active { @@ -99,6 +101,18 @@ $settings = $pdo->query("SELECT setting_key, setting_value FROM settings")->fetc color: white; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25); } + .badge-notification { + position: absolute; + right: 12px; + top: 50%; + transform: translateY(-50%); + background: #ef4444; + color: white; + font-size: 10px; + padding: 2px 6px; + border-radius: 10px; + display: none; + } .stat-card { background-color: var(--surface); border: 1px solid var(--border-color); @@ -120,16 +134,57 @@ $settings = $pdo->query("SELECT setting_key, setting_value FROM settings")->fetc .form-control { border: 1.5px solid var(--border-color); border-radius: 12px; padding: 12px 16px; background: #f8fafc; font-weight: 500; } .form-control:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.08); } - .table thead th { - background: #f8fafc; - border: none; - color: var(--text-muted); - font-weight: 700; - text-transform: uppercase; - font-size: 11px; - padding: 15px 20px; - letter-spacing: 0.5px; + /* Chat Workbench Styles */ + .chat-workbench { + height: calc(100vh - 200px); + display: flex; + background: white; + border-radius: 24px; + overflow: hidden; + border: 1px solid var(--border-color); } + .user-list { + width: 300px; + border-right: 1px solid var(--border-color); + overflow-y: auto; + } + .chat-area { + flex: 1; + display: flex; + flex-direction: column; + background: #f8fafc; + } + .user-item { + padding: 20px; + border-bottom: 1px solid #f1f5f9; + cursor: pointer; + transition: all 0.2s; + position: relative; + } + .user-item:hover { background: #f8fafc; } + .user-item.active { background: #eff6ff; border-left: 4px solid var(--primary); } + .user-badge { + position: absolute; + right: 20px; + bottom: 20px; + background: #ef4444; + color: white; + font-size: 10px; + padding: 2px 6px; + border-radius: 10px; + } + .chat-messages { + flex: 1; + padding: 30px; + overflow-y: auto; + display: flex; + flex-direction: column; + gap: 15px; + } + .msg { max-width: 80%; padding: 12px 16px; border-radius: 16px; font-size: 14px; line-height: 1.5; } + .msg-user { align-self: flex-start; background: white; border: 1px solid var(--border-color); border-bottom-left-radius: 4px; } + .msg-admin { align-self: flex-end; background: var(--primary); color: white; border-bottom-right-radius: 4px; } + .chat-input { padding: 20px; background: white; border-top: 1px solid var(--border-color); display: flex; gap: 10px; } @@ -147,6 +202,10 @@ $settings = $pdo->query("SELECT setting_key, setting_value FROM settings")->fetc