body{margin:0;background:#f7f8fa}.guest-page{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.guest-topbar{padding:10px 16px;color:#374151;border-bottom:1px solid #e5e7eb;background:#fff;font-weight:600}.guest-header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:8px}.header-icon{color:#2563eb}.header-title{font-weight:600;color:#111827}.header-right{display:flex;align-items:center;gap:10px;color:#374151}.guest-conversation{background:#fff;margin:16px;border-radius:10px;padding:18px;box-shadow:0 8px 20px #0000000f}.msg-bubble{max-width:700px;border-radius:10px;padding:12px 14px}.left-bubble{background:#f3f4f6;color:#111827}.right-bubble{background:#2563eb;color:#fff}.msg-time{margin-top:6px;font-size:12px;opacity:.85}.image-bubble{border:4px solid #2563eb;border-radius:12px;padding:6px}.image-placeholder{width:320px;height:220px;border-radius:8px;background:linear-gradient(135deg,#e0e7ff,#fef3c7);box-shadow:0 6px 18px #00000014}.guest-composer{display:flex;gap:8px;padding:14px 16px 18px;background:#fff;border-top:1px solid #e5e7eb}.composer-input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:10px;outline:none}.icon-btn{border:none;background:#f3f4f6;padding:10px;border-radius:10px;cursor:pointer}.icon-btn:hover{background:#e5e7eb}.send-btn{border:none;background:#2563eb;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.guest-conversation{margin:8px}.image-placeholder{width:240px;height:170px}}body{margin:0;background:#f3f4f6}.chat-admin-page{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.app-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;color:#2563eb;font-weight:600}.avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:50%}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.back-btn{border:none;background:transparent;color:#374151;cursor:pointer}.back-btn:hover{color:#111827}.chat-meta{display:flex;align-items:center;gap:8px}.chat-id{font-weight:600}.status-pill{background:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:999px;font-size:12px}.close-chat{border:none;padding:8px 10px;border-radius:6px;background:#ef4444;color:#fff;cursor:pointer}.close-chat:hover{background:#dc2626}.conversation{background:#fff;margin:0 16px;border-radius:10px;padding:16px;box-shadow:0 6px 18px #0000000f}.msg-row{display:flex;margin:10px 0}.msg-row.left{justify-content:flex-start}.msg-row.right{justify-content:flex-end}.msg-bubble{max-width:720px;border-radius:10px;padding:12px 14px;position:relative}.msg-bubble.admin{background:#2563eb;color:#fff}.msg-bubble.guest{background:#f3f4f6;color:#111827}.msg-text{line-height:1.45}.msg-time{font-size:12px;opacity:.85;margin-top:8px}.attachment-block{display:inline-flex;align-items:flex-end;gap:10px;margin:8px 0 2px}.attachment-preview{width:160px;height:120px;border-radius:10px;background:linear-gradient(135deg,#dbeafe,#fef9c3);border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014}.attachment-time{font-size:12px;color:#6b7280}.typing-indicator{margin-top:12px;font-size:13px;color:#6b7280}.composer{display:flex;gap:8px;padding:12px 16px 20px}.composer-input{flex:1;padding:12px;border-radius:10px;border:1px solid #d1d5db;outline:none}.composer-input:focus{border-color:#2563eb}.send-btn{width:44px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:18px;cursor:pointer}.send-btn:hover{background:#1d4ed8}.logout-btn{width:44px;height:44px;border:none;border-radius:10px;background:#f3f4f6;color:#6b7280;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.logout-btn:hover{background:#e5e7eb;color:#111827}@media(max-width:768px){.conversation{margin:0 8px}.msg-bubble{max-width:100%}}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.admin-page{height:100vh;background:#f3f4f6;display:flex;justify-content:center;align-items:center}.top-header{background:#fff;padding:14px 24px;border-bottom:1px solid #e5e7eb}.logo{font-weight:600;color:#2563eb;display:flex;align-items:center;gap:6px}.login-wrapper{display:flex;justify-content:center;align-items:center}.login-card{background:#fff;width:360px;padding:28px;border-radius:10px;box-shadow:0 10px 25px #00000014;text-align:center}.card-header{color:#2563eb;font-weight:600;margin-bottom:16px;display:flex;justify-content:center;gap:6px}.login-card h2{margin-bottom:6px}.subtitle{font-size:14px;color:#6b7280;margin-bottom:20px}.form-group{text-align:left;margin-bottom:14px}.form-group label{font-size:13px;color:#374151;display:block;margin-bottom:4px}.form-group input{width:100%;padding:10px;border-radius:6px;border:1px solid #d1d5db;outline:none}.form-group input:focus{border-color:#2563eb}.validation-error{font-size:12px;color:#dc3545;display:block;margin-top:4px;font-weight:500}.validation-success{font-size:12px;color:#28a745;display:block;margin-top:4px;font-weight:500}.login-btn{width:100%;margin-top:10px;padding:10px;border:none;border-radius:6px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}.login-btn:hover{background:#1d4ed8}.top-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.links{display:flex;gap:8px}.link{text-decoration:none;color:#374151;background:#f3f4f6;padding:8px 12px;border-radius:8px}.link:hover{background:#e5e7eb}.link.active{background:#2563eb;color:#fff}