@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:#f8fafc;direction:rtl;background:linear-gradient(135deg,#020617 0%,#04113b 100%);font-family:Cairo,sans-serif}a{text-decoration:none}img{max-width:100%;display:block}.navbar{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617eb;border-bottom:1px solid #1e3a8a;justify-content:space-between;align-items:center;width:100%;padding:22px 60px;display:flex;position:sticky;top:0}.brand{color:#fff;white-space:nowrap;font-size:38px;font-weight:800}.navbar nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.navbar nav a{color:#f8fafc;white-space:nowrap;border-radius:12px;padding:10px 16px;font-size:22px;font-weight:700;transition:all .3s}.navbar nav a:hover{color:#60a5fa;background:#3b82f626}.sellBtn,.primaryBtn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.sellBtn{border-radius:14px!important;padding:12px 22px!important}.page{width:100%;min-height:calc(100vh - 100px);padding:60px 24px}.page h1{text-align:center;margin-bottom:30px;font-size:44px}.hero{text-align:center;max-width:1100px;margin:auto;padding-top:80px}.badge{color:#60a5fa;border:1px solid #2563eb;border-radius:999px;justify-content:center;align-items:center;margin-bottom:30px;padding:12px 24px;font-size:18px;font-weight:700;display:inline-flex}.hero h1{margin-bottom:30px;font-size:110px;font-weight:800;line-height:1.1}.hero p{color:#cbd5e1;max-width:900px;margin:auto;font-size:30px;line-height:2}.actions{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:40px;display:flex}.primaryBtn,.secondaryBtn{border-radius:18px;justify-content:center;align-items:center;padding:16px 28px;font-size:20px;font-weight:700;transition:all .3s;display:inline-flex}.primaryBtn:hover{transform:translateY(-2px)}.secondaryBtn{color:#fff;border:1px solid #334155}.secondaryBtn:hover{background:#ffffff0f}.form-card{background:#0f172af2;border:1px solid #1e293b;border-radius:28px;flex-direction:column;gap:18px;max-width:850px;margin:auto;padding:35px;display:flex}.form-card h1{text-align:center;margin-bottom:10px;font-size:44px}.form-card input,.form-card textarea,.form-card select{color:#fff;background:#020617;border:1px solid #1e293b;border-radius:16px;width:100%;padding:18px;font-family:inherit;font-size:18px}.form-card textarea{resize:vertical;min-height:140px}.form-card button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:18px;padding:18px;font-size:20px;font-weight:700}.products-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1400px;margin:auto;display:grid}.product-card{color:#fff;background:#0f172af2;border:1px solid #1e293b;border-radius:24px;transition:all .3s;overflow:hidden}.product-card:hover{border-color:#2563eb;transform:translateY(-5px)}.product-image{object-fit:cover;background:#020617;width:100%;height:260px}.product-content{padding:22px}.product-title,.product-content h3,.product-content h2{color:#fff;margin-bottom:14px;font-size:28px}.product-price{color:#60a5fa;margin-bottom:10px;font-size:24px;font-weight:800}.product-city,.product-meta{color:#cbd5e1;margin-bottom:6px;font-size:18px}.empty-state{text-align:center;color:#cbd5e1;margin-top:100px;font-size:26px}.details-card{background:#0f172af5;border:1px solid #1e293b;border-radius:28px;grid-template-columns:1fr 1fr;max-width:1100px;margin:auto;display:grid;overflow:hidden}.details-image{object-fit:cover;width:100%;height:100%;min-height:450px}.details-content{padding:40px}.details-content h1{text-align:right;margin-bottom:20px;font-size:42px}.details-content p{color:#cbd5e1;margin-bottom:15px;font-size:18px}.details-description{line-height:1.9}.details-btn{margin-top:20px;display:inline-flex}.product-actions{gap:12px;padding:0 22px 22px;display:flex}.dangerBtn,.logoutBtn{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:14px;font-family:inherit;font-weight:700}.dangerBtn{width:100%;padding:14px;font-size:17px}.logoutBtn{padding:12px 20px;font-size:20px}.dangerBtn:hover,.logoutBtn:hover{background:#b91c1c}.editBtn{cursor:pointer;color:#fff;text-align:center;background:#2563eb;border-radius:14px;width:100%;padding:14px;font-size:17px;font-weight:700}.contact-actions{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.whatsappBtn,.callBtn,.favoriteBtn,.chatBtn{cursor:pointer;color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;padding:14px 22px;font-family:inherit;font-size:18px;font-weight:700;display:inline-flex}.whatsappBtn{background:#16a34a}.callBtn{background:#2563eb}.favoriteBtn{background:#9333ea}.chatBtn{background:#0ea5e9}.textLink{color:#60a5fa;font-weight:800}.filters-box{background:#0f172af2;border:1px solid #1e293b;border-radius:22px;grid-template-columns:2fr 1fr 1fr auto;gap:14px;max-width:1200px;margin:0 auto 35px;padding:20px;display:grid}.filters-box input,.filters-box select{color:#fff;background:#020617;border:1px solid #334155;border-radius:14px;padding:14px;font-family:inherit;font-size:17px}.filters-box button{cursor:pointer;color:#fff;background:#334155;border:none;border-radius:14px;padding:14px 22px;font-family:inherit;font-size:17px;font-weight:700}.seller-box,.reviews-section{background:#0f172af5;border:1px solid #1e293b;border-radius:28px;max-width:1100px;margin:35px auto 0;padding:30px}.seller-box{text-align:center;margin-bottom:35px}.seller-box h1,.reviews-section h2{margin-bottom:22px;font-size:34px}.seller-box p{color:#cbd5e1;font-size:20px}.admin-list{gap:16px;max-width:1000px;margin:auto;display:grid}.admin-row{background:#0f172af2;border:1px solid #1e293b;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.admin-row strong{font-size:22px}.admin-row p{color:#cbd5e1;margin-top:6px}.chat-list{gap:16px;max-width:1000px;margin:auto;display:grid}.chat-row{color:#fff;background:#0f172af2;border:1px solid #1e293b;border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex}.chat-row img{object-fit:cover;border-radius:16px;width:90px;height:90px}.chat-box{background:#0f172af2;border:1px solid #1e293b;border-radius:24px;max-width:900px;margin:auto;overflow:hidden}.chat-header{border-bottom:1px solid #1e293b;padding:22px}.messages-box{flex-direction:column;gap:14px;height:520px;padding:22px;display:flex;overflow-y:auto}.message{color:#fff;background:#1e293b;border-radius:18px;align-self:flex-start;max-width:70%;padding:14px 18px;line-height:1.7}.message.mine{background:#2563eb;align-self:flex-end}.send-box{border-top:1px solid #1e293b;gap:12px;padding:18px;display:flex}.send-box input{color:#fff;background:#020617;border:1px solid #334155;border-radius:16px;flex:1;padding:16px;font-family:inherit;font-size:18px}.send-box button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:16px;padding:0 26px;font-family:inherit;font-size:18px;font-weight:700}.review-form{gap:14px;margin-bottom:30px;display:grid}.review-form select,.review-form textarea{color:#fff;background:#020617;border:1px solid #334155;border-radius:16px;width:100%;padding:16px;font-family:inherit;font-size:18px}.review-form textarea{resize:vertical;min-height:120px}.review-form button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:16px;padding:16px;font-family:inherit;font-size:18px;font-weight:700}.reviews-list{gap:14px;display:grid}.review-card{background:#020617;border:1px solid #1e293b;border-radius:18px;padding:18px}.review-card strong{color:#facc15;font-size:20px}.review-card p{color:#cbd5e1;margin-top:8px;line-height:1.8}@media (width<=900px){.filters-box{grid-template-columns:1fr}}@media (width<=768px){.navbar{flex-direction:column;gap:18px;padding:18px}.navbar nav{flex-wrap:wrap;justify-content:center}.hero h1{font-size:58px}.hero p{font-size:22px}.details-card{grid-template-columns:1fr}.details-image{min-height:280px}.send-box{flex-direction:column}.message{max-width:90%}}.messagesLink{position:relative}.unreadBadge,.conversationBadge{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:14px;font-weight:800;display:inline-flex}.unreadBadge{margin-right:8px}.conversationBadge{margin-right:auto}.chat-row-content{flex:1}.chat-row-content span{color:#60a5fa;font-size:15px}.message small{color:#cbd5e1;margin-top:6px;font-size:13px;display:block}.report-section{background:#7f1d1d2e;border:1px solid #dc262680;border-radius:28px;max-width:1100px;margin:35px auto 0;padding:30px}.report-section h2{margin-bottom:22px;font-size:34px}.dangerSubmit{background:#dc2626!important}.dangerSubmit:hover{background:#b91c1c!important}.uploadBox{cursor:pointer;text-align:center;background:#2563eb14;border:2px dashed #2563eb;border-radius:18px;gap:8px;padding:24px;display:grid}.uploadBox span{color:#fff;font-size:22px;font-weight:800}.uploadBox small{color:#cbd5e1}.uploadBox input{display:none}.selectedImages{background:#020617;border:1px solid #1e293b;border-radius:16px;gap:8px;padding:14px;display:grid}.selectedImages span{color:#cbd5e1;font-size:15px}.product-image{object-fit:contain;background:#020617;width:100%;height:auto;max-height:420px}.details-image{object-fit:contain;background:#020617;width:100%;height:auto;max-height:650px}.profile-card{max-width:1000px;margin:auto}.profile-header,.seller-profile-box{background:#0f172af5;border:1px solid #1e293b;border-radius:28px;margin-bottom:28px;padding:30px}.profile-header{align-items:center;gap:24px;display:flex}.profile-header h1,.seller-profile-box h1{margin-bottom:10px;font-size:42px}.profile-header p,.seller-profile-box p{color:#cbd5e1;margin-bottom:6px;font-size:19px}.avatar{background:linear-gradient(135deg,#2563eb,#9333ea);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar span{color:#fff;font-size:56px;font-weight:800}.large-avatar{width:160px;height:160px;margin:0 auto 18px}.seller-profile-box{text-align:center;max-width:1000px;margin:0 auto 35px}.verified{color:#4ade80;background:#16a34a26;border:1px solid #4ade8059;border-radius:999px;align-items:center;padding:6px 12px;font-size:18px;display:inline-flex}.profile-form{max-width:100%}.selectedAvatar{color:#cbd5e1;background:#020617;border:1px solid #1e293b;border-radius:14px;padding:12px}@media (width<=768px){.profile-header{text-align:center;flex-direction:column}.profile-header h1,.seller-profile-box h1{font-size:32px}}.avatarWrap{flex-shrink:0;width:130px;height:130px;position:relative}.cameraBtn{color:#fff;cursor:pointer;background:#2563eb;border:3px solid #020617;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex;position:absolute;bottom:4px;left:4px}.cameraBtn:hover{background:#1d4ed8}.removeAvatarBtn{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:12px;margin-top:12px;padding:10px 16px;font-family:inherit;font-weight:700}.removeAvatarBtn:hover{background:#b91c1c}.cropOverlay{z-index:9999;background:#020617d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cropModal{background:#0f172a;border:1px solid #1e293b;border-radius:24px;width:100%;max-width:620px;padding:24px}.cropModal h2{text-align:center;margin-bottom:18px}.cropArea{background:#020617;border-radius:18px;height:420px;position:relative;overflow:hidden}.cropControls{margin-top:18px}.cropControls label{color:#cbd5e1;margin-bottom:10px;display:block}.cropControls input{width:100%}.cropButtons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;display:flex}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.banBtn{cursor:pointer;color:#fff;background:#7f1d1d;border:none;border-radius:14px;width:100%;padding:14px;font-family:inherit;font-size:17px;font-weight:700}.banBtn:hover{background:#991b1b}.advanced-filters{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr auto}.statusBadge{border-radius:999px;margin-top:12px;padding:7px 14px;font-size:15px;font-weight:800;display:inline-flex}.statusBadge.available{color:#4ade80;background:#16a34a26;border:1px solid #4ade8059}.statusBadge.reserved{color:#facc15;background:#eab30826;border:1px solid #facc1559}.statusBadge.sold{color:#f87171;background:#dc262626;border:1px solid #f8717159}@media (width<=1200px){.advanced-filters{grid-template-columns:1fr 1fr}}@media (width<=700px){.advanced-filters{grid-template-columns:1fr}}.product-gallery{background:#020617;flex-direction:column;justify-content:center;display:flex}.gallery-main-image{object-fit:contain;background:#020617;width:100%;height:auto;max-height:650px}.no-image-box{color:#94a3b8;justify-content:center;align-items:center;min-height:420px;font-size:24px;display:flex}.gallery-thumbs{border-top:1px solid #1e293b;gap:10px;padding:14px;display:flex;overflow-x:auto}.thumb{cursor:pointer;background:#0f172a;border:2px solid #0000;border-radius:14px;flex-shrink:0;width:86px;height:86px;padding:4px}.thumb.active{border-color:#3b82f6}.thumb img{object-fit:contain;background:#020617;border-radius:10px;width:100%;height:100%}.aiSupportButton{z-index:9998;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;width:58px;height:58px;font-size:24px;position:fixed;bottom:20px;left:20px;box-shadow:0 8px 20px #00000059}.aiSupportBox{z-index:9998;background:#0f172a;border:1px solid #1e293b;border-radius:24px;flex-direction:column;width:360px;max-width:calc(100vw - 40px);height:520px;display:flex;position:fixed;bottom:90px;left:24px;overflow:hidden}.aiSupportHeader{background:#020617;border-bottom:1px solid #1e293b;justify-content:space-between;padding:16px;display:flex}.aiSupportHeader button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:26px}.aiMessages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.aiMessage{border-radius:16px;max-width:85%;padding:12px 14px;font-size:15px;line-height:1.7}.aiMessage.bot{color:#fff;background:#1e293b;align-self:flex-start}.aiMessage.user{color:#fff;background:#2563eb;align-self:flex-end}.aiInputBox{border-top:1px solid #1e293b;gap:10px;padding:12px;display:flex}.aiInputBox input{color:#fff;background:#020617;border:1px solid #334155;border-radius:14px;flex:1;padding:12px}.aiInputBox button{color:#fff;background:#2563eb;border:none;border-radius:14px;padding:0 16px}