*{box-sizing:border-box}body{margin:0;font-family:Cairo,Arial,sans-serif;background:#f6f3ee;color:#17212b;line-height:1.8}.container{max-width:1150px;margin:auto;padding:0 18px}.top{background:#101820;color:white;position:sticky;top:0;z-index:10;box-shadow:0 8px 25px rgba(0,0,0,.12)}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px}.brand{font-weight:800;font-size:20px;color:#f5d58b;text-decoration:none}.nav nav{display:flex;gap:12px;flex-wrap:wrap}.nav a{color:white;text-decoration:none;font-weight:700}.hero{padding:70px 0;background:linear-gradient(135deg,#101820,#263442);color:white}.hero h1{font-size:42px;margin:0 0 12px}.hero p{font-size:19px;max-width:760px;color:#eee}.btn{display:inline-block;border:0;border-radius:14px;padding:12px 22px;background:#b8860b;color:white;text-decoration:none;font-weight:800;cursor:pointer}.btn.secondary{background:#263442}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:white;border-radius:22px;padding:24px;margin:20px 0;box-shadow:0 10px 30px rgba(16,24,32,.08);border:1px solid #efe8dc}.muted{color:#667085}.form label{display:block;font-weight:800;margin:12px 0 6px}.input,textarea,select{width:100%;border:1px solid #ddd8cf;border-radius:14px;padding:12px 14px;font-family:Cairo;font-size:16px;background:#fff}textarea{min-height:150px}.alert{padding:14px;border-radius:14px;background:#fff7e6;border:1px solid #f4d38f;margin:14px 0}.alert.error{background:#fff1f0;border-color:#ffccc7}.answer{background:#fbfaf8;border:1px solid #eadfcb;border-radius:18px;padding:20px;white-space:pre-wrap}.table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}.table th,.table td{border-bottom:1px solid #eee;padding:12px;text-align:right;vertical-align:top}.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#efe4cd;color:#704f08;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.sidebar{display:grid;grid-template-columns:260px 1fr;gap:20px}.menu{background:white;border-radius:22px;padding:16px;height:max-content;box-shadow:0 10px 30px rgba(16,24,32,.08)}.menu a{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;color:#17212b;font-weight:800}.menu a.active,.menu a:hover{background:#f1e4c8;color:#6f4a00}footer{margin-top:50px;background:#101820;color:#eee;padding:22px 0;text-align:center}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.hero h1{font-size:30px}.sidebar{grid-template-columns:1fr}.table{font-size:14px}.table th:nth-child(3),.table td:nth-child(3){display:none}}

/* Chat consultation page */
.chat-card{background:white;border-radius:24px;margin:20px 0;box-shadow:0 10px 30px rgba(16,24,32,.08);border:1px solid #efe8dc;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;border-bottom:1px solid #efe8dc;background:#fffdf8}.chat-head h2{margin:0 0 4px}.chat-box{height:62vh;min-height:420px;overflow:auto;padding:22px;background:linear-gradient(180deg,#fbfaf8,#f6f3ee)}.empty-chat{text-align:center;max-width:520px;margin:90px auto;color:#667085}.empty-chat h3{color:#17212b}.msg-row{display:flex;margin:12px 0}.msg-row.user-msg{justify-content:flex-start}.msg-row.bot-msg{justify-content:flex-end}.msg-bubble{max-width:78%;border-radius:20px;padding:14px 16px;box-shadow:0 6px 18px rgba(16,24,32,.06);white-space:pre-wrap}.user-msg .msg-bubble{background:#b8860b;color:white;border-bottom-right-radius:6px}.bot-msg .msg-bubble{background:white;color:#17212b;border:1px solid #eadfcb;border-bottom-left-radius:6px}.msg-label{font-size:12px;font-weight:800;opacity:.75;margin-bottom:5px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;background:white;border-top:1px solid #efe8dc}.chat-form textarea{min-height:58px;max-height:160px;resize:vertical}.chat-form .btn{height:58px;min-width:110px}@media(max-width:760px){.chat-box{height:60vh;min-height:360px;padding:14px}.msg-bubble{max-width:92%}.chat-form{grid-template-columns:1fr}.chat-form .btn{width:100%}.chat-head{flex-direction:column}}