@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@1,600&display=swap";.message-notification{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:white;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer}.message-notification svg{width:22px;height:22px;color:#4b5563;transition:color .3s ease}.message-notification:hover{background:#667eea;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.message-notification:hover svg{color:#fff}.message-notification:hover .notification-badge{transform:scale(1.1)}.message-notification .notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:11px;font-weight:700;padding:3px 6px;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:pulse 2s infinite;transition:transform .3s ease}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:rgba(27,58,82,.04)}.notification-item.unread:hover{background:rgba(27,58,82,.08)}.notification-item.unread .notification-title{font-weight:700}.notification-icon{min-width:40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.notification-title{font-size:14px;font-weight:600;color:#1b3a52;margin:0;line-height:1.4}.unread-dot{min-width:8px;width:8px;height:8px;border-radius:50%;background:#1b3a52;flex-shrink:0}.notification-message{font-size:13px;color:#6b7280;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:12px;color:#9ca3af;margin-top:2px}.notification-bell-container{position:relative;display:flex;align-items:center}.bell-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:white;border:none;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s ease}.bell-button svg{width:22px;height:22px;color:#4b5563;transition:color .3s ease}.bell-button:hover{background:#1b3a52;transform:scale(1.05);box-shadow:0 4px 12px #1b3a524d}.bell-button:hover svg{color:#fff}.bell-button:hover .notification-badge{transform:scale(1.1)}.bell-button .notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:11px;font-weight:700;padding:3px 6px;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:pulse 2s infinite;transition:transform .3s ease}@keyframes pulse{0%,to{box-shadow:0 2px 8px #ef444466}50%{box-shadow:0 4px 16px #ef444499}}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:400px;max-height:600px;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:9999;display:flex;flex-direction:column;animation:slideDown .2s ease-out}@media (max-width: 480px){.notification-dropdown{width:320px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.dropdown-header h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0}.dropdown-header .mark-all-read{background:none;border:none;color:#1b3a52;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s}.dropdown-header .mark-all-read:hover{color:#0f2838;text-decoration:underline}.dropdown-tabs{display:flex;padding:8px 12px;border-bottom:1px solid #f0f0f0;gap:8px}.dropdown-tabs .tab{flex:1;padding:8px 16px;background:none;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.dropdown-tabs .tab:hover{background:#f9fafb;color:#1b3a52}.dropdown-tabs .tab.active{background:#1b3a52;color:#fff}.notification-list{flex:1;overflow-y:auto;max-height:450px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.notification-list .loader-container{display:flex;justify-content:center;align-items:center;padding:40px}.notification-list .notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notification-list .notification-empty .empty-icon{font-size:48px;opacity:.3;margin-bottom:12px}.notification-list .notification-empty p{color:#6b7280;font-size:14px;margin:0}.dropdown-footer{padding:12px 20px;border-top:1px solid #f0f0f0}.dropdown-footer .view-all{width:100%;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#1b3a52;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dropdown-footer .view-all:hover{background:#1b3a52;color:#fff;border-color:#1b3a52}.header{background:rgba(255,255,255,.96);position:sticky;top:0;z-index:1000;height:80px;display:flex;align-items:center;transition:box-shadow .3s ease,background .3s ease;border-bottom:1px solid #eee}.header.shadow{box-shadow:0 2px 12px #00000014;background:rgba(255,255,255,.98)}.container{max-width:1400px;margin:0 auto;padding:0 32px;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo .logo-icon{font-size:28px;line-height:1}.logo .logo-text{font-weight:800;font-size:26px;color:#1b3a52}.nav-links{display:flex;align-items:center;gap:40px;margin-right:auto}.nav-links a{text-decoration:none;color:#3b3b3b;font-size:16px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#1b3a52}.header-actions{display:flex;align-items:center;gap:20px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-weight:600;font-size:15px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#1b3a52;color:#fff}.btn-primary:hover{background:#0f2838}.btn-secondary{border:1px solid #1b3a52;background:transparent;color:#1b3a52}.btn-secondary:hover{background:#f2f6f8}.user{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.user img{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #eee}.user span{font-weight:600;color:#1b3a52}.user .options{position:absolute;top:48px;right:0;background:white;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;padding:8px 0}.user .options .link{display:block;padding:10px 16px;color:#3b3b3b;text-decoration:none;font-weight:500}.user .options .link:hover{background:#f9fafb}@media (max-width: 1024px){.nav-links{gap:28px}}@media (max-width: 768px){.nav-links{display:none}}.footer{background:#1a1a1a;color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:18px;font-weight:700;margin-bottom:20px;color:#c9a961}.footer-section p,.footer-section a{color:#b8b8b8;line-height:2;text-decoration:none;display:block;font-size:15px}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #333;padding-top:30px;text-align:center;color:#888;font-size:14px}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:30px}.footer-section h3{font-size:16px;margin-bottom:15px}.footer-section p,.footer-section a{font-size:14px;line-height:1.8}}.hero{background:linear-gradient(135deg,#f8faf9 0%,#ffffff 100%);padding:0;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:80px}.hero:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(27,58,82,.05) 0%,transparent 70%);border-radius:50%}.hero:after{content:"";position:absolute;bottom:-30%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(201,169,97,.03) 0%,transparent 70%);border-radius:50%}.hero h1{font-size:56px;font-weight:800;color:#1a1a1a;margin-bottom:24px;line-height:1.2}.hero p{font-size:20px;color:#62646a;margin-bottom:48px;line-height:1.6}@media (max-width: 768px){.hero{padding:80px 0;min-height:calc(100vh - 80px)}.hero h1{font-size:36px}.hero p{font-size:18px}}.hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(27,58,82,.1);color:#1b3a52;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.hero-badge span{font-size:16px}.hero-highlight{color:#1b3a52;position:relative;display:inline-block}.search-container{max-width:700px;margin:0 auto 32px}.search-box{background:white;border-radius:8px;padding:8px 8px 8px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 0 0 1px #e8e8e8,0 8px 24px #00000014;transition:all .3s}.search-box:focus-within{box-shadow:0 0 0 2px #1b3a52,0 8px 24px #1a5f381f}.search-box input{flex:1;border:none;font-size:16px;outline:none;color:#404145;direction:rtl}.search-box input::-moz-placeholder{color:#95979d}.search-box input::placeholder{color:#95979d}.search-box button{background:#1B3A52;color:#fff;border:none;padding:14px 32px;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s;white-space:nowrap}.search-box button:hover{background:#0F2838}@media (max-width: 768px){.search-box{flex-direction:column;padding:16px}.search-box button{width:100%}}.search-icon{color:#62646a;font-size:20px}.quick-categories{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}@media (max-width: 768px){.quick-categories{padding:0 20px}}.category-pill{background:white;border:1px solid #e8e8e8;color:#62646a;padding:10px 20px;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.category-pill:hover{border-color:#1b3a52;color:#1b3a52;background:rgba(27,58,82,.05)}.gigCard{width:290px;height:400px;border:1px solid #e4e4e4;margin-bottom:40px}.gigCard img{width:100%;height:50%;-o-object-fit:cover;object-fit:cover}.gigCard .info{padding:10px 20px;display:flex;flex-direction:column;gap:20px}.gigCard .info .user{display:flex;align-items:center;gap:10px}.gigCard .info .user img{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.gigCard .info p{color:#222325!important;font-weight:500!important;letter-spacing:.4px}.gigCard .info .star{display:flex;align-items:center;gap:5px}.gigCard .info .star img{height:14px;width:14px}.gigCard .info .star span{font-size:14px;font-weight:700;color:#ffc108}.gigCard .info .star .totalStars{color:#000;font-weight:inherit}.gigCard hr{height:0;border:.5px solid rgb(228,228,228)}.gigCard .detail{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.gigCard .detail img{width:16px;height:16px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.gigCard .detail .price span{color:#999;font-size:12px}.gigCard .detail .price h2{color:#555;font-size:18px;font-weight:400;text-align:end}.gigCard .detail .price sup{font-size:12px;font-weight:300}.review{background:white;border:1px solid #e8e8e8;border-radius:8px;padding:24px;margin-bottom:16px;transition:box-shadow .2s}.review:hover{box-shadow:0 2px 8px #00000014}.review .review-header{display:flex;gap:16px;margin-bottom:16px}.review .review-header .pp{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e8e8e8;flex-shrink:0}.review .review-header .user-info{flex:1;min-width:0}.review .review-header .user-info .user-details{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.review .review-header .user-info .user-details .username{font-size:16px;font-weight:600;color:#1a1a1a}.review .review-header .user-info .user-details .country{display:flex;align-items:center;gap:6px;font-size:13px;color:#62646a}.review .review-header .user-info .user-details .country img{width:20px;height:15px;-o-object-fit:cover;object-fit:cover;border-radius:2px}.review .review-header .user-info .review-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.review .review-header .user-info .review-meta .stars{display:flex;align-items:center;gap:2px}.review .review-header .user-info .review-meta .stars span{font-size:16px}.review .review-header .user-info .review-meta .stars span.filled{color:orange}.review .review-header .user-info .review-meta .stars span.empty{color:#e8e8e8}.review .review-header .user-info .review-meta .stars span.rating-number{font-size:14px;font-weight:600;color:#404145;margin-right:6px}.review .review-header .user-info .review-meta .review-date{font-size:13px;color:#95979d}.review .review-text{font-size:15px;color:#404145;line-height:1.7;margin-bottom:16px;white-space:pre-wrap;word-break:break-word}.review .helpful{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #f0f0f0;font-size:14px}.review .helpful>span{color:#62646a;font-weight:500}.review .helpful .helpful-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid #e8e8e8;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px;color:#62646a}.review .helpful .helpful-btn img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.review .helpful .helpful-btn:hover{background:#f7f9f8;border-color:#1b3a52;color:#1b3a52}@media (max-width: 768px){.review{padding:16px}.review .review-header .pp{width:40px;height:40px}.review .review-header .user-info .user-details .username{font-size:15px}.review .helpful{flex-wrap:wrap}}.reviews .reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #efeff0}.reviews .reviews-header h2{font-size:1.5rem;font-weight:700;color:#404145;margin:0}.reviews .reviews-summary .rating-average{display:flex;flex-direction:column;align-items:center;gap:.5rem}.reviews .reviews-summary .rating-average .rating-number{font-size:2.5rem;font-weight:700;color:#404145}.reviews .reviews-summary .rating-average .stars-large{color:#ffb33e;font-size:1.2rem}.reviews .reviews-summary .rating-average .review-count{font-size:.9rem;color:#95979d}.reviews .review-locked{background:#fef3c7;border:2px solid #fde68a;padding:2rem;border-radius:8px;text-align:center;margin-top:1.5rem}.reviews .review-locked .lock-icon{font-size:3rem;margin-bottom:1rem}.reviews .review-locked h3{font-size:1.2rem;font-weight:700;color:#92400e;margin-bottom:.5rem}.reviews .review-locked p{color:#b45309;margin-bottom:1rem}.reviews .review-locked .login-btn{background:#1dbf73;color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.reviews .review-locked .login-btn:hover{background:#19a463}.reviews .add-review-section{margin-top:2rem}.reviews .add-review-form{padding-top:2rem;border-top:2px solid #efeff0}.reviews .add-review-form h3{font-size:1.2rem;font-weight:700;color:#404145;margin-bottom:1rem}.reviews .add-review-form .addForm textarea{width:100%;padding:1rem;border:1px solid #dadbdd;border-radius:4px;font-family:Tajawal,sans-serif;font-size:1rem;resize:vertical;margin-bottom:1rem}.reviews .add-review-form .addForm textarea:focus{outline:none;border-color:#1dbf73}.reviews .add-review-form .addForm .form-bottom{display:flex;gap:1rem;align-items:center}.reviews .add-review-form .addForm .form-bottom select{flex:1;padding:.875rem;border:1px solid #dadbdd;border-radius:4px;font-family:Tajawal,sans-serif;font-size:1rem;cursor:pointer}.reviews .add-review-form .addForm .form-bottom select:focus{outline:none;border-color:#1dbf73}.reviews .add-review-form .addForm .form-bottom button{background:#1dbf73;color:#fff;border:none;padding:.875rem 2rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif;white-space:nowrap}.reviews .add-review-form .addForm .form-bottom button:hover{background:#19a463}.reviews .add-review-form .addForm .form-bottom button:disabled{background:#95979d;cursor:not-allowed}@media (max-width: 768px){.reviews .add-review-form .addForm .form-bottom{flex-direction:column}.reviews .add-review-form .addForm .form-bottom select,.reviews .add-review-form .addForm .form-bottom button{width:100%}}.gigs-page{min-height:100vh;background:#f9fafb;direction:rtl;font-family:Tajawal,sans-serif}.search-container{max-width:1200px;margin:0 auto;padding:40px 20px 0;position:relative}.search-container .search-wrapper{background:white;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:15px}.search-container .search-wrapper form{display:flex;gap:12px}.search-container .search-input{flex:1;padding:18px 24px;border:none;font-size:17px;font-family:Tajawal,sans-serif;border-radius:12px;background:#f9fafb;direction:rtl}.search-container .search-input::-moz-placeholder{color:#9ca3af}.search-container .search-input::placeholder{color:#9ca3af}.search-container .search-input:focus{outline:none;background:white;box-shadow:0 0 0 3px #667eea1a}.search-container .search-button{padding:18px 50px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;font-family:Tajawal,sans-serif;transition:transform .2s;white-space:nowrap}.search-container .search-button:hover{transform:translateY(-2px)}.search-container .search-button:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.results-info .results-count{font-size:17px;color:#6b7280}.results-info .results-count strong{color:#1f2937;font-weight:700}.results-info .login-hint{color:#f59e0b;font-weight:600;font-size:14px}.results-info .sort-select{padding:12px 18px;border:2px solid #e5e7eb;border-radius:10px;font-family:Tajawal,sans-serif;font-size:15px;background:white;cursor:pointer;direction:rtl;transition:all .2s ease}.results-info .sort-select:hover{border-color:#667eea}.results-info .sort-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.lawyers-list{display:flex;flex-direction:column;gap:20px}.lawyer-card{background:white;border-radius:16px;padding:25px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.lawyer-card:hover{box-shadow:0 8px 32px #0000001f;border-color:#667eea;transform:translateY(-2px)}.card-top{display:flex;gap:20px;margin-bottom:20px}.lawyer-avatar-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:32px;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.lawyer-avatar-large img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.lawyer-info-main{flex:1;min-width:0}.lawyer-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.lawyer-name-large{font-size:22px;font-weight:800;color:#1f2937;cursor:pointer;transition:color .2s ease}.lawyer-name-large:hover{color:#667eea}.pro-badge{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700}.choice-badge{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700}.lawyer-title{font-size:15px;color:#6b7280;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lawyer-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563}.stars-large{color:#fbbf24;font-size:16px}.rating-value{font-weight:700;color:#1f2937}.rating-reviews{color:#9ca3af}.stat-icon{color:#9ca3af;font-size:16px}.special-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fef3c7;border:2px solid #fde68a;border-radius:10px;font-size:14px;font-weight:600;color:#92400e;margin-bottom:20px}.service-description{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skills-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.skill-tag{padding:8px 16px;background:#f3f4f6;border-radius:8px;font-size:13px;font-weight:600;color:#4b5563;transition:all .3s}.skill-tag:hover{background:#e5e7eb;transform:scale(1.05)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:2px solid #f3f4f6;gap:15px;flex-wrap:wrap}.price-section{display:flex;flex-direction:column}.price-label{font-size:13px;color:#6b7280;margin-bottom:4px}.price-amount{font-size:28px;font-weight:800;color:#10b981}.card-actions{display:flex;gap:12px;align-items:center}.action-btn{padding:12px 24px;border-radius:10px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;border:none}.action-btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:white;border:2px solid #e5e7eb;color:#4b5563}.btn-secondary:hover{border-color:#667eea;color:#667eea}.heart-icon{width:44px;height:44px;border-radius:50%;border:2px solid #e5e7eb;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s;color:#9ca3af}.heart-icon:hover{border-color:#ef4444;color:#ef4444;transform:scale(1.1)}.login-gate{margin-top:40px;background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.login-gate .login-gate-content{padding:60px 40px;text-align:center}.login-gate .login-gate-content .login-gate-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s infinite}.login-gate .login-gate-content h3{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:16px}.login-gate .login-gate-content p{font-size:16px;color:#6b7280;line-height:1.7;margin-bottom:30px}.login-gate .login-gate-content .login-gate-actions{display:flex;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.login-gate .login-gate-content .login-gate-actions button{padding:16px 40px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;border:none;font-family:Tajawal,sans-serif}.login-gate .login-gate-content .login-gate-actions button:active{transform:scale(.95)}.login-gate .login-gate-content .login-gate-actions .btn-login{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 15px #667eea66}.login-gate .login-gate-content .login-gate-actions .btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.login-gate .login-gate-content .login-gate-actions .btn-register{background:white;color:#667eea;border:2px solid #667eea}.login-gate .login-gate-content .login-gate-actions .btn-register:hover{background:#f0f4ff;transform:translateY(-2px)}.login-gate .login-gate-content .login-gate-footer{color:#6b7280;font-size:14px}.login-gate .login-gate-content .login-gate-footer strong{color:#667eea;font-weight:700}.loader-container{display:flex;justify-content:center;align-items:center;padding:100px 20px;min-height:400px}.error-message,.empty-state{text-align:center;padding:80px 20px;background:white;border-radius:16px;box-shadow:0 2px 8px #0000000f}.error-message h3,.empty-state h3{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:12px}.error-message p,.empty-state p{font-size:16px;color:#6b7280;margin-bottom:24px}.error-message button,.empty-state button{padding:12px 28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif}.error-message button:hover,.empty-state button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.search-container .search-wrapper form{flex-direction:column}.search-container .search-button{width:100%}.results-info{flex-direction:column;align-items:stretch;gap:15px}.results-info .sort-select{width:100%}.card-top{flex-direction:column;align-items:center;text-align:center}.lawyer-header,.lawyer-stats{justify-content:center}.card-footer{flex-direction:column;align-items:stretch}.card-actions{flex-direction:column;width:100%}.card-actions .action-btn{width:100%}.login-gate-content{padding:40px 20px}.login-gate-content .login-gate-actions{flex-direction:column}.login-gate-content .login-gate-actions button{width:100%}}@media (max-width: 480px){.lawyer-name-large{font-size:18px}.lawyer-title{font-size:14px}.price-amount{font-size:24px}.action-btn{padding:10px 20px;font-size:14px}}.gig-page{min-height:100vh;background:#f5f5f5;padding:2rem 0;direction:rtl;font-family:Tajawal,sans-serif}.gig-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.gig-page .loader-container{display:flex;justify-content:center;align-items:center;min-height:400px}.gig-page .error-container{background:white;padding:4rem 2rem;border-radius:4px;text-align:center;border:1px solid #dadbdd}.gig-page .error-container h2{font-size:1.75rem;font-weight:700;color:#e53e3e;margin-bottom:1rem}.gig-page .error-container p{color:#62646a;margin-bottom:2rem}.gig-page .error-container button{background:#1dbf73;color:#fff;border:none;padding:1rem 2.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.gig-page .error-container button:hover{background:#19a463}.gig-page .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.gig-page .breadcrumb .breadcrumb-link{color:#62646a;cursor:pointer;transition:color .2s}.gig-page .breadcrumb .breadcrumb-link:hover{color:#1dbf73}.gig-page .breadcrumb .separator{color:#c5c6c9}.gig-page .gig-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.gig-page .gig-main{background:white;border:1px solid #dadbdd;border-radius:4px}.gig-page .gig-header{padding:2rem;border-bottom:1px solid #efeff0}.gig-page .gig-header .category-breadcrumb{display:inline-block;color:#62646a;font-size:.9rem;margin-bottom:.75rem}.gig-page .gig-header .gig-title{font-size:1.75rem;font-weight:700;color:#404145;line-height:1.4;margin-bottom:1.25rem}.gig-page .seller-info{display:flex;align-items:center;gap:1rem}.gig-page .seller-info .seller-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1dbf73 0%,#19a463 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;flex-shrink:0}.gig-page .seller-info .seller-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.gig-page .seller-info .seller-details{flex:1}.gig-page .seller-info .seller-details .seller-name{font-weight:600;color:#404145;margin-left:.5rem;cursor:pointer}.gig-page .seller-info .seller-details .seller-name:hover{text-decoration:underline}.gig-page .seller-info .seller-details .seller-level{display:inline-block;background:#ffe0b3;color:#222325;padding:.2rem .6rem;border-radius:3px;font-size:.75rem;font-weight:600}.gig-page .seller-info .seller-details .seller-rating{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#62646a;margin-top:.25rem}.gig-page .seller-info .seller-details .seller-rating .stars{color:#ffb33e}.gig-page .seller-info .seller-details .seller-rating .rating-number{font-weight:700;color:#404145}.gig-page .tabs-section{border-bottom:1px solid #dadbdd}.gig-page .tabs-nav{display:flex;padding:0 2rem}.gig-page .tab-btn{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#62646a;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.gig-page .tab-btn:hover{color:#404145}.gig-page .tab-btn.active{color:#404145;border-bottom-color:#222325}.gig-page .tab-content{padding:2rem}.gig-page .tab-pane .about-text{font-size:1rem;line-height:1.8;color:#62646a;margin-bottom:2rem}.gig-page .tab-pane .features-title{font-size:1.1rem;font-weight:700;color:#404145;margin-bottom:1rem}.gig-page .tab-pane .features-list{list-style:none;padding:0;margin:0}.gig-page .tab-pane .features-list li{padding:.75rem 0;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #efeff0}.gig-page .tab-pane .features-list li:last-child{border-bottom:none}.gig-page .tab-pane .features-list li .check-icon{color:#1dbf73;font-size:1.2rem;font-weight:700}.gig-page .services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.gig-page .service-card{border:1px solid #dadbdd;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s}.gig-page .service-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.gig-page .service-card .service-image{width:100%;height:150px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem}.gig-page .service-card .service-body{padding:1rem}.gig-page .service-card .service-body .service-title{font-size:.95rem;font-weight:600;color:#404145;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gig-page .service-card .service-body .service-footer{display:flex;justify-content:space-between;align-items:center}.gig-page .service-card .service-body .service-footer .service-rating{display:flex;align-items:center;gap:.25rem;font-size:.85rem}.gig-page .service-card .service-body .service-footer .service-rating .stars{color:#ffb33e}.gig-page .service-card .service-body .service-footer .service-price{font-size:1rem;font-weight:700;color:#404145}.gig-page .gig-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.gig-page .package-card{background:white;border:1px solid #dadbdd;border-radius:4px;padding:1.5rem}.gig-page .package-card .package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #efeff0}.gig-page .package-card .package-header .package-type{font-size:1.25rem;font-weight:700;color:#404145}.gig-page .package-card .package-header .package-price{font-size:1.75rem;font-weight:700;color:#404145}.gig-page .package-card .package-title{font-size:1rem;font-weight:600;color:#404145;margin-bottom:1rem}.gig-page .package-card .package-features{margin-bottom:1.5rem}.gig-page .package-card .package-features .package-feature{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.9rem;color:#62646a}.gig-page .package-card .package-features .package-feature .feature-icon{color:#1dbf73;font-weight:700}.gig-page .package-card .continue-btn{width:100%;background:#1dbf73;color:#fff;border:none;padding:1rem;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif;margin-bottom:.75rem}.gig-page .package-card .continue-btn:hover{background:#19a463}.gig-page .package-card .contact-seller-btn{width:100%;background:white;color:#222325;border:1px solid #222325;padding:.875rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.gig-page .package-card .contact-seller-btn:hover{background:#f5f5f5}.gig-page .seller-card{background:white;border:1px solid #dadbdd;border-radius:4px;padding:1.5rem}.gig-page .seller-card .seller-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.gig-page .seller-card .seller-card-header .seller-avatar-large{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#1dbf73 0%,#19a463 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;font-weight:700;flex-shrink:0}.gig-page .seller-card .seller-card-header .seller-avatar-large img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.gig-page .seller-card .seller-card-header .seller-card-name{font-size:1.1rem;font-weight:600;color:#404145;margin-bottom:.25rem}.gig-page .seller-card .seller-card-header .seller-card-title{font-size:.85rem;color:#95979d}.gig-page .seller-card .seller-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.gig-page .seller-card .seller-stats .stat-item{text-align:center;padding:.75rem;background:#fafafa;border-radius:4px}.gig-page .seller-card .seller-stats .stat-item .stat-value{font-size:1.25rem;font-weight:700;color:#404145;margin-bottom:.25rem}.gig-page .seller-card .seller-stats .stat-item .stat-label{font-size:.75rem;color:#95979d}.gig-page .seller-card .view-profile-btn{width:100%;background:white;color:#222325;border:1px solid #dadbdd;padding:.75rem;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.gig-page .seller-card .view-profile-btn:hover{background:#f5f5f5;border-color:#222325}@media (max-width: 1024px){.gig-page .gig-layout{grid-template-columns:1fr}.gig-page .gig-sidebar{position:static}.gig-page .services-grid{grid-template-columns:1fr}}@media (max-width: 768px){.gig-page .container{padding:0 1rem}.gig-page .gig-header{padding:1.5rem}.gig-page .gig-title{font-size:1.5rem!important}.gig-page .tabs-nav{padding:0 1rem;overflow-x:auto}.gig-page .tab-content{padding:1rem}}.myGigs{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.myGigs .loader-container{display:flex;justify-content:center;align-items:center;min-height:400px}.myGigs .error-container{max-width:600px;margin:60px auto;text-align:center;background:white;padding:60px 40px;border-radius:8px;box-shadow:0 2px 8px #00000014}.myGigs .error-container h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.myGigs .error-container p{font-size:16px;color:#62646a;margin:0}.myGigs .container{max-width:1200px;margin:0 auto}.myGigs .container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.myGigs .container .header{flex-direction:column;gap:20px}}.myGigs .container .header .header-info h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 4px}.myGigs .container .header .header-info p{font-size:14px;color:#62646a;margin:0}.myGigs .container .header .link{text-decoration:none}.myGigs .container .header .link .add-btn{display:flex;align-items:center;gap:8px;background:#1B3A52;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}@media (max-width: 768px){.myGigs .container .header .link .add-btn{width:100%;justify-content:center}}.myGigs .container .header .link .add-btn .icon{font-size:20px;font-weight:700}.myGigs .container .header .link .add-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.myGigs .container .gigs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}@media (max-width: 768px){.myGigs .container .gigs-grid{grid-template-columns:1fr}}.myGigs .container .gigs-grid .gig-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .2s}.myGigs .container .gigs-grid .gig-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.myGigs .container .gigs-grid .gig-card:hover .gig-overlay{opacity:1}.myGigs .container .gigs-grid .gig-card .gig-image{position:relative;width:100%;height:180px;overflow:hidden}.myGigs .container .gigs-grid .gig-card .gig-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.myGigs .container .gigs-grid .gig-card .gig-image .gig-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(27,58,82,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.myGigs .container .gigs-grid .gig-card .gig-image .gig-overlay .view-btn{background:white;color:#1b3a52;border:none;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.myGigs .container .gigs-grid .gig-card .gig-image .gig-overlay .view-btn:hover{background:#C9A961;color:#fff}.myGigs .container .gigs-grid .gig-card .gig-content{padding:20px}.myGigs .container .gigs-grid .gig-card .gig-content h3{font-size:16px;font-weight:600;color:#404145;margin:0 0 16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.myGigs .container .gigs-grid .gig-card .gig-content .gig-stats{display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.myGigs .container .gigs-grid .gig-card .gig-content .gig-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.myGigs .container .gigs-grid .gig-card .gig-content .gig-stats .stat .stat-label{font-size:12px;color:#95979d}.myGigs .container .gigs-grid .gig-card .gig-content .gig-stats .stat .stat-value{font-size:15px;font-weight:700;color:#404145}.myGigs .container .gigs-grid .gig-card .gig-content .gig-stats .stat .stat-value.price{color:#1b3a52;font-size:16px}.myGigs .container .gigs-grid .gig-card .gig-content .gig-actions{display:flex;gap:12px}.myGigs .container .gigs-grid .gig-card .gig-content .gig-actions .edit-btn{flex:1;background:white;color:#1b3a52;border:2px solid #1B3A52;padding:10px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.myGigs .container .gigs-grid .gig-card .gig-content .gig-actions .edit-btn:hover{background:#1B3A52;color:#fff}.myGigs .container .gigs-grid .gig-card .gig-content .gig-actions .delete-btn{width:44px;height:44px;background:rgba(220,53,69,.1);border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.myGigs .container .gigs-grid .gig-card .gig-content .gig-actions .delete-btn img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.myGigs .container .gigs-grid .gig-card .gig-content .gig-actions .delete-btn:hover{background:#dc3545}.myGigs .container .gigs-grid .gig-card .gig-content .gig-actions .delete-btn:hover img{filter:brightness(0) invert(1)}.myGigs .container .empty-state{background:white;border-radius:8px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.myGigs .container .empty-state{padding:60px 24px}}.myGigs .container .empty-state .empty-icon{font-size:64px;margin-bottom:24px}.myGigs .container .empty-state h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.myGigs .container .empty-state p{font-size:16px;color:#62646a;line-height:1.6;max-width:500px;margin:0 auto 32px}.myGigs .container .empty-state .add-first-btn{padding:14px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.myGigs .container .empty-state .add-first-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.add{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.add .container{max-width:1200px;margin:0 auto}.add .container .page-header{background:white;padding:32px;border-radius:8px;margin-bottom:32px;box-shadow:0 2px 8px #00000014}.add .container .page-header h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 8px}.add .container .page-header p{font-size:15px;color:#62646a;margin:0}.add .container form .sections{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 968px){.add .container form .sections{grid-template-columns:1fr}}.add .container form .sections .section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.add .container form .sections .section{padding:24px}}.add .container form .sections .section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #e8e8e8}.add .container form .sections .section .form-group{margin-bottom:24px}.add .container form .sections .section .form-group label{display:block;font-size:15px;font-weight:600;color:#404145;margin-bottom:8px}.add .container form .sections .section .form-group input,.add .container form .sections .section .form-group select,.add .container form .sections .section .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;transition:all .2s}.add .container form .sections .section .form-group input:focus,.add .container form .sections .section .form-group select:focus,.add .container form .sections .section .form-group textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.add .container form .sections .section .form-group input::-moz-placeholder,.add .container form .sections .section .form-group select::-moz-placeholder,.add .container form .sections .section .form-group textarea::-moz-placeholder{color:#95979d}.add .container form .sections .section .form-group input::placeholder,.add .container form .sections .section .form-group select::placeholder,.add .container form .sections .section .form-group textarea::placeholder{color:#95979d}.add .container form .sections .section .form-group textarea{resize:vertical;line-height:1.6}.add .container form .sections .section .form-group select{cursor:pointer}.add .container form .sections .section .form-group.images-group .images-upload{display:flex;flex-direction:column;gap:12px}.add .container form .sections .section .form-group.images-group .images-upload .image-input{display:flex;flex-direction:column;gap:8px}.add .container form .sections .section .form-group.images-group .images-upload .image-input .file-label{font-size:14px;font-weight:600;color:#62646a;margin:0}.add .container form .sections .section .form-group.images-group .images-upload .image-input input[type=file]{padding:10px;border:2px dashed #e8e8e8;cursor:pointer}.add .container form .sections .section .form-group.images-group .images-upload .image-input input[type=file]:hover{border-color:#1b3a52}.add .container form .sections .section .form-group.images-group .images-upload .upload-btn{padding:12px;background:#C9A961;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.add .container form .sections .section .form-group.images-group .images-upload .upload-btn:hover:not(:disabled){background:#b89451}.add .container form .sections .section .form-group.images-group .images-upload .upload-btn:disabled{background:#95979d;cursor:not-allowed}.add .container form .sections .section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.add .container form .sections .section .form-row{grid-template-columns:1fr}}.add .container form .sections .section .feature-form{display:flex;gap:12px;margin-bottom:16px}.add .container form .sections .section .feature-form input{flex:1}.add .container form .sections .section .feature-form button{padding:12px 20px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.add .container form .sections .section .feature-form button:hover{background:#0F2838}.add .container form .sections .section .features-list{display:flex;flex-wrap:wrap;gap:12px}.add .container form .sections .section .features-list .feature-item{display:flex;align-items:center;gap:8px;background:rgba(27,58,82,.1);padding:8px 12px;border-radius:20px;font-size:14px;color:#404145}.add .container form .sections .section .features-list .feature-item span{flex:1}.add .container form .sections .section .features-list .feature-item button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;color:#dc3545;border:none;font-size:16px;cursor:pointer;padding:0;transition:all .2s}.add .container form .sections .section .features-list .feature-item button:hover{color:#c82333;transform:scale(1.1)}.add .container form .sections .section .submit-btn{width:100%;padding:16px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.add .container form .sections .section .submit-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.login{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);display:flex;align-items:center;justify-content:center;padding:40px 20px}.login .login-container{width:100%;max-width:480px}.login .login-card{background:white;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:48px;animation:fadeIn .4s ease-in-out}@media (max-width: 600px){.login .login-card{padding:32px 24px}}.login .login-card .login-header{text-align:center;margin-bottom:32px}.login .login-card .login-header .logo-section{margin-bottom:16px}.login .login-card .login-header .logo-section .logo-icon{font-size:48px;margin-bottom:12px}.login .login-card .login-header .logo-section h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0}.login .login-card .login-header p{font-size:15px;color:#62646a;margin:0}.login .login-card form{display:flex;flex-direction:column;gap:20px}.login .login-card form .form-group{display:flex;flex-direction:column;gap:8px}.login .login-card form .form-group label{font-size:15px;font-weight:600;color:#404145}.login .login-card form .form-group input{padding:14px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;transition:all .2s}.login .login-card form .form-group input:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.login .login-card form .form-group input::-moz-placeholder{color:#95979d}.login .login-card form .form-group input::placeholder{color:#95979d}.login .login-card form .login-btn{margin-top:12px;padding:16px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.login .login-card form .login-btn:hover:not(:disabled){background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.login .login-card form .login-btn:disabled{background:#95979d;cursor:not-allowed;transform:none}.login .login-card form .error-message{color:#dc3545;font-size:14px;text-align:center;padding:8px;background:rgba(220,53,69,.1);border-radius:6px}.login .login-card .login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e8e8e8;text-align:center}.login .login-card .login-footer p{font-size:15px;color:#62646a}.login .login-card .login-footer p a{color:#1b3a52;font-weight:600;text-decoration:none;margin-right:4px}.login .login-card .login-footer p a:hover{text-decoration:underline}.register{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);padding:40px 20px}.register .register-container{max-width:1000px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:48px;animation:fadeIn .4s ease-in-out}@media (max-width: 768px){.register .register-container{padding:32px 24px}}.register .register-container .register-header{text-align:center;margin-bottom:40px}.register .register-container .register-header .logo-icon{font-size:48px;margin-bottom:12px}.register .register-container .register-header h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 8px}.register .register-container .register-header p{font-size:15px;color:#62646a;margin:0}.register .register-container form .form-sections{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}@media (max-width: 768px){.register .register-container form .form-sections{grid-template-columns:1fr;gap:32px}}.register .register-container form .form-sections .form-section{display:flex;flex-direction:column;gap:20px}.register .register-container form .form-sections .form-section h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 8px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.register .register-container form .form-sections .form-section .form-group{display:flex;flex-direction:column;gap:8px}.register .register-container form .form-sections .form-section .form-group label{font-size:15px;font-weight:600;color:#404145}.register .register-container form .form-sections .form-section .form-group input,.register .register-container form .form-sections .form-section .form-group textarea{padding:14px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;transition:all .2s}.register .register-container form .form-sections .form-section .form-group input:focus,.register .register-container form .form-sections .form-section .form-group textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.register .register-container form .form-sections .form-section .form-group input::-moz-placeholder,.register .register-container form .form-sections .form-section .form-group textarea::-moz-placeholder{color:#95979d}.register .register-container form .form-sections .form-section .form-group input::placeholder,.register .register-container form .form-sections .form-section .form-group textarea::placeholder{color:#95979d}.register .register-container form .form-sections .form-section .form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.register .register-container form .form-sections .form-section .form-group input[type=file]{padding:12px;border:2px dashed #e8e8e8;cursor:pointer}.register .register-container form .form-sections .form-section .form-group input[type=file]:hover{border-color:#1b3a52}.register .register-container form .form-sections .form-section .seller-toggle{background:#f7f9f8;padding:20px;border-radius:8px;border:2px solid #e8e8e8}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header h3{font-size:16px;font-weight:700;color:#1b3a52;margin:0;padding:0;border:none}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header .switch{position:relative;display:inline-block;width:54px;height:28px}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header .switch input{opacity:0;width:0;height:0}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header .switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header .switch input:checked+.slider{background-color:#1b3a52}.register .register-container form .form-sections .form-section .seller-toggle .toggle-header .switch input:checked+.slider:before{transform:translate(26px)}.register .register-container form .form-sections .form-section .seller-toggle .toggle-description{font-size:14px;color:#62646a;margin:0;line-height:1.6}.register .register-container form .form-sections .form-section .lawyer-note{display:flex;gap:12px;background:rgba(27,58,82,.05);padding:16px;border-radius:8px;border-right:4px solid #C9A961}.register .register-container form .form-sections .form-section .lawyer-note .note-icon{font-size:24px;flex-shrink:0}.register .register-container form .form-sections .form-section .lawyer-note .note-content h4{font-size:14px;font-weight:700;color:#1b3a52;margin:0 0 6px}.register .register-container form .form-sections .form-section .lawyer-note .note-content p{font-size:13px;color:#62646a;margin:0;line-height:1.6}.register .register-container form .register-btn{width:100%;padding:16px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.register .register-container form .register-btn:hover:not(:disabled){background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.register .register-container form .register-btn:disabled{background:#95979d;cursor:not-allowed;transform:none}.register .register-container form .register-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e8e8e8;text-align:center}.register .register-container form .register-footer p{font-size:15px;color:#62646a}.register .register-container form .register-footer p a{color:#1b3a52;font-weight:600;text-decoration:none;margin-right:4px}.register .register-container form .register-footer p a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.orders{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.orders .loader-container{display:flex;justify-content:center;align-items:center;min-height:400px}.orders .error-container{max-width:600px;margin:60px auto;text-align:center;background:white;padding:60px 40px;border-radius:8px;box-shadow:0 2px 8px #00000014}.orders .error-container h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.orders .error-container p{font-size:16px;color:#62646a;margin:0}.orders .container{max-width:1200px;margin:0 auto}.orders .container .orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.orders .container .orders-header{flex-direction:column;gap:16px;text-align:center}}.orders .container .orders-header h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 4px}.orders .container .orders-header p{font-size:14px;color:#62646a;margin:0}.orders .container .orders-header .orders-count{display:flex;align-items:center;gap:8px;background:rgba(27,58,82,.1);padding:12px 24px;border-radius:24px}.orders .container .orders-header .orders-count .count{font-size:24px;font-weight:700;color:#1b3a52}.orders .container .orders-header .orders-count .label{font-size:14px;color:#62646a}.orders .container .orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width: 768px){.orders .container .orders-grid{grid-template-columns:1fr}}.orders .container .orders-grid .order-card{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .2s}.orders .container .orders-grid .order-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.orders .container .orders-grid .order-card .order-header{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.orders .container .orders-grid .order-card .order-header .order-img{width:80px;height:80px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.orders .container .orders-grid .order-card .order-header .order-info{flex:1;min-width:0}.orders .container .orders-grid .order-card .order-header .order-info h3{font-size:15px;font-weight:600;color:#404145;margin:0 0 8px;line-height:1.4}.orders .container .orders-grid .order-card .order-header .order-info .order-meta{display:flex;align-items:center;gap:6px;font-size:13px}.orders .container .orders-grid .order-card .order-header .order-info .order-meta .user-label{color:#95979d}.orders .container .orders-grid .order-card .order-header .order-info .order-meta .user-name{color:#1b3a52;font-weight:600}.orders .container .orders-grid .order-card .order-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.orders .container .orders-grid .order-card .order-details .detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.orders .container .orders-grid .order-card .order-details .detail-row .label{color:#62646a}.orders .container .orders-grid .order-card .order-details .detail-row .value{font-weight:600}.orders .container .orders-grid .order-card .order-details .detail-row .value.price{color:#1b3a52;font-size:16px}.orders .container .orders-grid .order-card .order-details .detail-row .value.status{font-size:13px}.orders .container .orders-grid .order-card .contact-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.orders .container .orders-grid .order-card .contact-btn img{width:20px;height:20px;filter:brightness(0) invert(1)}.orders .container .orders-grid .order-card .contact-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.orders .container .empty-state{background:white;border-radius:8px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.orders .container .empty-state{padding:60px 24px}}.orders .container .empty-state .empty-icon{font-size:64px;margin-bottom:24px}.orders .container .empty-state h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.orders .container .empty-state p{font-size:16px;color:#62646a;line-height:1.6;max-width:500px;margin:0 auto 32px}.orders .container .empty-state .browse-btn{padding:14px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.orders .container .empty-state .browse-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.message-bubble{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble .message-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.message-bubble .message-content{background:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 1px 2px #0000001a;max-width:70%;word-wrap:break-word}.message-bubble .message-content .message-sender{display:block;font-weight:600;font-size:13px;color:#1b3a52;margin-bottom:4px}.message-bubble .message-content .message-text{font-size:15px;color:#333;line-height:1.5;margin:0;white-space:pre-wrap}.message-bubble .message-content .message-attachments{margin-top:8px;display:flex;flex-direction:column;gap:8px}.message-bubble .message-content .message-attachments .attachment-item .attachment-image{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer;transition:transform .2s}.message-bubble .message-content .message-attachments .attachment-item .attachment-image:hover{transform:scale(1.02)}.message-bubble .message-content .message-attachments .attachment-item .attachment-file{display:flex;align-items:center;gap:10px;padding:10px;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.message-bubble .message-content .message-attachments .attachment-item .attachment-file .file-icon{font-size:24px;color:#1b3a52}.message-bubble .message-content .message-attachments .attachment-item .attachment-file .file-info{flex:1;min-width:0}.message-bubble .message-content .message-attachments .attachment-item .attachment-file .file-info .file-name{display:block;font-size:14px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-bubble .message-content .message-attachments .attachment-item .attachment-file .file-info .file-size{display:block;font-size:12px;color:#666}.message-bubble .message-content .message-attachments .attachment-item .attachment-file .download-btn{background:#1b3a52;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.message-bubble .message-content .message-attachments .attachment-item .attachment-file .download-btn svg{font-size:18px}.message-bubble .message-content .message-attachments .attachment-item .attachment-file .download-btn:hover{background:#0f2838}.message-bubble .message-content .message-footer{display:flex;align-items:center;gap:6px;margin-top:6px}.message-bubble .message-content .message-footer .message-time{font-size:11px;color:#999}.message-bubble .message-content .message-footer .read-receipt{font-size:14px;color:#1b3a52}.message-bubble .message-content .message-footer .read-receipt.sent{color:#999}.message-bubble.own{flex-direction:row-reverse}.message-bubble.own .message-content{background:#1b3a52;color:#fff}.message-bubble.own .message-content .message-sender{color:#ffffffe6}.message-bubble.own .message-content .message-text{color:#fff}.message-bubble.own .message-content .message-footer{justify-content:flex-end}.message-bubble.own .message-content .message-footer .message-time{color:#ffffffb3}.message-bubble.own .message-content .message-footer .read-receipt{color:#ffffffe6}.message-bubble.own .message-content .message-footer .read-receipt.sent{color:#ffffff80}.message-bubble.own .message-content .attachment-file{background:rgba(255,255,255,.1);border-color:#fff3}.message-bubble.own .message-content .attachment-file .file-name{color:#fff}.message-bubble.own .message-content .attachment-file .file-size{color:#ffffffb3}.message-bubble.own .message-content .attachment-file .file-icon{color:#fff}.typing-indicator{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-indicator .typing-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.typing-indicator .typing-bubble{background:#f0f0f0;padding:10px 14px;border-radius:12px;box-shadow:0 1px 2px #0000001a}.typing-indicator .typing-bubble .typing-username{display:block;font-weight:600;font-size:13px;color:#1b3a52;margin-bottom:4px}.typing-indicator .typing-bubble .typing-dots{display:flex;align-items:center;gap:4px}.typing-indicator .typing-bubble .typing-dots .dot{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite}.typing-indicator .typing-bubble .typing-dots .dot:nth-child(1){animation-delay:0s}.typing-indicator .typing-bubble .typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-indicator .typing-bubble .typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.file-upload-container{position:relative}.upload-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;color:#666}.upload-btn svg{font-size:20px}.upload-btn:hover{background:#f0f0f0;color:#1b3a52}.selected-files{position:absolute;bottom:100%;left:0;right:0;background:white;border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto;box-shadow:0 -2px 8px #0000001a}.selected-files .file-preview{position:relative;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.selected-files .file-preview .preview-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;display:block}.selected-files .file-preview .preview-file{width:150px;padding:10px;display:flex;align-items:center;gap:8px;background:#f9f9f9}.selected-files .file-preview .preview-file .file-icon{font-size:24px;color:#1b3a52}.selected-files .file-preview .preview-file .file-info{flex:1;min-width:0}.selected-files .file-preview .preview-file .file-info .file-name{display:block;font-size:12px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-files .file-preview .preview-file .file-info .file-size{display:block;font-size:11px;color:#666}.selected-files .file-preview .remove-file{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.selected-files .file-preview .remove-file svg{font-size:14px}.selected-files .file-preview .remove-file:hover{background:rgba(0,0,0,.8)}.drag-overlay{position:fixed;inset:0;background:rgba(27,58,82,.9);z-index:9999;display:flex;align-items:center;justify-content:center}.drag-overlay .drag-content{text-align:center;color:#fff}.drag-overlay .drag-content svg{margin-bottom:16px}.drag-overlay .drag-content p{font-size:18px;font-weight:600;margin:0}.online-status{display:flex;align-items:center;gap:6px;font-size:12px}.online-status .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.online-status .status-text{color:#666}.online-status.online .status-dot{background:#10b981;box-shadow:0 0 0 2px #10b98133}.online-status.online .status-text{color:#10b981}.online-status.offline .status-dot{background:#9ca3af}.online-status.offline .status-text{color:#9ca3af}.messages-page{min-height:calc(100vh - 80px);background:#f9fafb;padding:80px 20px 20px;direction:rtl}.messages-header{background:#fff;border:1px solid #eee;border-radius:8px;padding:24px 30px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;text-align:right}.messages-header h1{font-size:22px;font-weight:800;color:var(--primary-color);margin-bottom:6px}.messages-header p{font-size:14px;color:#777;margin:0}.messages-container{display:flex;width:100%;max-width:1400px;height:calc(100vh - 180px);margin:0 auto;background:#ffffff;border:1px solid #eaeaea;border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #0000000d}.conversations-sidebar{width:30%;min-width:320px;border-left:1px solid #eee;background:#fff;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-shrink:0}.sidebar-header h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0}.sidebar-header .unread-count{background:#1b3a52;color:#fff;border-radius:20px;padding:4px 12px;font-size:13px}.search-box{position:relative;padding:10px 20px;border-bottom:1px solid #f2f2f2;flex-shrink:0}.search-box input{width:100%;padding:10px 36px 10px 12px;border-radius:8px;border:1px solid #ddd;outline:none;font-size:14px;direction:rtl;transition:all .2s}.search-box input:focus{border-color:#1b3a52;box-shadow:0 0 4px #1b3a5233}.search-box .search-icon{position:absolute;left:30px;top:50%;transform:translateY(-50%);color:#777;font-size:18px}.conversations-list{flex:1;overflow-y:auto;padding-bottom:10px}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#999}.conversations-list .conversation-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s}.conversations-list .conversation-item:hover{background:#f9f9f9}.conversations-list .conversation-item.active{background:#eef3f5}.conversations-list .conversation-item.unread{background:rgba(27,58,82,.04)}.conversations-list .conversation-item .avatar-container{position:relative}.conversations-list .conversation-item .avatar-container .user-avatar{width:46px;height:46px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.conversations-list .conversation-item .avatar-container .online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.conversations-list .conversation-item .conversation-info{flex:1;display:flex;flex-direction:column;gap:4px}.conversations-list .conversation-item .conversation-info .user-name-row{display:flex;justify-content:space-between;align-items:center}.conversations-list .conversation-item .conversation-info .user-name-row h4{font-size:15px;font-weight:700;color:#1b3a52;margin:0}.conversations-list .conversation-item .conversation-info .user-name-row .unread-dot{width:8px;height:8px;border-radius:50%;background:#1b3a52}.conversations-list .conversation-item .conversation-info .last-message{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.conversations-list .conversation-item .conversation-info .time{font-size:12px;color:#999;text-align:left}.conversations-list .empty-conversations{text-align:center;padding:60px 20px;color:#777;font-size:15px}.chat-area{flex:1;display:flex;flex-direction:column;border-right:1px solid #eee;background:#fcfcfc;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.chat-header .user-info{display:flex;align-items:center;gap:12px}.chat-header .user-info .user-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chat-header .user-info h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 4px}.messages-area{flex:1;overflow-y:auto;padding:20px 28px;background:#f8fafc}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#999}.messages-area .loader-container{display:flex;justify-content:center;align-items:center;min-height:300px}.messages-area .no-messages{text-align:center;margin-top:80px}.messages-area .no-messages .icon{font-size:42px;color:#ccc}.messages-area .no-messages p{color:#777;font-size:15px;margin-top:12px}.message-input{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #eee;background:#fff;flex-shrink:0;align-items:flex-end}.message-input textarea{flex:1;border:1px solid #ddd;border-radius:8px;padding:12px;resize:none;max-height:120px;font-size:15px;font-family:Tajawal,sans-serif;outline:none;direction:rtl}.message-input textarea:focus{border-color:#1b3a52;box-shadow:0 0 3px #1b3a5233}.message-input button{background:#1b3a52;color:#fff;border:none;border-radius:8px;padding:12px 16px;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center;min-width:48px}.message-input button svg{font-size:20px}.message-input button:hover:not(:disabled){background:#0f2838}.message-input button:disabled{opacity:.6;cursor:not-allowed}.no-conversation-selected{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#777}.no-conversation-selected .icon{font-size:50px;margin-bottom:16px}.no-conversation-selected h3{font-size:20px;color:#1b3a52;margin-bottom:8px}.no-conversation-selected p{font-size:14px;color:#777}.loader-container{display:flex;justify-content:center;align-items:center;min-height:400px}@media (max-width: 768px){.messages-page{padding:80px 10px 20px}.messages-container{flex-direction:column;height:auto;border-radius:0}.conversations-sidebar{width:100%;max-height:40vh;border-left:none;border-bottom:1px solid #eee}.chat-area{width:100%;border-right:none;min-height:60vh}.messages-header{padding:18px 16px;text-align:center}}.jobs-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);padding:2rem 0;direction:rtl}.jobs-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.jobs-page .page-header{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.jobs-page .page-header .header-content{display:flex;align-items:center;gap:1.5rem}.jobs-page .page-header .header-content .header-icon{font-size:3rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 8px 24px #667eea4d}.jobs-page .page-header .header-content h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0;margin-bottom:.5rem}.jobs-page .page-header .header-content p{color:#718096;font-size:1rem;margin:0}.jobs-page .page-header .post-job-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;white-space:nowrap}.jobs-page .page-header .post-job-btn .icon{font-size:1.5rem}.jobs-page .page-header .post-job-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.jobs-page .page-header .post-job-btn:active{transform:translateY(0)}.jobs-page .content-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.jobs-page .filters-sidebar{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;position:sticky;top:2rem}.jobs-page .filters-sidebar h3{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.jobs-page .filters-sidebar .filter-group{margin-bottom:1.5rem}.jobs-page .filters-sidebar .filter-group label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.95rem}.jobs-page .filters-sidebar .filter-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;background:white;cursor:pointer;transition:all .2s ease}.jobs-page .filters-sidebar .filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.jobs-page .filters-sidebar .filter-group select:hover{border-color:#cbd5e0}.jobs-page .filters-sidebar .filter-group .budget-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center}.jobs-page .filters-sidebar .filter-group .budget-inputs input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;transition:all .2s ease}.jobs-page .filters-sidebar .filter-group .budget-inputs input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.jobs-page .filters-sidebar .filter-group .budget-inputs input::-moz-placeholder{color:#a0aec0}.jobs-page .filters-sidebar .filter-group .budget-inputs input::placeholder{color:#a0aec0}.jobs-page .filters-sidebar .filter-group .budget-inputs span{color:#718096;font-weight:600}.jobs-page .filters-sidebar .filter-group .budget-hint{display:block;font-size:.85rem;color:#718096;margin-top:.5rem}.jobs-page .filters-sidebar .clear-filters{width:100%;padding:.75rem;border:2px solid #e2e8f0;background:white;color:#718096;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.jobs-page .filters-sidebar .clear-filters:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.jobs-page .jobs-content .loader-container{background:white;padding:4rem;border-radius:16px;display:flex;justify-content:center;align-items:center;min-height:400px}.jobs-page .jobs-content .error-container{background:white;padding:4rem;border-radius:16px;text-align:center}.jobs-page .jobs-content .error-container h2{color:#e53e3e;margin-bottom:1rem}.jobs-page .jobs-content .error-container p{color:#718096}.jobs-page .jobs-content .results-header{background:white;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000d}.jobs-page .jobs-content .results-header .results-count{font-weight:600;color:#2d3748;font-size:1.05rem}.jobs-page .jobs-content .results-header .login-hint{color:#f6ad55;font-weight:600;font-size:.95rem}.jobs-page .jobs-content .jobs-list{display:flex;flex-direction:column;gap:1.5rem}.jobs-page .jobs-content .job-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.jobs-page .jobs-content .job-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#667eea}.jobs-page .jobs-content .job-card .job-header{display:grid;grid-template-columns:1fr auto;gap:2rem;margin-bottom:1.5rem}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges .category-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges .court-badge{background:#edf2f7;color:#4a5568;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges .status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges .status-badge.status-open{background:#c6f6d5;color:#22543d}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges .status-badge.status-urgent{background:#fed7d7;color:#742a2a;animation:pulse 2s infinite}.jobs-page .jobs-content .job-card .job-header .job-title-section h3{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0;line-height:1.4}.jobs-page .jobs-content .job-card .job-header .budget-section{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);padding:1.25rem 1.5rem;border-radius:12px;text-align:center;border:2px solid #e2e8f0}.jobs-page .jobs-content .job-card .job-header .budget-section .budget-amount{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.25rem}.jobs-page .jobs-content .job-card .job-header .budget-section .budget-label{font-size:.9rem;color:#718096;font-weight:600;margin-bottom:.25rem}.jobs-page .jobs-content .job-card .job-header .budget-section .budget-sublabel{font-size:.8rem;color:#a0aec0}.jobs-page .jobs-content .job-card .job-description{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.jobs-page .jobs-content .job-card .job-stats{display:flex;flex-wrap:wrap;gap:2rem;padding:1.25rem;background:#f7fafc;border-radius:12px;margin-bottom:1.5rem}.jobs-page .jobs-content .job-card .job-stats .stat{display:flex;align-items:center;gap:.5rem}.jobs-page .jobs-content .job-card .job-stats .stat .stat-icon{font-size:1.2rem}.jobs-page .jobs-content .job-card .job-stats .stat .stat-value{font-weight:700;color:#2d3748;font-size:1rem}.jobs-page .jobs-content .job-card .job-stats .stat .stat-value.deadline-date{font-size:.85rem;font-weight:600;color:#4a5568;max-width:200px}.jobs-page .jobs-content .job-card .job-stats .stat .stat-label{font-size:.85rem;color:#718096;margin-right:.25rem}.jobs-page .jobs-content .job-card .job-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:2px solid #e2e8f0}.jobs-page .jobs-content .job-card .job-footer .job-footer-left .posted-time{color:#718096;font-size:.9rem}.jobs-page .jobs-content .job-card .job-footer .view-details-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.jobs-page .jobs-content .job-card .job-footer .view-details-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.jobs-page .jobs-content .job-card .job-footer .view-details-btn:active{transform:scale(1)}.jobs-page .jobs-content .job-card .job-requirements{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.jobs-page .jobs-content .job-card .job-requirements .requirement-tag{background:#edf2f7;color:#4a5568;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500}.jobs-page .jobs-content .login-gate{background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:2rem;overflow:hidden}.jobs-page .jobs-content .login-gate .login-gate-content{padding:3rem;text-align:center}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-icon{font-size:4rem;margin-bottom:1.5rem}.jobs-page .jobs-content .login-gate .login-gate-content h3{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.jobs-page .jobs-content .login-gate .login-gate-content p{color:#718096;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions button{padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions button.btn-login{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 15px #667eea66}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions button.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions button.btn-register{background:white;color:#667eea;border:2px solid #667eea}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions button.btn-register:hover{background:#f7fafc;transform:translateY(-2px)}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-footer{color:#718096;font-size:.95rem}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-footer strong{color:#667eea;font-weight:700}.jobs-page .jobs-content .empty-state{background:white;padding:4rem 2rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014}.jobs-page .jobs-content .empty-state .empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.jobs-page .jobs-content .empty-state h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.jobs-page .jobs-content .empty-state p{color:#718096;font-size:1.1rem;margin-bottom:2rem}.jobs-page .jobs-content .empty-state .post-first-job{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.jobs-page .jobs-content .empty-state .post-first-job:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}@media (max-width: 1200px){.jobs-page .content-layout{grid-template-columns:280px 1fr;gap:1.5rem}}@media (max-width: 992px){.jobs-page .content-layout{grid-template-columns:1fr}.jobs-page .filters-sidebar{position:static}.jobs-page .page-header,.jobs-page .page-header .header-content{flex-direction:column;text-align:center}.jobs-page .page-header .post-job-btn{width:100%;justify-content:center}}@media (max-width: 768px){.jobs-page{padding:1rem 0}.jobs-page .container{padding:0 1rem}.jobs-page .page-header{padding:1.5rem}.jobs-page .page-header .header-content .header-icon{width:60px;height:60px;font-size:2rem}.jobs-page .page-header .header-content h1{font-size:1.5rem}.jobs-page .page-header .header-content p{font-size:.9rem}.jobs-page .page-header .post-job-btn{padding:.875rem 1.5rem;font-size:1rem}.jobs-page .filters-sidebar,.jobs-page .jobs-content .job-card{padding:1.5rem}.jobs-page .jobs-content .job-card .job-header{grid-template-columns:1fr;gap:1.5rem}.jobs-page .jobs-content .job-card .job-header .budget-section{padding:1rem}.jobs-page .jobs-content .job-card .job-stats{gap:1rem;padding:1rem}.jobs-page .jobs-content .job-card .job-stats .stat .stat-value.deadline-date{font-size:.75rem;max-width:150px}.jobs-page .jobs-content .job-card .job-footer{flex-direction:column;gap:1rem;align-items:stretch}.jobs-page .jobs-content .job-card .job-footer .view-details-btn{width:100%}.jobs-page .jobs-content .login-gate .login-gate-content{padding:2rem 1.5rem}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions{flex-direction:column}.jobs-page .jobs-content .login-gate .login-gate-content .login-gate-actions button{width:100%}}@media (max-width: 480px){.jobs-page .page-header .header-content .header-icon{width:50px;height:50px;font-size:1.5rem}.jobs-page .page-header .header-content h1{font-size:1.25rem}.jobs-page .jobs-content .job-card{padding:1.25rem}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges{font-size:.8rem}.jobs-page .jobs-content .job-card .job-header .job-title-section .job-badges span{font-size:.75rem;padding:.3rem .75rem}.jobs-page .jobs-content .job-card .job-header .job-title-section h3,.jobs-page .jobs-content .job-card .job-header .budget-section .budget-amount{font-size:1.25rem}.jobs-page .jobs-content .job-card .job-stats{gap:.75rem;flex-wrap:wrap}.jobs-page .jobs-content .job-card .job-stats .stat{font-size:.85rem}.jobs-page .jobs-content .job-card .job-stats .stat .stat-value.deadline-date{font-size:.7rem;max-width:120px}}.job-details-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);padding:2rem 0;direction:rtl}.job-details-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.job-details-page .breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.95rem}.job-details-page .breadcrumb a{color:#667eea;text-decoration:none;transition:color .2s}.job-details-page .breadcrumb a:hover{color:#764ba2;text-decoration:underline}.job-details-page .breadcrumb .separator{color:#cbd5e0}.job-details-page .breadcrumb .current{color:#718096;font-weight:600}.job-details-page .content-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.job-details-page .main-content{display:flex;flex-direction:column;gap:1.5rem}.job-details-page .job-header-card{background:white;padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.job-details-page .job-header-card .job-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.job-details-page .job-header-card .job-badges .category-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.5rem 1.25rem;border-radius:20px;font-size:.9rem;font-weight:600}.job-details-page .job-header-card .job-badges .court-badge{background:#edf2f7;color:#4a5568;padding:.5rem 1.25rem;border-radius:20px;font-size:.9rem;font-weight:600}.job-details-page .job-header-card .job-badges .status-badge{padding:.5rem 1.25rem;border-radius:20px;font-size:.9rem;font-weight:600}.job-details-page .job-header-card .job-badges .status-badge.status-open{background:#c6f6d5;color:#22543d}.job-details-page .job-header-card .job-badges .status-badge.status-urgent{background:#fed7d7;color:#742a2a;animation:pulse 2s infinite}.job-details-page .job-header-card .job-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;line-height:1.4}.job-details-page .job-header-card .job-meta{display:flex;flex-wrap:wrap;gap:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.job-details-page .job-header-card .job-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.95rem}.job-details-page .job-header-card .job-meta .meta-item .icon{font-size:1.1rem}.job-details-page .section-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.job-details-page .section-card .section-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.job-details-page .section-card .job-description{color:#4a5568;font-size:1.05rem;line-height:1.8}.job-details-page .section-card .job-description p{margin-bottom:1rem}.job-details-page .section-card .job-description p:last-child{margin-bottom:0}.job-details-page .section-card .requirements-list{list-style:none;padding:0;margin:0}.job-details-page .section-card .requirements-list li{display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin-bottom:.75rem;background:#f7fafc;border-radius:12px;color:#2d3748;font-size:1rem;line-height:1.6}.job-details-page .section-card .requirements-list li .check-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;margin-top:.1rem}.job-details-page .section-card .requirements-list li:last-child{margin-bottom:0}.job-details-page .section-card .attachments-list{display:flex;flex-direction:column;gap:.75rem}.job-details-page .section-card .attachments-list .attachment-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .2s}.job-details-page .section-card .attachments-list .attachment-item:hover{border-color:#667eea;background:#f0f4ff}.job-details-page .section-card .attachments-list .attachment-item .file-icon{font-size:2rem}.job-details-page .section-card .attachments-list .attachment-item .file-info{flex:1}.job-details-page .section-card .attachments-list .attachment-item .file-info .file-name{font-weight:600;color:#2d3748;margin-bottom:.25rem}.job-details-page .section-card .attachments-list .attachment-item .file-info .file-size{font-size:.85rem;color:#718096}.job-details-page .section-card .attachments-list .attachment-item .download-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.job-details-page .section-card .attachments-list .attachment-item .download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.job-details-page .proposals-list{display:flex;flex-direction:column;gap:1rem}.job-details-page .proposals-list .proposal-card{padding:1.5rem;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s}.job-details-page .proposals-list .proposal-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.job-details-page .proposals-list .proposal-card .proposal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.job-details-page .proposals-list .proposal-card .proposal-header .lawyer-info{display:flex;align-items:center;gap:1rem}.job-details-page .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #667eea}.job-details-page .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-name{font-size:1.1rem;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.job-details-page .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-name .verified-badge{background:#667eea;color:#fff;font-size:.75rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.job-details-page .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-stats{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.9rem}.job-details-page .proposals-list .proposal-card .proposal-header .proposal-amount{text-align:left;background:white;padding:1rem;border-radius:10px;border:2px solid #e2e8f0}.job-details-page .proposals-list .proposal-card .proposal-header .proposal-amount .amount{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.job-details-page .proposals-list .proposal-card .proposal-header .proposal-amount .delivery{font-size:.85rem;color:#718096}.job-details-page .proposals-list .proposal-card .proposal-description{color:#4a5568;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.job-details-page .proposals-list .proposal-card .proposal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e2e8f0}.job-details-page .proposals-list .proposal-card .proposal-footer .proposal-time{color:#a0aec0;font-size:.85rem}.job-details-page .proposals-list .proposal-card .proposal-footer .view-profile-btn{background:white;color:#667eea;border:2px solid #667eea;padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.job-details-page .proposals-list .proposal-card .proposal-footer .view-profile-btn:hover{background:#f0f4ff}.job-details-page .sidebar{display:flex;flex-direction:column;gap:1.5rem}.job-details-page .sidebar .sticky-card{position:sticky;top:2rem}.job-details-page .budget-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.job-details-page .budget-card .card-title{font-size:1.2rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem}.job-details-page .budget-card .budget-range{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:1.5rem;border:2px solid #e2e8f0}.job-details-page .budget-card .budget-range .budget-amount{font-size:1.75rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.job-details-page .budget-card .budget-range .budget-currency{font-size:.95rem;color:#718096;font-weight:600}.job-details-page .budget-card .deadline-info{padding:1rem;background:#fff5f5;border-radius:10px;margin-bottom:1.5rem;border:2px solid #fed7d7}.job-details-page .budget-card .deadline-info .deadline-label{font-size:.85rem;color:#c53030;font-weight:600;margin-bottom:.5rem}.job-details-page .budget-card .deadline-info .deadline-date{font-size:.95rem;color:#742a2a;font-weight:600;margin-bottom:.25rem}.job-details-page .budget-card .deadline-info .deadline-remaining{font-size:.85rem;color:#c53030;font-weight:700}.job-details-page .budget-card .submit-proposal-btn{width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s;box-shadow:0 4px 15px #667eea66}.job-details-page .budget-card .submit-proposal-btn .icon{font-size:1.3rem}.job-details-page .budget-card .submit-proposal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.job-details-page .budget-card .submit-proposal-btn:active{transform:translateY(0)}.job-details-page .budget-card .proposal-form h4{font-size:1.1rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem}.job-details-page .budget-card .proposal-form .form-group{margin-bottom:1.25rem}.job-details-page .budget-card .proposal-form .form-group label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.95rem}.job-details-page .budget-card .proposal-form .form-group input,.job-details-page .budget-card .proposal-form .form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;transition:all .2s}.job-details-page .budget-card .proposal-form .form-group input:focus,.job-details-page .budget-card .proposal-form .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.job-details-page .budget-card .proposal-form .form-group textarea{resize:vertical;min-height:100px}.job-details-page .budget-card .proposal-form .form-group .hint{display:block;font-size:.85rem;color:#718096;margin-top:.25rem}.job-details-page .budget-card .proposal-form .form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.job-details-page .budget-card .proposal-form .form-actions button{flex:1;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.job-details-page .budget-card .proposal-form .form-actions .submit-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none}.job-details-page .budget-card .proposal-form .form-actions .submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.job-details-page .budget-card .proposal-form .form-actions .cancel-btn{background:white;color:#718096;border:2px solid #e2e8f0}.job-details-page .budget-card .proposal-form .form-actions .cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}.job-details-page .client-card{background:white;padding:1.75rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.job-details-page .client-card .card-title{font-size:1.1rem;font-weight:700;color:#1a202c;margin:0 0 1.25rem}.job-details-page .client-card .client-info{display:flex;gap:1rem;margin-bottom:1.25rem}.job-details-page .client-card .client-info .client-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.job-details-page .client-card .client-info .client-details{flex:1}.job-details-page .client-card .client-info .client-details .client-name{font-size:1rem;font-weight:700;color:#1a202c;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.job-details-page .client-card .client-info .client-details .client-name .verified-badge{background:#667eea;color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.job-details-page .client-card .client-info .client-details .client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.job-details-page .client-card .client-info .client-details .client-stats .stat{display:flex;flex-direction:column;align-items:center;text-align:center}.job-details-page .client-card .client-info .client-details .client-stats .stat .label{font-size:.75rem;color:#a0aec0;margin-bottom:.25rem}.job-details-page .client-card .client-info .client-details .client-stats .stat .value{font-size:.85rem;font-weight:600;color:#2d3748}.job-details-page .client-card .contact-btn{width:100%;background:white;color:#667eea;border:2px solid #667eea;padding:.75rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.job-details-page .client-card .contact-btn:hover{background:#f0f4ff}.job-details-page .tips-card{background:linear-gradient(135deg,#fff5eb 0%,#fffaf5 100%);padding:1.75rem;border-radius:16px;border:2px solid #fbd38d}.job-details-page .tips-card .card-title{font-size:1.05rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.job-details-page .tips-card .tips-list{list-style:none;padding:0;margin:0}.job-details-page .tips-card .tips-list li{color:#744210;font-size:.9rem;padding:.5rem 1.5rem .5rem 0;position:relative}.job-details-page .tips-card .tips-list li:before{content:"\2192";position:absolute;right:0;color:#ed8936;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 1024px){.job-details-page .content-layout{grid-template-columns:1fr}.job-details-page .sidebar .sticky-card{position:static}}@media (max-width: 768px){.job-details-page{padding:1rem 0}.job-details-page .container{padding:0 1rem}.job-details-page .breadcrumb{font-size:.85rem}.job-details-page .job-header-card{padding:1.5rem}.job-details-page .job-header-card .job-title{font-size:1.5rem}.job-details-page .job-header-card .job-meta{gap:1rem}.job-details-page .section-card{padding:1.5rem}.job-details-page .section-card .section-title{font-size:1.2rem}.job-details-page .proposals-list .proposal-card .proposal-header{flex-direction:column}.job-details-page .proposals-list .proposal-card .proposal-header .proposal-amount{width:100%;text-align:center}.job-details-page .budget-card,.job-details-page .client-card,.job-details-page .tips-card{padding:1.5rem}}@media (max-width: 480px){.job-details-page .job-header-card .job-badges span{font-size:.8rem;padding:.4rem 1rem}.job-details-page .job-header-card .job-title{font-size:1.25rem}.job-details-page .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-avatar{width:50px;height:50px}}.post-job-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.post-job-page .container{max-width:900px;margin:0 auto}.post-job-page .container .page-header{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;text-align:center}.post-job-page .container .page-header h1{font-size:32px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.post-job-page .container .page-header h1{font-size:24px}}.post-job-page .container .page-header p{font-size:16px;color:#62646a;margin:0}.post-job-page .container .job-form .form-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}@media (max-width: 768px){.post-job-page .container .job-form .form-section{padding:24px}}.post-job-page .container .job-form .form-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.post-job-page .container .job-form .form-section .form-group{margin-bottom:24px}.post-job-page .container .job-form .form-section .form-group:last-child{margin-bottom:0}.post-job-page .container .job-form .form-section .form-group label{display:block;font-size:15px;font-weight:600;color:#404145;margin-bottom:8px}.post-job-page .container .job-form .form-section .form-group input,.post-job-page .container .job-form .form-section .form-group select,.post-job-page .container .job-form .form-section .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;transition:all .2s}.post-job-page .container .job-form .form-section .form-group input:focus,.post-job-page .container .job-form .form-section .form-group select:focus,.post-job-page .container .job-form .form-section .form-group textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.post-job-page .container .job-form .form-section .form-group input::-moz-placeholder,.post-job-page .container .job-form .form-section .form-group select::-moz-placeholder,.post-job-page .container .job-form .form-section .form-group textarea::-moz-placeholder{color:#95979d}.post-job-page .container .job-form .form-section .form-group input::placeholder,.post-job-page .container .job-form .form-section .form-group select::placeholder,.post-job-page .container .job-form .form-section .form-group textarea::placeholder{color:#95979d}.post-job-page .container .job-form .form-section .form-group textarea{resize:vertical;line-height:1.6}.post-job-page .container .job-form .form-section .form-group select{cursor:pointer}.post-job-page .container .job-form .form-section .form-group input[type=file]{padding:10px;border:2px dashed #e8e8e8;cursor:pointer}.post-job-page .container .job-form .form-section .form-group input[type=file]:hover{border-color:#1b3a52}.post-job-page .container .job-form .form-section .form-group .helper-text{display:block;font-size:13px;color:#95979d;margin-top:6px}.post-job-page .container .job-form .form-section .form-group .selected-files{margin-top:12px;padding:12px;background:#f0f2f5;border-radius:6px}.post-job-page .container .job-form .form-section .form-group .selected-files strong{display:block;font-size:14px;color:#404145;margin-bottom:8px}.post-job-page .container .job-form .form-section .form-group .selected-files ul{list-style:none;padding:0;margin:0}.post-job-page .container .job-form .form-section .form-group .selected-files ul li{font-size:13px;color:#62646a;padding:4px 16px 4px 0;position:relative}.post-job-page .container .job-form .form-section .form-group .selected-files ul li:before{content:"\1f4ce";position:absolute;right:0;font-size:12px}.post-job-page .container .job-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.post-job-page .container .job-form .form-section .form-row{grid-template-columns:1fr}}.post-job-page .container .job-form .form-actions{display:flex;gap:16px;background:white;padding:24px 32px;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.post-job-page .container .job-form .form-actions{flex-direction:column;padding:24px}}.post-job-page .container .job-form .form-actions .submit-btn,.post-job-page .container .job-form .form-actions .cancel-btn{flex:1;padding:16px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.post-job-page .container .job-form .form-actions .submit-btn{background:#1B3A52;color:#fff;border:none}.post-job-page .container .job-form .form-actions .submit-btn:hover:not(:disabled){background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.post-job-page .container .job-form .form-actions .submit-btn:disabled{background:#95979d;cursor:not-allowed;transform:none}.post-job-page .container .job-form .form-actions .cancel-btn{background:white;color:#1b3a52;border:2px solid #1B3A52}.post-job-page .container .job-form .form-actions .cancel-btn:hover{background:#f0f2f5}.my-jobs-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.my-jobs-page .container{max-width:1200px;margin:0 auto}.my-jobs-page .container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.my-jobs-page .container .page-header{flex-direction:column;gap:20px;padding:24px}}.my-jobs-page .container .page-header .header-content h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.my-jobs-page .container .page-header .header-content h1{font-size:24px}}.my-jobs-page .container .page-header .header-content p{font-size:15px;color:#62646a;margin:0}.my-jobs-page .container .page-header .post-job-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}@media (max-width: 768px){.my-jobs-page .container .page-header .post-job-btn{width:100%;justify-content:center}}.my-jobs-page .container .page-header .post-job-btn .icon{font-size:20px;font-weight:700}.my-jobs-page .container .page-header .post-job-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.my-jobs-page .container .loader-container,.my-jobs-page .container .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}.my-jobs-page .container .loader-container h2,.my-jobs-page .container .error-container h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.my-jobs-page .container .loader-container p,.my-jobs-page .container .error-container p{font-size:16px;color:#62646a;margin:0}.my-jobs-page .container .jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}@media (max-width: 768px){.my-jobs-page .container .jobs-grid{grid-template-columns:1fr}}.my-jobs-page .container .jobs-grid .job-card{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .2s;border-right:4px solid transparent}.my-jobs-page .container .jobs-grid .job-card:hover{box-shadow:0 4px 16px #0000001f;transform:translate(-4px);border-right-color:#c9a961}.my-jobs-page .container .jobs-grid .job-card .job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.my-jobs-page .container .jobs-grid .job-card .job-header .job-title-section{flex:1;min-width:0}.my-jobs-page .container .jobs-grid .job-card .job-header .job-title-section h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 8px;line-height:1.4}.my-jobs-page .container .jobs-grid .job-card .job-header .job-title-section .job-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.my-jobs-page .container .jobs-grid .job-card .job-header .job-title-section .job-meta .category{background:rgba(27,58,82,.1);color:#1b3a52;padding:4px 12px;border-radius:12px;font-weight:600}.my-jobs-page .container .jobs-grid .job-card .job-header .job-title-section .job-meta .status{padding:4px 12px;border-radius:12px;font-weight:600}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions{display:flex;gap:8px;flex-shrink:0}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions .view-proposals-btn{padding:8px 16px;background:#C9A961;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions .view-proposals-btn:hover{background:#b89451}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions .delete-btn{width:36px;height:36px;background:rgba(220,53,69,.1);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions .delete-btn img{width:18px;height:18px}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions .delete-btn:hover:not(:disabled){background:#dc3545}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions .delete-btn:hover:not(:disabled) img{filter:brightness(0) invert(1)}.my-jobs-page .container .jobs-grid .job-card .job-header .job-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed}.my-jobs-page .container .jobs-grid .job-card .job-description{font-size:14px;color:#62646a;line-height:1.6;margin:0 0 16px}.my-jobs-page .container .jobs-grid .job-card .job-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;border-top:1px solid #e8e8e8}@media (max-width: 768px){.my-jobs-page .container .jobs-grid .job-card .job-stats{grid-template-columns:1fr}}.my-jobs-page .container .jobs-grid .job-card .job-stats .stat{display:flex;flex-direction:column;gap:4px}.my-jobs-page .container .jobs-grid .job-card .job-stats .stat .label{font-size:12px;color:#95979d}.my-jobs-page .container .jobs-grid .job-card .job-stats .stat .value{font-size:14px;font-weight:700;color:#404145}.my-jobs-page .container .jobs-grid .job-card .accepted-notice{margin-top:12px;padding:10px 16px;background:rgba(40,167,69,.1);color:#28a745;border-radius:6px;font-size:14px;font-weight:600;text-align:center}.my-jobs-page .container .empty-state{background:white;border-radius:8px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.my-jobs-page .container .empty-state{padding:60px 24px}}.my-jobs-page .container .empty-state .empty-icon{font-size:64px;margin-bottom:24px}.my-jobs-page .container .empty-state h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.my-jobs-page .container .empty-state p{font-size:16px;color:#62646a;margin:0 0 32px;line-height:1.6}.my-jobs-page .container .empty-state .post-first-job{padding:14px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.my-jobs-page .container .empty-state .post-first-job:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.proposals-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.proposals-page .container{max-width:1000px;margin:0 auto}.proposals-page .container .breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.proposals-page .container .breadcrumbs a{color:#1b3a52;text-decoration:none;font-weight:600}.proposals-page .container .breadcrumbs a:hover{text-decoration:underline}.proposals-page .container .breadcrumbs span{color:#95979d}.proposals-page .container .loader-container,.proposals-page .container .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}.proposals-page .container .loader-container button,.proposals-page .container .error-container button{margin-top:20px;padding:12px 24px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.proposals-page .container .loader-container button:hover,.proposals-page .container .error-container button:hover{background:#0F2838}.proposals-page .container .job-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:32px}@media (max-width: 768px){.proposals-page .container .job-summary{flex-direction:column;padding:24px}}.proposals-page .container .job-summary .summary-content{flex:1}.proposals-page .container .job-summary .summary-content h1{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px;line-height:1.3}.proposals-page .container .job-summary .summary-content .summary-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}.proposals-page .container .job-summary .summary-content .summary-meta .proposals-count{background:rgba(27,58,82,.1);color:#1b3a52;padding:6px 14px;border-radius:16px;font-weight:600}.proposals-page .container .job-summary .summary-content .summary-meta .budget{color:#62646a;font-weight:600}.proposals-page .container .job-summary .view-job-btn{padding:12px 24px;background:white;color:#1b3a52;border:2px solid #1B3A52;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}@media (max-width: 768px){.proposals-page .container .job-summary .view-job-btn{width:100%}}.proposals-page .container .job-summary .view-job-btn:hover{background:#1B3A52;color:#fff}.proposals-page .container .proposals-list{display:flex;flex-direction:column;gap:24px}.proposals-page .container .proposals-list .proposal-card{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;border-right:4px solid transparent;transition:all .2s}.proposals-page .container .proposals-list .proposal-card:hover{box-shadow:0 4px 16px #0000001f}.proposals-page .container .proposals-list .proposal-card.accepted{border-right-color:#28a745}.proposals-page .container .proposals-list .proposal-card.rejected{opacity:.7;border-right-color:#dc3545}.proposals-page .container .proposals-list .proposal-card .proposal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;background:#f8f9fa;border-bottom:1px solid #e8e8e8}@media (max-width: 768px){.proposals-page .container .proposals-list .proposal-card .proposal-header{flex-direction:column}}.proposals-page .container .proposals-list .proposal-card .proposal-header .lawyer-info{display:flex;gap:16px;flex:1}.proposals-page .container .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e8e8e8;flex-shrink:0}.proposals-page .container .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-details{flex:1;min-width:0}.proposals-page .container .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-details h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 8px}.proposals-page .container .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-details .lawyer-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#62646a}.proposals-page .container .proposals-list .proposal-card .proposal-header .lawyer-info .lawyer-details .lawyer-meta span{display:flex;align-items:center;gap:6px}.proposals-page .container .proposals-list .proposal-card .proposal-header .status-badge{padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600;white-space:nowrap}.proposals-page .container .proposals-list .proposal-card .proposal-body{padding:24px}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e8e8e8}@media (max-width: 768px){.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .info-grid{grid-template-columns:1fr}}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .info-grid .info-item{display:flex;flex-direction:column;gap:6px}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .info-grid .info-item .label{font-size:13px;color:#95979d}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .info-grid .info-item .value{font-size:16px;font-weight:700;color:#404145}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .info-grid .info-item .value.price{color:#1b3a52;font-size:20px}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .lawyer-description,.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .cover-letter,.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .attachments{margin-bottom:20px}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .lawyer-description h4,.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .cover-letter h4,.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .attachments h4{font-size:16px;font-weight:700;color:#1b3a52;margin:0 0 12px}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .lawyer-description p,.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .cover-letter p,.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .attachments p{font-size:15px;color:#404145;line-height:1.8;white-space:pre-wrap;margin:0}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .attachments-list{display:flex;flex-direction:column;gap:8px}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .attachments-list .attachment-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f0f2f5;border-radius:6px;text-decoration:none;color:#1b3a52;font-weight:600;font-size:14px;transition:all .2s}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .attachments-list .attachment-item .icon{font-size:18px}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-info .attachments-list .attachment-item:hover{background:#e4e6e9}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e8e8e8}@media (max-width: 768px){.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions{flex-direction:column}}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .accept-btn,.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .reject-btn{flex:1;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .accept-btn{background:#28a745;color:#fff}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .accept-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .accept-btn:disabled{background:#95979d;cursor:not-allowed}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .reject-btn{background:white;color:#dc3545;border:2px solid #dc3545}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .reject-btn:hover:not(:disabled){background:#dc3545;color:#fff}.proposals-page .container .proposals-list .proposal-card .proposal-body .proposal-actions .reject-btn:disabled{opacity:.5;cursor:not-allowed}.proposals-page .container .proposals-list .proposal-card .proposal-body .accepted-notice{margin-top:16px;padding:12px 20px;background:rgba(40,167,69,.1);color:#28a745;border-radius:6px;font-size:15px;font-weight:600;text-align:center}.proposals-page .container .empty-state{background:white;border-radius:8px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.proposals-page .container .empty-state{padding:60px 24px}}.proposals-page .container .empty-state .empty-icon{font-size:64px;margin-bottom:24px}.proposals-page .container .empty-state h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.proposals-page .container .empty-state p{font-size:16px;color:#62646a;margin:0 0 32px;line-height:1.6}.proposals-page .container .empty-state .back-btn{padding:14px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.proposals-page .container .empty-state .back-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.my-proposals-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.my-proposals-page .container{max-width:1200px;margin:0 auto}.my-proposals-page .container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.my-proposals-page .container .page-header{flex-direction:column;gap:20px;padding:24px}}.my-proposals-page .container .page-header .header-content h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.my-proposals-page .container .page-header .header-content h1{font-size:24px}}.my-proposals-page .container .page-header .header-content p{font-size:15px;color:#62646a;margin:0}.my-proposals-page .container .page-header .browse-jobs-btn{padding:14px 28px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}@media (max-width: 768px){.my-proposals-page .container .page-header .browse-jobs-btn{width:100%}}.my-proposals-page .container .page-header .browse-jobs-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.my-proposals-page .container .loader-container,.my-proposals-page .container .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}.my-proposals-page .container .loader-container h2,.my-proposals-page .container .error-container h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.my-proposals-page .container .loader-container p,.my-proposals-page .container .error-container p{font-size:16px;color:#62646a;margin:0}.my-proposals-page .container .proposals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:24px}@media (max-width: 768px){.my-proposals-page .container .proposals-grid{grid-template-columns:1fr}}.my-proposals-page .container .proposals-grid .proposal-card{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;cursor:pointer;transition:all .2s;border-right:4px solid transparent}.my-proposals-page .container .proposals-grid .proposal-card:hover{box-shadow:0 4px 16px #0000001f;transform:translate(-4px);border-right-color:#c9a961}.my-proposals-page .container .proposals-grid .proposal-card.accepted{border-right-color:#28a745}.my-proposals-page .container .proposals-grid .proposal-card.rejected{opacity:.8;border-right-color:#dc3545}.my-proposals-page .container .proposals-grid .proposal-card.withdrawn{opacity:.6;border-right-color:#6c757d}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;background:#f8f9fa;border-bottom:1px solid #e8e8e8}@media (max-width: 768px){.my-proposals-page .container .proposals-grid .proposal-card .proposal-header{flex-direction:column}}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header .job-info{flex:1;min-width:0}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header .job-info h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 8px;line-height:1.4}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header .job-info .job-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header .job-info .job-meta .category{background:rgba(27,58,82,.1);color:#1b3a52;padding:4px 12px;border-radius:12px;font-weight:600}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header .job-info .job-meta .job-status{color:#62646a}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header .status-badge{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:16px;font-size:13px;font-weight:600;white-space:nowrap}.my-proposals-page .container .proposals-grid .proposal-card .proposal-header .status-badge .icon{font-size:14px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body{padding:20px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}@media (max-width: 768px){.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-stats{grid-template-columns:1fr}}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-stats .stat{display:flex;flex-direction:column;gap:4px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-stats .stat .label{font-size:12px;color:#95979d}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-stats .stat .value{font-size:14px;font-weight:700;color:#404145}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-stats .stat .value.price{color:#1b3a52;font-size:18px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .cover-letter-preview{margin-bottom:16px;padding:12px;background:#f0f2f5;border-radius:6px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .cover-letter-preview strong{display:block;font-size:13px;color:#404145;margin-bottom:6px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .cover-letter-preview p{font-size:14px;color:#62646a;line-height:1.6;margin:0}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .job-budget{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 12px;background:rgba(201,169,97,.1);border-radius:6px;font-size:14px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .job-budget .label{color:#62646a}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .job-budget .value{color:#c9a961;font-weight:700}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions{display:flex;gap:12px;margin-top:16px}@media (max-width: 768px){.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions{flex-direction:column}}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions .withdraw-btn,.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions .view-job-btn{flex:1;padding:10px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions .withdraw-btn{background:white;color:#dc3545;border:2px solid #dc3545}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions .withdraw-btn:hover:not(:disabled){background:#dc3545;color:#fff}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions .withdraw-btn:disabled{opacity:.5;cursor:not-allowed}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions .view-job-btn{background:#1B3A52;color:#fff;border:none}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .proposal-actions .view-job-btn:hover{background:#0F2838}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .status-message{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;border-radius:6px;font-size:14px;font-weight:600}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .status-message .icon{font-size:20px}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .status-message.success{background:rgba(40,167,69,.1);color:#28a745}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .status-message.rejected{background:rgba(220,53,69,.1);color:#dc3545}.my-proposals-page .container .proposals-grid .proposal-card .proposal-body .status-message.withdrawn{background:rgba(108,117,125,.1);color:#6c757d}.my-proposals-page .container .proposals-grid .proposal-card .competitors-notice{padding:10px 20px;background:rgba(255,193,7,.1);color:#856404;font-size:13px;font-weight:600;text-align:center;border-top:1px solid #e8e8e8}.my-proposals-page .container .empty-state{background:white;border-radius:8px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.my-proposals-page .container .empty-state{padding:60px 24px}}.my-proposals-page .container .empty-state .empty-icon{font-size:64px;margin-bottom:24px}.my-proposals-page .container .empty-state h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.my-proposals-page .container .empty-state p{font-size:16px;color:#62646a;line-height:1.6;max-width:500px;margin:0 auto 32px}.my-proposals-page .container .empty-state .browse-jobs-btn{padding:14px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.my-proposals-page .container .empty-state .browse-jobs-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.cases-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.cases-page .container{max-width:1400px;margin:0 auto}.cases-page .container .page-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:32px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.cases-page .container .page-header{flex-direction:column;align-items:flex-start;padding:24px}}.cases-page .container .page-header .header-content{flex:1}.cases-page .container .page-header .header-content h1{font-size:32px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.cases-page .container .page-header .header-content h1{font-size:24px}}.cases-page .container .page-header .header-content p{font-size:16px;color:#62646a;margin:0}.cases-page .container .page-header .add-case-btn{padding:14px 32px;background:linear-gradient(135deg,#1B3A52 0%,#0F2838 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1b3a524d;white-space:nowrap}.cases-page .container .page-header .add-case-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1b3a5266}.cases-page .container .page-header .add-case-btn:active{transform:translateY(0)}@media (max-width: 768px){.cases-page .container .page-header .add-case-btn{width:100%}}.cases-page .container .content-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}@media (max-width: 968px){.cases-page .container .content-layout{grid-template-columns:1fr}}.cases-page .container .content-layout .filters-sidebar{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}@media (max-width: 968px){.cases-page .container .content-layout .filters-sidebar{position:static}}.cases-page .container .content-layout .filters-sidebar h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 20px}.cases-page .container .content-layout .filters-sidebar .filter-group{margin-bottom:20px}.cases-page .container .content-layout .filters-sidebar .filter-group label{display:block;font-size:14px;font-weight:600;color:#404145;margin-bottom:8px}.cases-page .container .content-layout .filters-sidebar .filter-group select{width:100%;padding:10px 12px;border:2px solid #e8e8e8;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s;background:white;color:#404145}.cases-page .container .content-layout .filters-sidebar .filter-group select:focus{outline:none;border-color:#1b3a52}.cases-page .container .content-layout .filters-sidebar .clear-filters{width:100%;padding:10px;background:transparent;color:#1b3a52;border:2px solid #1B3A52;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.cases-page .container .content-layout .filters-sidebar .clear-filters:hover{background:#1B3A52;color:#fff}.cases-page .container .content-layout .cases-content .loader-container,.cases-page .container .content-layout .cases-content .error-container{background:white;padding:80px 40px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #00000014}.cases-page .container .content-layout .cases-content .results-count{margin-bottom:20px;font-size:15px;color:#62646a;font-weight:600}.cases-page .container .content-layout .cases-content .cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}@media (max-width: 768px){.cases-page .container .content-layout .cases-content .cases-grid{grid-template-columns:1fr}}.cases-page .container .content-layout .cases-content .cases-grid .case-card{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .2s;border-right:4px solid transparent}.cases-page .container .content-layout .cases-content .cases-grid .case-card:hover{box-shadow:0 4px 16px #0000001f;transform:translate(-4px);border-right-color:#c9a961}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-header{margin-bottom:16px}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-header .case-title-section h3{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 8px;line-height:1.4}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-header .case-title-section .case-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-header .case-title-section .case-meta .category{background:rgba(27,58,82,.1);color:#1b3a52;padding:4px 12px;border-radius:12px;font-weight:600}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-header .case-title-section .case-meta .status{padding:4px 12px;border-radius:12px;font-weight:600}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-description{font-size:15px;color:#62646a;line-height:1.6;margin:0 0 16px}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer{padding-top:16px;border-top:1px solid #e8e8e8;margin-bottom:12px}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer .case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}@media (max-width: 768px){.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer .case-stats{grid-template-columns:1fr}}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer .case-stats .stat{display:flex;flex-direction:column;gap:4px}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer .case-stats .stat .label{font-size:12px;color:#95979d}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer .case-stats .stat .value{font-size:14px;font-weight:600;color:#404145}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer .case-counts{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#62646a}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-footer .case-counts .count{display:flex;align-items:center;gap:4px}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-parties{padding-top:12px;border-top:1px solid #e8e8e8}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-parties .party{display:flex;gap:8px;font-size:14px}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-parties .party .party-label{color:#95979d}.cases-page .container .content-layout .cases-content .cases-grid .case-card .case-parties .party .party-name{color:#1b3a52;font-weight:600}.cases-page .container .content-layout .cases-content .empty-state{background:white;border-radius:8px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #00000014}.cases-page .container .content-layout .cases-content .empty-state .empty-icon{font-size:64px;margin-bottom:24px}.cases-page .container .content-layout .cases-content .empty-state h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.cases-page .container .content-layout .cases-content .empty-state p{font-size:16px;color:#62646a;margin:0}.case-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.case-page .container{max-width:1200px;margin:0 auto}.case-page .container .breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.case-page .container .breadcrumbs a{color:#1b3a52;text-decoration:none;font-weight:600}.case-page .container .breadcrumbs a:hover{text-decoration:underline}.case-page .container .breadcrumbs span{color:#95979d}.case-page .container .loader-container,.case-page .container .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}.case-page .container .loader-container button,.case-page .container .error-container button{margin-top:20px;padding:12px 24px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.case-page .container .loader-container button:hover,.case-page .container .error-container button:hover{background:#0F2838}.case-page .container .case-layout{display:grid;grid-template-columns:1fr 350px;gap:24px}@media (max-width: 968px){.case-page .container .case-layout{grid-template-columns:1fr}}.case-page .container .case-layout .case-main .case-header{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.case-page .container .case-layout .case-main .case-header h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 12px;line-height:1.3}@media (max-width: 768px){.case-page .container .case-layout .case-main .case-header h1{font-size:24px}}.case-page .container .case-layout .case-main .case-header .case-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.case-page .container .case-layout .case-main .case-header .case-meta .category{background:rgba(27,58,82,.1);color:#1b3a52;padding:6px 14px;border-radius:16px;font-weight:600}.case-page .container .case-layout .case-main .case-header .case-meta .status{padding:6px 14px;border-radius:16px;font-weight:600}.case-page .container .case-layout .case-main .case-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.case-page .container .case-layout .case-main .case-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.case-page .container .case-layout .case-main .case-section .description{font-size:16px;color:#404145;line-height:1.8;white-space:pre-wrap}.case-page .container .case-layout .case-main .case-section .empty-text{color:#95979d;text-align:center;padding:20px}.case-page .container .case-layout .case-main .case-section .notes-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.case-page .container .case-layout .case-main .case-section .notes-list .note-item{padding:16px;background:#f8f9fa;border-radius:6px;border-right:3px solid #C9A961}.case-page .container .case-layout .case-main .case-section .notes-list .note-item p{font-size:15px;color:#404145;line-height:1.6;margin:0 0 8px}.case-page .container .case-layout .case-main .case-section .notes-list .note-item .note-date{font-size:13px;color:#95979d}.case-page .container .case-layout .case-main .case-section .add-note-form{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #e8e8e8}.case-page .container .case-layout .case-main .case-section .add-note-form textarea{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;line-height:1.6;resize:vertical;transition:all .2s}.case-page .container .case-layout .case-main .case-section .add-note-form textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.case-page .container .case-layout .case-main .case-section .add-note-form button{align-self:flex-end;padding:10px 24px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.case-page .container .case-layout .case-main .case-section .add-note-form button:hover:not(:disabled){background:#0F2838}.case-page .container .case-layout .case-main .case-section .add-note-form button:disabled{background:#95979d;cursor:not-allowed}.case-page .container .case-layout .case-main .case-section .documents-list{display:flex;flex-direction:column;gap:8px}.case-page .container .case-layout .case-main .case-section .documents-list .document-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0f2f5;border-radius:6px;text-decoration:none;transition:all .2s}.case-page .container .case-layout .case-main .case-section .documents-list .document-item .icon{font-size:20px}.case-page .container .case-layout .case-main .case-section .documents-list .document-item .doc-name{flex:1;color:#1b3a52;font-weight:600;font-size:14px}.case-page .container .case-layout .case-main .case-section .documents-list .document-item .doc-date{color:#95979d;font-size:13px}.case-page .container .case-layout .case-main .case-section .documents-list .document-item:hover{background:#e4e6e9}.case-page .container .case-layout .case-main .case-section .hearings-list{display:flex;flex-direction:column;gap:16px}.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item{padding:16px;background:#f8f9fa;border-radius:6px;border-right:3px solid #1B3A52}.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item .hearing-info{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:14px;color:#404145}.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item .hearing-info .hearing-date,.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item .hearing-info .hearing-location{display:flex;align-items:center;gap:4px}.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item .hearing-notes{font-size:14px;color:#62646a;line-height:1.6;margin:8px 0}.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item .hearing-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item .hearing-status.attended{background:rgba(40,167,69,.1);color:#28a745}.case-page .container .case-layout .case-main .case-section .hearings-list .hearing-item .hearing-status.pending{background:rgba(255,193,7,.1);color:#ffc107}.case-page .container .case-layout .case-main .case-section .case-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.case-page .container .case-layout .case-main .case-section .case-details-grid{grid-template-columns:1fr}}.case-page .container .case-layout .case-main .case-section .case-details-grid .detail-item{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:#f8f9fa;border-radius:6px;border-right:3px solid #1B3A52}.case-page .container .case-layout .case-main .case-section .case-details-grid .detail-item .detail-label{font-size:13px;color:#95979d;font-weight:600}.case-page .container .case-layout .case-main .case-section .case-details-grid .detail-item .detail-value{font-size:15px;color:#404145;font-weight:600}.case-page .container .case-layout .case-main .case-section.labor-section{border-right:4px solid #C9A961}.case-page .container .case-layout .case-main .case-section.labor-section h2{color:#c9a961}.case-page .container .case-layout .case-main .case-section.labor-section .detail-item{border-right-color:#c9a961}.case-page .container .case-layout .case-sidebar .sidebar-card{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.case-page .container .case-layout .case-sidebar .sidebar-card h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.case-page .container .case-layout .case-sidebar .sidebar-card .info-list .info-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e8e8e8}.case-page .container .case-layout .case-sidebar .sidebar-card .info-list .info-item:last-child{border-bottom:none}.case-page .container .case-layout .case-sidebar .sidebar-card .info-list .info-item .label{font-size:14px;color:#62646a}.case-page .container .case-layout .case-sidebar .sidebar-card .info-list .info-item .value{font-size:14px;font-weight:600;color:#404145}.case-page .container .case-layout .case-sidebar .sidebar-card .party-info{margin-bottom:16px}.case-page .container .case-layout .case-sidebar .sidebar-card .party-info:last-child{margin-bottom:0}.case-page .container .case-layout .case-sidebar .sidebar-card .party-info strong{display:block;font-size:14px;color:#404145;margin-bottom:6px}.case-page .container .case-layout .case-sidebar .sidebar-card .party-info p{font-size:16px;font-weight:600;color:#1b3a52;margin:0}.case-page .container .case-layout .case-sidebar .sidebar-card .party-info .client-phone{font-size:14px;color:#62646a;margin-top:6px}@media (max-width: 968px){.case-page .container .case-layout .case-sidebar .sidebar-card{order:-1}}.add-case-page{min-height:calc(100vh - 80px);background:white;padding:40px 20px}.add-case-page .container{max-width:900px;margin:0 auto}.add-case-page .container .page-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:2px solid #e8e8e8}.add-case-page .container .page-header h1{font-size:36px;font-weight:700;color:#1b3a52;margin:0 0 12px;line-height:1.3}@media (max-width: 768px){.add-case-page .container .page-header h1{font-size:28px}}.add-case-page .container .page-header p{font-size:16px;color:#62646a;margin:0;line-height:1.6}.add-case-page .container .case-form .form-section{background:white;padding:32px;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;transition:all .3s ease}.add-case-page .container .case-form .form-section:hover{box-shadow:0 4px 16px #0000001f}@media (max-width: 768px){.add-case-page .container .case-form .form-section{padding:24px 20px}}.add-case-page .container .case-form .form-section h2{font-size:22px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #C9A961;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.add-case-page .container .case-form .form-section h2{font-size:20px}}.add-case-page .container .case-form .form-section.labor-section{border-right:4px solid #C9A961}.add-case-page .container .case-form .form-section.labor-section h2{border-bottom-color:#c9a961}.add-case-page .container .case-form .form-section .form-group{margin-bottom:24px}.add-case-page .container .case-form .form-section .form-group:last-child{margin-bottom:0}.add-case-page .container .case-form .form-section .form-group label{display:block;font-size:15px;font-weight:600;color:#404145;margin-bottom:10px;line-height:1.5}.add-case-page .container .case-form .form-section .form-group input[type=text],.add-case-page .container .case-form .form-section .form-group input[type=tel],.add-case-page .container .case-form .form-section .form-group input[type=number],.add-case-page .container .case-form .form-section .form-group input[type=date],.add-case-page .container .case-form .form-section .form-group select,.add-case-page .container .case-form .form-section .form-group textarea{width:100%;padding:14px 16px;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;font-family:inherit;line-height:1.6;transition:all .2s ease;background:white;color:#404145}.add-case-page .container .case-form .form-section .form-group input[type=text]:focus,.add-case-page .container .case-form .form-section .form-group input[type=tel]:focus,.add-case-page .container .case-form .form-section .form-group input[type=number]:focus,.add-case-page .container .case-form .form-section .form-group input[type=date]:focus,.add-case-page .container .case-form .form-section .form-group select:focus,.add-case-page .container .case-form .form-section .form-group textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 4px #1b3a521a}.add-case-page .container .case-form .form-section .form-group input[type=text]::-moz-placeholder,.add-case-page .container .case-form .form-section .form-group input[type=tel]::-moz-placeholder,.add-case-page .container .case-form .form-section .form-group input[type=number]::-moz-placeholder,.add-case-page .container .case-form .form-section .form-group input[type=date]::-moz-placeholder,.add-case-page .container .case-form .form-section .form-group select::-moz-placeholder,.add-case-page .container .case-form .form-section .form-group textarea::-moz-placeholder{color:#b5b6ba}.add-case-page .container .case-form .form-section .form-group input[type=text]::placeholder,.add-case-page .container .case-form .form-section .form-group input[type=tel]::placeholder,.add-case-page .container .case-form .form-section .form-group input[type=number]::placeholder,.add-case-page .container .case-form .form-section .form-group input[type=date]::placeholder,.add-case-page .container .case-form .form-section .form-group select::placeholder,.add-case-page .container .case-form .form-section .form-group textarea::placeholder{color:#b5b6ba}.add-case-page .container .case-form .form-section .form-group textarea{resize:vertical;min-height:120px}.add-case-page .container .case-form .form-section .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23404145' d='M6 8L0 2l1.5-1.5L6 5l4.5-4.5L12 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center;padding-left:40px}.add-case-page .container .case-form .form-section .form-group input[type=file]{padding:12px;border:2px dashed #e8e8e8;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.add-case-page .container .case-form .form-section .form-group input[type=file]:hover{border-color:#1b3a52;background:rgba(27,58,82,.02)}.add-case-page .container .case-form .form-section .form-group .helper-text{display:block;font-size:13px;color:#95979d;margin-top:8px;line-height:1.5}.add-case-page .container .case-form .form-section .form-group .selected-files{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border-right:3px solid #C9A961}.add-case-page .container .case-form .form-section .form-group .selected-files strong{display:block;font-size:14px;color:#404145;margin-bottom:12px}.add-case-page .container .case-form .form-section .form-group .selected-files ul{list-style:none;padding:0;margin:0}.add-case-page .container .case-form .form-section .form-group .selected-files ul li{padding:10px 12px;background:white;border-radius:6px;margin-bottom:8px;font-size:14px;color:#404145;display:flex;align-items:center;gap:8px;box-shadow:0 1px 3px #00000014}.add-case-page .container .case-form .form-section .form-group .selected-files ul li:last-child{margin-bottom:0}.add-case-page .container .case-form .form-section .form-group .selected-files ul li .file-icon{font-size:16px}.add-case-page .container .case-form .form-section .form-group .selected-files ul li .file-size{margin-right:auto;font-size:12px;color:#95979d}.add-case-page .container .case-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.add-case-page .container .case-form .form-section .form-row{grid-template-columns:1fr}}.add-case-page .container .case-form .form-actions{display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:32px;border-top:2px solid #e8e8e8}@media (max-width: 768px){.add-case-page .container .case-form .form-actions{flex-direction:column-reverse}}.add-case-page .container .case-form .form-actions button{padding:16px 48px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none;min-width:200px}@media (max-width: 768px){.add-case-page .container .case-form .form-actions button{min-width:100%}}.add-case-page .container .case-form .form-actions .submit-btn{background:linear-gradient(135deg,#1B3A52 0%,#0F2838 100%);color:#fff;box-shadow:0 4px 12px #1b3a524d}.add-case-page .container .case-form .form-actions .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1b3a5266}.add-case-page .container .case-form .form-actions .submit-btn:active:not(:disabled){transform:translateY(0)}.add-case-page .container .case-form .form-actions .submit-btn:disabled{background:#95979d;cursor:not-allowed;box-shadow:none;transform:none}.add-case-page .container .case-form .form-actions .cancel-btn{background:white;color:#62646a;border:2px solid #e8e8e8}.add-case-page .container .case-form .form-actions .cancel-btn:hover{background:#f8f9fa;border-color:#62646a;color:#404145}.loader-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:40px 20px}.loader-container h2,.error-container h2{font-size:24px;color:#1b3a52;margin:16px 0 8px}.loader-container p,.error-container p{font-size:16px;color:#62646a}[dir=rtl] .add-case-page .case-form .form-section.labor-section{border-right:none;border-left:4px solid #C9A961}[dir=rtl] .add-case-page .case-form .form-section .form-group select{background-position:right 16px center;padding-left:16px;padding-right:40px}[dir=rtl] .add-case-page .case-form .form-section .form-group .selected-files{border-right:none;border-left:3px solid #C9A961}[dir=rtl] .add-case-page .case-form .form-section .form-group .selected-files ul li .file-size{margin-right:0;margin-left:auto}@media (prefers-color-scheme: dark){.add-case-page{background:#1a1a1a}.add-case-page .container .page-header{border-bottom-color:#333}.add-case-page .container .page-header h1{color:#f0f0f0}.add-case-page .container .page-header p{color:#b0b0b0}.add-case-page .container .case-form .form-section{background:#2a2a2a;box-shadow:0 2px 12px #0000004d}.add-case-page .container .case-form .form-section h2{color:#f0f0f0}.add-case-page .container .case-form .form-section .form-group label{color:#e0e0e0}.add-case-page .container .case-form .form-section .form-group input,.add-case-page .container .case-form .form-section .form-group select,.add-case-page .container .case-form .form-section .form-group textarea{background:#1a1a1a;border-color:#444;color:#f0f0f0}.add-case-page .container .case-form .form-section .form-group input:focus,.add-case-page .container .case-form .form-section .form-group select:focus,.add-case-page .container .case-form .form-section .form-group textarea:focus{border-color:#c9a961}}.questions-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.questions-page .container{max-width:1400px;margin:0 auto}.questions-page .container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.questions-page .container .page-header{flex-direction:column;gap:20px;padding:24px}}.questions-page .container .page-header .header-content h1{font-size:32px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.questions-page .container .page-header .header-content h1{font-size:24px}}.questions-page .container .page-header .header-content p{font-size:16px;color:#62646a;margin:0}.questions-page .container .page-header .ask-question-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}@media (max-width: 768px){.questions-page .container .page-header .ask-question-btn{width:100%;justify-content:center}}.questions-page .container .page-header .ask-question-btn .icon{font-size:20px;font-weight:700}.questions-page .container .page-header .ask-question-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.questions-page .container .content-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}@media (max-width: 968px){.questions-page .container .content-layout{grid-template-columns:1fr}}.questions-page .container .content-layout .filters-sidebar{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}@media (max-width: 968px){.questions-page .container .content-layout .filters-sidebar{position:static}}.questions-page .container .content-layout .filters-sidebar h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 20px}.questions-page .container .content-layout .filters-sidebar .filter-group{margin-bottom:20px}.questions-page .container .content-layout .filters-sidebar .filter-group label{display:block;font-size:14px;font-weight:600;color:#404145;margin-bottom:8px}.questions-page .container .content-layout .filters-sidebar .filter-group select{width:100%;padding:10px 12px;border:2px solid #e8e8e8;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s}.questions-page .container .content-layout .filters-sidebar .filter-group select:focus{outline:none;border-color:#1b3a52}.questions-page .container .content-layout .filters-sidebar .clear-filters{width:100%;padding:10px;background:transparent;color:#1b3a52;border:2px solid #1B3A52;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.questions-page .container .content-layout .filters-sidebar .clear-filters:hover{background:#1B3A52;color:#fff}.questions-page .container .content-layout .questions-content .loader-container,.questions-page .container .content-layout .questions-content .error-container{background:white;padding:80px 40px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #00000014}.questions-page .container .content-layout .questions-content .results-count{margin-bottom:20px;font-size:15px;color:#62646a;font-weight:600}.questions-page .container .content-layout .questions-content .questions-list{display:flex;flex-direction:column;gap:16px}.questions-page .container .content-layout .questions-content .questions-list .question-card{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .2s;border-right:4px solid transparent}.questions-page .container .content-layout .questions-content .questions-list .question-card:hover{box-shadow:0 4px 16px #0000001f;transform:translate(-4px);border-right-color:#c9a961}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-header{margin-bottom:16px}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-header .question-title-section h3{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 8px;line-height:1.4}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-header .question-title-section .question-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-header .question-title-section .question-meta .category{background:rgba(27,58,82,.1);color:#1b3a52;padding:4px 12px;border-radius:12px;font-weight:600}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-header .question-title-section .question-meta .status{padding:4px 12px;border-radius:12px;font-weight:600}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-header .question-title-section .question-meta .time{color:#95979d}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-description{font-size:15px;color:#62646a;line-height:1.6;margin:0 0 16px}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e8e8e8}@media (max-width: 768px){.questions-page .container .content-layout .questions-content .questions-list .question-card .question-footer{flex-direction:column;align-items:flex-start;gap:12px}}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-footer .question-stats{display:flex;gap:20px}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-footer .question-stats .stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#62646a}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-footer .question-stats .stat .icon{font-size:16px}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-footer .question-tags{display:flex;flex-wrap:wrap;gap:8px}.questions-page .container .content-layout .questions-content .questions-list .question-card .question-footer .question-tags .tag{background:#f0f2f5;color:#404145;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.questions-page .container .content-layout .questions-content .empty-state{background:white;border-radius:8px;padding:80px 40px;text-align:center;box-shadow:0 2px 8px #00000014}.questions-page .container .content-layout .questions-content .empty-state .empty-icon{font-size:64px;margin-bottom:24px}.questions-page .container .content-layout .questions-content .empty-state h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.questions-page .container .content-layout .questions-content .empty-state p{font-size:16px;color:#62646a;margin:0 0 32px}.questions-page .container .content-layout .questions-content .empty-state .ask-first-question{padding:14px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.questions-page .container .content-layout .questions-content .empty-state .ask-first-question:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.question-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.question-page .container{max-width:1200px;margin:0 auto}.question-page .container .breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.question-page .container .breadcrumbs a{color:#1b3a52;text-decoration:none;font-weight:600}.question-page .container .breadcrumbs a:hover{text-decoration:underline}.question-page .container .breadcrumbs span{color:#95979d}.question-page .container .loader-container,.question-page .container .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}.question-page .container .loader-container button,.question-page .container .error-container button{margin-top:20px;padding:12px 24px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.question-page .container .loader-container button:hover,.question-page .container .error-container button:hover{background:#0F2838}.question-page .container .question-layout{display:grid;grid-template-columns:1fr 350px;gap:24px}@media (max-width: 968px){.question-page .container .question-layout{grid-template-columns:1fr}}.question-page .container .question-layout .question-main .question-header{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.question-page .container .question-layout .question-main .question-header .header-top{margin-bottom:20px}.question-page .container .question-layout .question-main .question-header .header-top h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 12px;line-height:1.3}@media (max-width: 768px){.question-page .container .question-layout .question-main .question-header .header-top h1{font-size:24px}}.question-page .container .question-layout .question-main .question-header .header-top .question-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.question-page .container .question-layout .question-main .question-header .header-top .question-meta .category{background:rgba(27,58,82,.1);color:#1b3a52;padding:6px 14px;border-radius:16px;font-weight:600}.question-page .container .question-layout .question-main .question-header .header-top .question-meta .status{padding:6px 14px;border-radius:16px;font-weight:600}.question-page .container .question-layout .question-main .question-header .header-top .question-meta .status[data-status=open]{background:rgba(40,167,69,.1);color:#28a745}.question-page .container .question-layout .question-main .question-header .header-top .question-meta .status[data-status=answered]{background:rgba(0,123,255,.1);color:#007bff}.question-page .container .question-layout .question-main .question-header .header-top .question-meta .status[data-status=closed]{background:rgba(108,117,125,.1);color:#6c757d}.question-page .container .question-layout .question-main .question-header .header-top .question-meta .posted{color:#95979d}.question-page .container .question-layout .question-main .question-header .asker-info{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #e8e8e8}.question-page .container .question-layout .question-main .question-header .asker-info .asker-avatar{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e8e8e8}.question-page .container .question-layout .question-main .question-header .asker-info .asker-details{display:flex;flex-direction:column}.question-page .container .question-layout .question-main .question-header .asker-info .asker-details .asker-name{font-size:16px;font-weight:600;color:#1b3a52}.question-page .container .question-layout .question-main .question-header .asker-info .asker-details .asker-label{font-size:13px;color:#95979d}.question-page .container .question-layout .question-main .question-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.question-page .container .question-layout .question-main .question-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.question-page .container .question-layout .question-main .question-section .description{font-size:16px;color:#404145;line-height:1.8;white-space:pre-wrap}.question-page .container .question-layout .question-main .question-section .tags-list{display:flex;flex-wrap:wrap;gap:8px}.question-page .container .question-layout .question-main .question-section .tags-list .tag{background:#f0f2f5;color:#404145;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500}.question-page .container .question-layout .question-main .answers-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.question-page .container .question-layout .question-main .answers-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.question-page .container .question-layout .question-main .answers-section .answers-list{display:flex;flex-direction:column;gap:20px}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card{padding:20px;border:2px solid #e8e8e8;border-radius:8px;transition:all .2s}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card:hover{border-color:#c9a961}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}@media (max-width: 768px){.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header{flex-direction:column;align-items:flex-start;gap:12px}}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .lawyer-info{display:flex;align-items:center;gap:12px}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .lawyer-info .lawyer-avatar{width:45px;height:45px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e8e8e8}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .lawyer-info .lawyer-details{display:flex;flex-direction:column}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .lawyer-info .lawyer-details h4{font-size:16px;font-weight:600;color:#1b3a52;margin:0}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .lawyer-info .lawyer-details .lawyer-label{font-size:13px;color:#95979d}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .answer-badges{display:flex;gap:8px}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .answer-badges .verified-badge,.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .answer-badges .helpful-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .answer-badges .verified-badge{background:rgba(40,167,69,.1);color:#28a745}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-header .answer-badges .helpful-badge{background:rgba(0,123,255,.1);color:#007bff}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-body p{font-size:15px;color:#404145;line-height:1.8;white-space:pre-wrap;margin:0 0 16px}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e8e8e8}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-footer .answer-meta .date{font-size:13px;color:#95979d}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-footer .like-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:2px solid #e8e8e8;border-radius:6px;cursor:pointer;transition:all .2s}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-footer .like-btn img{width:18px;height:18px}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-footer .like-btn span{font-size:14px;font-weight:600;color:#404145}.question-page .container .question-layout .question-main .answers-section .answers-list .answer-card .answer-footer .like-btn:hover{border-color:#c9a961;background:rgba(201,169,97,.1)}.question-page .container .question-layout .question-main .answers-section .no-answers{text-align:center;padding:40px}.question-page .container .question-layout .question-main .answers-section .no-answers p{font-size:16px;color:#95979d;margin:0}.question-page .container .question-layout .question-main .answer-form-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.question-page .container .question-layout .question-main .answer-form-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 16px}.question-page .container .question-layout .question-main .answer-form-section .answer-form textarea{width:100%;padding:14px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;line-height:1.6;resize:vertical;transition:all .2s;margin-bottom:16px}.question-page .container .question-layout .question-main .answer-form-section .answer-form textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.question-page .container .question-layout .question-main .answer-form-section .answer-form textarea::-moz-placeholder{color:#95979d}.question-page .container .question-layout .question-main .answer-form-section .answer-form textarea::placeholder{color:#95979d}.question-page .container .question-layout .question-main .answer-form-section .answer-form .submit-btn{padding:14px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.question-page .container .question-layout .question-main .answer-form-section .answer-form .submit-btn:hover:not(:disabled){background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.question-page .container .question-layout .question-main .answer-form-section .answer-form .submit-btn:disabled{background:#95979d;cursor:not-allowed}.question-page .container .question-layout .question-main .login-prompt{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;text-align:center}.question-page .container .question-layout .question-main .login-prompt p{font-size:16px;color:#62646a;margin:0 0 20px}.question-page .container .question-layout .question-main .login-prompt button{padding:12px 32px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer}.question-page .container .question-layout .question-main .login-prompt button:hover{background:#0F2838}.question-page .container .question-layout .question-sidebar .sidebar-card{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.question-page .container .question-layout .question-sidebar .sidebar-card h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.question-page .container .question-layout .question-sidebar .sidebar-card .stats-list .stat-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e8e8e8}.question-page .container .question-layout .question-sidebar .sidebar-card .stats-list .stat-item:last-child{border-bottom:none}.question-page .container .question-layout .question-sidebar .sidebar-card .stats-list .stat-item .label{font-size:14px;color:#62646a}.question-page .container .question-layout .question-sidebar .sidebar-card .stats-list .stat-item .value{font-size:14px;font-weight:600;color:#404145}.question-page .container .question-layout .question-sidebar .sidebar-card .coming-soon{text-align:center;color:#95979d;font-size:14px;padding:20px}@media (max-width: 968px){.question-page .container .question-layout .question-sidebar .sidebar-card{order:-1}}.ask-question-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.ask-question-page .container{max-width:1200px;margin:0 auto}.ask-question-page .container .page-header{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;text-align:center}.ask-question-page .container .page-header h1{font-size:32px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.ask-question-page .container .page-header h1{font-size:24px}}.ask-question-page .container .page-header p{font-size:16px;color:#62646a;margin:0}.ask-question-page .container .form-layout{display:grid;grid-template-columns:350px 1fr;gap:24px}@media (max-width: 968px){.ask-question-page .container .form-layout{grid-template-columns:1fr}.ask-question-page .container .form-layout .tips-sidebar{order:2}}.ask-question-page .container .form-layout .tips-sidebar .tips-card{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.ask-question-page .container .form-layout .tips-sidebar .tips-card h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 16px}.ask-question-page .container .form-layout .tips-sidebar .tips-card ul{list-style:none;padding:0;margin:0}.ask-question-page .container .form-layout .tips-sidebar .tips-card ul li{padding:12px 0;border-bottom:1px solid #e8e8e8}.ask-question-page .container .form-layout .tips-sidebar .tips-card ul li:last-child{border-bottom:none}.ask-question-page .container .form-layout .tips-sidebar .tips-card ul li strong{display:block;font-size:14px;color:#1b3a52;margin-bottom:4px}.ask-question-page .container .form-layout .tips-sidebar .tips-card ul li span{font-size:13px;color:#62646a;line-height:1.5}.ask-question-page .container .form-layout .tips-sidebar .tips-card ul.examples li{font-size:14px;color:#404145;padding:8px 20px 8px 0;position:relative}.ask-question-page .container .form-layout .tips-sidebar .tips-card ul.examples li:before{content:"\2022";position:absolute;right:0;color:#c9a961;font-weight:700}.ask-question-page .container .form-layout .form-content .question-form .form-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}@media (max-width: 768px){.ask-question-page .container .form-layout .form-content .question-form .form-section{padding:24px}}.ask-question-page .container .form-layout .form-content .question-form .form-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group{margin-bottom:24px}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group:last-child{margin-bottom:0}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group label{display:block;font-size:15px;font-weight:600;color:#404145;margin-bottom:8px}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group input,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group select,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;transition:all .2s}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group input:focus,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group select:focus,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group input::-moz-placeholder,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group select::-moz-placeholder,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group textarea::-moz-placeholder{color:#95979d}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group input::placeholder,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group select::placeholder,.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group textarea::placeholder{color:#95979d}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group textarea{resize:vertical;line-height:1.6}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group select{cursor:pointer}.ask-question-page .container .form-layout .form-content .question-form .form-section .form-group .helper-text{display:block;font-size:13px;color:#95979d;margin-top:6px}.ask-question-page .container .form-layout .form-content .question-form .form-actions{display:flex;gap:16px;background:white;padding:24px 32px;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.ask-question-page .container .form-layout .form-content .question-form .form-actions{flex-direction:column;padding:24px}}.ask-question-page .container .form-layout .form-content .question-form .form-actions .submit-btn,.ask-question-page .container .form-layout .form-content .question-form .form-actions .cancel-btn{flex:1;padding:16px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.ask-question-page .container .form-layout .form-content .question-form .form-actions .submit-btn{background:#1B3A52;color:#fff;border:none}.ask-question-page .container .form-layout .form-content .question-form .form-actions .submit-btn:hover:not(:disabled){background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.ask-question-page .container .form-layout .form-content .question-form .form-actions .submit-btn:disabled{background:#95979d;cursor:not-allowed;transform:none}.ask-question-page .container .form-layout .form-content .question-form .form-actions .cancel-btn{background:white;color:#1b3a52;border:2px solid #1B3A52}.ask-question-page .container .form-layout .form-content .question-form .form-actions .cancel-btn:hover{background:#f0f2f5}.profile-page{min-height:100vh;background:#f5f5f5;padding:2rem 0;direction:rtl;font-family:Tajawal,sans-serif}.profile-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.profile-page .loader-container{display:flex;justify-content:center;align-items:center;min-height:400px}.profile-page .error-container{background:white;padding:4rem 2rem;border-radius:4px;text-align:center;border:1px solid #dadbdd}.profile-page .error-container h2{font-size:1.75rem;font-weight:700;color:#e53e3e;margin-bottom:1rem}.profile-page .error-container p{color:#62646a;margin-bottom:2rem}.profile-page .error-container button{background:#1dbf73;color:#fff;border:none;padding:1rem 2.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.profile-page .error-container button:hover{background:#19a463}.profile-page .profile-header{background:white;border:1px solid #dadbdd;border-radius:4px;padding:2.5rem;margin-bottom:2rem}.profile-page .header-content{display:flex;align-items:flex-start;gap:2rem}.profile-page .profile-avatar{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#1dbf73 0%,#19a463 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px #1dbf7333;overflow:hidden}.profile-page .profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-page .profile-info{flex:1}.profile-page .profile-name{font-size:2.25rem;font-weight:800;color:#404145;margin-bottom:.5rem}.profile-page .profile-title{font-size:1.25rem;color:#62646a;margin-bottom:1rem}.profile-page .profile-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.profile-page .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.profile-page .badge.verified{background:#d4edda;color:#155724}.profile-page .badge.pro{background:#cce5ff;color:#004085}.profile-page .badge:not(.verified):not(.pro){background:#ffe0b3;color:#222325}.profile-page .profile-meta{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem}.profile-page .meta-item{display:flex;align-items:center;gap:.5rem;color:#62646a;font-size:.95rem}.profile-page .meta-item .icon{font-size:1.1rem}.profile-page .rating-display{display:flex;align-items:center;gap:.5rem}.profile-page .rating-display .stars{color:#ffb33e;font-size:1.1rem}.profile-page .rating-display .rating-number{font-weight:700;color:#404145;font-size:1.1rem}.profile-page .rating-display .rating-count{color:#95979d}.profile-page .profile-description{font-size:1rem;line-height:1.7;color:#62646a;margin-bottom:1.5rem}.profile-page .profile-actions{display:flex;gap:1rem;margin-bottom:1rem}.profile-page .contact-btn,.profile-page .share-btn,.profile-page .edit-btn{background:#1dbf73;color:#fff;border:none;padding:.875rem 2rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.profile-page .contact-btn:hover,.profile-page .share-btn:hover,.profile-page .edit-btn:hover{background:#19a463}.profile-page .share-btn,.profile-page .edit-btn{background:white;color:#222325;border:1px solid #dadbdd}.profile-page .share-btn:hover,.profile-page .edit-btn:hover{background:#f5f5f5}.profile-page .profile-stats-mini{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.profile-page .mini-stat{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:white;border:1px solid #dadbdd;border-radius:4px;font-size:.75rem;color:#62646a}.profile-page .mini-stat-value{font-weight:700;color:#404145}.profile-page .profile-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}.profile-page .profile-main{background:white;border:1px solid #dadbdd;border-radius:4px}.profile-page .tabs-section{border-bottom:1px solid #dadbdd}.profile-page .tabs-nav{display:flex;padding:0 2rem}.profile-page .tab-btn{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#62646a;cursor:pointer;transition:all .2s;font-family:Tajawal,sans-serif}.profile-page .tab-btn:hover{color:#404145}.profile-page .tab-btn.active{color:#404145;border-bottom-color:#222325}.profile-page .tab-content{padding:2rem}.profile-page .tab-pane .empty-state{text-align:center;padding:3rem 2rem;color:#95979d}.profile-page .services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.profile-page .service-card{border:1px solid #dadbdd;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s}.profile-page .service-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.profile-page .service-card .service-image{width:100%;height:150px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem}.profile-page .service-card .service-body{padding:1rem}.profile-page .service-card .service-body .service-title{font-size:.95rem;font-weight:600;color:#404145;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-page .service-card .service-body .service-footer{display:flex;justify-content:space-between;align-items:center}.profile-page .service-card .service-body .service-footer .service-rating{display:flex;align-items:center;gap:.25rem;font-size:.85rem}.profile-page .service-card .service-body .service-footer .service-rating .stars{color:#ffb33e}.profile-page .service-card .service-body .service-footer .service-price{font-size:1rem;font-weight:700;color:#404145}.profile-page .about-section{margin-bottom:2rem}.profile-page .about-section:last-child{margin-bottom:0}.profile-page .section-title{font-size:1.25rem;font-weight:700;color:#404145;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #efeff0}.profile-page .about-text{font-size:1rem;line-height:1.8;color:#62646a}.profile-page .empty-text{color:#95979d;font-style:italic}.profile-page .info-list{list-style:none;padding:0;margin:0}.profile-page .info-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #efeff0;color:#62646a}.profile-page .info-list li:last-child{border-bottom:none}.profile-page .info-icon{color:#1dbf73;font-size:1.1rem;width:24px;flex-shrink:0}.profile-page .review-card{padding:1.5rem 0;border-bottom:1px solid #efeff0}.profile-page .review-card:last-child{border-bottom:none}.profile-page .review-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.profile-page .reviewer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0;overflow:hidden}.profile-page .reviewer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-page .reviewer-info{flex:1}.profile-page .reviewer-name{font-weight:600;color:#404145;margin-bottom:.25rem}.profile-page .review-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#95979d}.profile-page .review-meta .stars{color:#ffb33e}.profile-page .review-text{font-size:.95rem;line-height:1.7;color:#62646a;margin-bottom:.75rem}.profile-page .review-gig{font-size:.85rem;color:#95979d}.profile-page .profile-sidebar{position:sticky;top:2rem}.profile-page .info-card{background:white;border:1px solid #dadbdd;border-radius:4px;padding:1.5rem;margin-bottom:1.5rem}.profile-page .info-card h3{font-size:1.1rem;font-weight:700;color:#404145;margin-bottom:1rem}.profile-page .info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #efeff0}.profile-page .info-row:last-child{border-bottom:none}.profile-page .info-label{color:#62646a;font-size:.9rem}.profile-page .info-value{color:#404145;font-weight:600;font-size:.9rem}.profile-page .languages-list{display:flex;flex-direction:column;gap:.5rem}.profile-page .language-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.profile-page .language-name{color:#404145;font-weight:500}.profile-page .language-level{color:#62646a;font-size:.85rem}@media (max-width: 1024px){.profile-page .profile-layout{grid-template-columns:1fr}.profile-page .profile-sidebar{position:static}.profile-page .services-grid{grid-template-columns:1fr}}@media (max-width: 768px){.profile-page .container{padding:0 1rem}.profile-page .header-content{flex-direction:column;align-items:center;text-align:center}.profile-page .profile-avatar{width:120px;height:120px;font-size:3rem}.profile-page .profile-name{font-size:1.75rem}.profile-page .profile-actions{flex-direction:column;width:100%}.profile-page .contact-btn,.profile-page .share-btn,.profile-page .edit-btn{width:100%}.profile-page .profile-stats-mini{justify-content:center}.profile-page .tabs-nav{padding:0 1rem;overflow-x:auto}.profile-page .tab-content{padding:1rem}}.settings-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.settings-page .container{max-width:900px;margin:0 auto}.settings-page .container .page-header{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;text-align:center}.settings-page .container .page-header h1{font-size:32px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.settings-page .container .page-header h1{font-size:24px}}.settings-page .container .page-header p{font-size:16px;color:#62646a;margin:0}.settings-page .container .settings-form .form-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}@media (max-width: 768px){.settings-page .container .settings-form .form-section{padding:24px}}.settings-page .container .settings-form .form-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.settings-page .container .settings-form .form-section .image-upload-section{display:flex;align-items:center;gap:24px}@media (max-width: 768px){.settings-page .container .settings-form .form-section .image-upload-section{flex-direction:column}}.settings-page .container .settings-form .form-section .image-upload-section .current-image img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e8e8e8}.settings-page .container .settings-form .form-section .image-upload-section .upload-controls{flex:1;display:flex;flex-direction:column;gap:8px}.settings-page .container .settings-form .form-section .image-upload-section .upload-controls .upload-btn{display:inline-block;padding:12px 24px;background:#1B3A52;color:#fff;border-radius:6px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s;width:-moz-fit-content;width:fit-content}@media (max-width: 768px){.settings-page .container .settings-form .form-section .image-upload-section .upload-controls .upload-btn{width:100%}}.settings-page .container .settings-form .form-section .image-upload-section .upload-controls .upload-btn:hover{background:#0F2838}.settings-page .container .settings-form .form-section .image-upload-section .upload-controls .helper-text{font-size:13px;color:#95979d}.settings-page .container .settings-form .form-section .form-group{margin-bottom:24px}.settings-page .container .settings-form .form-section .form-group:last-child{margin-bottom:0}.settings-page .container .settings-form .form-section .form-group label{display:block;font-size:15px;font-weight:600;color:#404145;margin-bottom:8px}.settings-page .container .settings-form .form-section .form-group input,.settings-page .container .settings-form .form-section .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:6px;font-size:15px;font-family:inherit;transition:all .2s}.settings-page .container .settings-form .form-section .form-group input:focus,.settings-page .container .settings-form .form-section .form-group textarea:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 3px #1b3a521a}.settings-page .container .settings-form .form-section .form-group input::-moz-placeholder,.settings-page .container .settings-form .form-section .form-group textarea::-moz-placeholder{color:#95979d}.settings-page .container .settings-form .form-section .form-group input::placeholder,.settings-page .container .settings-form .form-section .form-group textarea::placeholder{color:#95979d}.settings-page .container .settings-form .form-section .form-group textarea{resize:vertical;line-height:1.6}.settings-page .container .settings-form .form-section .form-group .helper-text{display:block;font-size:13px;color:#95979d;margin-top:6px}.settings-page .container .settings-form .form-section .account-type-info .account-badge{display:flex;align-items:center;gap:16px;padding:20px;border-radius:8px}.settings-page .container .settings-form .form-section .account-type-info .account-badge.lawyer{background:rgba(201,169,97,.1);border:2px solid rgba(201,169,97,.3)}.settings-page .container .settings-form .form-section .account-type-info .account-badge.client{background:rgba(27,58,82,.1);border:2px solid rgba(27,58,82,.3)}.settings-page .container .settings-form .form-section .account-type-info .account-badge .icon{font-size:32px}.settings-page .container .settings-form .form-section .account-type-info .account-badge strong{display:block;font-size:16px;color:#1b3a52;margin-bottom:4px}.settings-page .container .settings-form .form-section .account-type-info .account-badge p{font-size:14px;color:#62646a;margin:0}.settings-page .container .settings-form .form-actions{display:flex;gap:16px;background:white;padding:24px 32px;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.settings-page .container .settings-form .form-actions{flex-direction:column;padding:24px}}.settings-page .container .settings-form .form-actions .submit-btn,.settings-page .container .settings-form .form-actions .cancel-btn{flex:1;padding:16px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.settings-page .container .settings-form .form-actions .submit-btn{background:#1B3A52;color:#fff;border:none}.settings-page .container .settings-form .form-actions .submit-btn:hover:not(:disabled){background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.settings-page .container .settings-form .form-actions .submit-btn:disabled{background:#95979d;cursor:not-allowed;transform:none}.settings-page .container .settings-form .form-actions .cancel-btn{background:white;color:#1b3a52;border:2px solid #1B3A52}.settings-page .container .settings-form .form-actions .cancel-btn:hover{background:#f0f2f5}.pay{min-height:calc(100vh - 80px);background:#f9fafb;padding:40px 20px;direction:rtl;font-family:Tajawal,sans-serif}.pay .container{max-width:1200px;margin:0 auto}.pay .container .pay-content{display:grid;grid-template-columns:1fr 400px;gap:32px}@media (max-width: 968px){.pay .container .pay-content{grid-template-columns:1fr}}.pay .container .pay-content .payment-section{background:white;border-radius:16px;padding:40px;box-shadow:0 2px 12px #00000014}@media (max-width: 768px){.pay .container .pay-content .payment-section{padding:24px;order:2}}.pay .container .pay-content .payment-section h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.pay .container .pay-content .payment-section .payment-description{font-size:15px;color:#6b7280;margin:0 0 32px}.pay .container .pay-content .payment-section .loading-payment{text-align:center;padding:60px 20px}.pay .container .pay-content .payment-section .loading-payment .spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.pay .container .pay-content .payment-section .loading-payment p{font-size:15px;color:#6b7280}.pay .container .pay-content .payment-section .payment-error{text-align:center;padding:60px 20px}.pay .container .pay-content .payment-section .payment-error p{font-size:16px;color:#dc3545;margin-bottom:24px}.pay .container .pay-content .payment-section .payment-error button{padding:14px 32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif}.pay .container .pay-content .payment-section .payment-error button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.pay .container .pay-content .payment-section .payment-form .form-group{margin-bottom:24px}.pay .container .pay-content .payment-section .payment-form .form-group label{display:block;font-size:15px;font-weight:600;color:#374151;margin-bottom:8px}.pay .container .pay-content .payment-section .payment-form .form-group input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-family:Tajawal,sans-serif;transition:all .3s ease;direction:rtl;background:white}.pay .container .pay-content .payment-section .payment-form .form-group input::-moz-placeholder{color:#9ca3af}.pay .container .pay-content .payment-section .payment-form .form-group input::placeholder{color:#9ca3af}.pay .container .pay-content .payment-section .payment-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pay .container .pay-content .payment-section .payment-form .form-group input:disabled{background:#f9fafb;cursor:not-allowed}.pay .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper{position:relative}.pay .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper .card-input{padding-left:100px}.pay .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper .card-icons{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.pay .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper .card-icons .card-icon{width:32px;height:20px;-o-object-fit:contain;object-fit:contain;opacity:.7}.pay .container .pay-content .payment-section .payment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.pay .container .pay-content .payment-section .payment-form .form-row{grid-template-columns:1fr}}.pay .container .pay-content .payment-section .payment-form .security-badges{display:flex;justify-content:center;gap:24px;margin:32px 0;padding:20px;background:#f9fafb;border-radius:12px;flex-wrap:wrap}.pay .container .pay-content .payment-section .payment-form .security-badges .badge{display:flex;flex-direction:column;align-items:center;gap:6px;color:#6b7280;font-size:13px;font-weight:600}.pay .container .pay-content .payment-section .payment-form .security-badges .badge span:first-child{font-size:24px}.pay .container .pay-content .payment-section .payment-form .pay-button{width:100%;padding:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;font-family:Tajawal,sans-serif;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.pay .container .pay-content .payment-section .payment-form .pay-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.pay .container .pay-content .payment-section .payment-form .pay-button:active:not(:disabled){transform:translateY(0)}.pay .container .pay-content .payment-section .payment-form .pay-button:disabled{opacity:.7;cursor:not-allowed}.pay .container .pay-content .payment-section .payment-form .pay-button .spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.pay .container .pay-content .payment-section .payment-form .pay-button .amount{margin-right:auto;font-size:20px}.pay .container .pay-content .payment-section .payment-form .cancel-button{width:100%;padding:14px;background:white;color:#6b7280;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;font-family:Tajawal,sans-serif;transition:all .3s ease;margin-bottom:20px}.pay .container .pay-content .payment-section .payment-form .cancel-button:hover:not(:disabled){border-color:#667eea;color:#667eea}.pay .container .pay-content .payment-section .payment-form .cancel-button:disabled{opacity:.5;cursor:not-allowed}.pay .container .pay-content .payment-section .payment-form .terms-text{text-align:center;font-size:13px;color:#9ca3af;line-height:1.6;margin:0}.pay .container .pay-content .payment-section .payment-form .terms-text a{color:#667eea;text-decoration:none;font-weight:600}.pay .container .pay-content .payment-section .payment-form .terms-text a:hover{text-decoration:underline}.pay .container .pay-content .order-summary{background:white;border-radius:16px;padding:28px;box-shadow:0 2px 12px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}@media (max-width: 968px){.pay .container .pay-content .order-summary{position:static;order:1}}.pay .container .pay-content .order-summary h2{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 24px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.pay .container .pay-content .order-summary .loading,.pay .container .pay-content .order-summary .error{text-align:center;padding:40px 20px;color:#6b7280;font-size:15px}.pay .container .pay-content .order-summary .service-info{display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid #f3f4f6}.pay .container .pay-content .order-summary .service-info img{width:90px;height:90px;border-radius:12px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;box-shadow:0 4px 8px #0000001a}.pay .container .pay-content .order-summary .service-info .info{flex:1;min-width:0}.pay .container .pay-content .order-summary .service-info .info h3{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 10px;line-height:1.4}.pay .container .pay-content .order-summary .service-info .info .lawyer{font-size:14px;color:#6b7280;margin:0;font-weight:600}.pay .container .pay-content .order-summary .price-breakdown{margin-bottom:24px}.pay .container .pay-content .order-summary .price-breakdown .price-row{display:flex;justify-content:space-between;padding:12px 0;font-size:15px}.pay .container .pay-content .order-summary .price-breakdown .price-row span:first-child{color:#6b7280;font-weight:500}.pay .container .pay-content .order-summary .price-breakdown .price-row span:last-child{color:#1f2937;font-weight:700}.pay .container .pay-content .order-summary .price-breakdown .price-row.total{margin-top:16px;padding-top:20px;border-top:2px solid #f3f4f6;font-size:20px}.pay .container .pay-content .order-summary .price-breakdown .price-row.total span:first-child{color:#1f2937;font-weight:700}.pay .container .pay-content .order-summary .price-breakdown .price-row.total span:last-child{color:#10b981;font-weight:800;font-size:24px}.pay .container .pay-content .order-summary .payment-note{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);padding:16px;border-radius:10px;border:2px solid rgba(102,126,234,.1)}.pay .container .pay-content .order-summary .payment-note .note-icon{font-size:24px;flex-shrink:0}.pay .container .pay-content .order-summary .payment-note p{font-size:13px;color:#4b5563;font-weight:600;margin:0}.pay-proposal{min-height:calc(100vh - 80px);background:#f5f5f5;padding:40px 20px}.pay-proposal .container{max-width:1200px;margin:0 auto}.pay-proposal .container .pay-content{display:grid;grid-template-columns:1fr 1.2fr;gap:32px}@media (max-width: 968px){.pay-proposal .container .pay-content{grid-template-columns:1fr}}.pay-proposal .container .pay-content .order-summary{background:white;padding:32px;border-radius:12px;box-shadow:0 2px 12px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:100px}@media (max-width: 968px){.pay-proposal .container .pay-content .order-summary{position:static;order:2}}.pay-proposal .container .pay-content .order-summary h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #e8e8e8}.pay-proposal .container .pay-content .order-summary .loading,.pay-proposal .container .pay-content .order-summary .error{text-align:center;padding:40px 20px;color:#62646a}.pay-proposal .container .pay-content .order-summary .proposal-info{margin-bottom:24px}.pay-proposal .container .pay-content .order-summary .proposal-info .lawyer-card{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.pay-proposal .container .pay-content .order-summary .proposal-info .lawyer-card img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.pay-proposal .container .pay-content .order-summary .proposal-info .lawyer-card .info{flex:1}.pay-proposal .container .pay-content .order-summary .proposal-info .lawyer-card .info h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 6px}.pay-proposal .container .pay-content .order-summary .proposal-info .lawyer-card .info .specialization{font-size:14px;color:#62646a}.pay-proposal .container .pay-content .order-summary .proposal-info .job-details h4{font-size:16px;font-weight:600;color:#1b3a52;margin:0 0 12px}.pay-proposal .container .pay-content .order-summary .proposal-info .job-details .delivery-time{display:flex;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-radius:6px;font-size:15px}.pay-proposal .container .pay-content .order-summary .proposal-info .job-details .delivery-time span:first-child{color:#62646a}.pay-proposal .container .pay-content .order-summary .proposal-info .job-details .delivery-time span:last-child{color:#1b3a52;font-weight:600}.pay-proposal .container .pay-content .order-summary .price-breakdown{border-top:2px solid #e8e8e8;padding-top:20px;margin-bottom:20px}.pay-proposal .container .pay-content .order-summary .price-breakdown .price-row{display:flex;justify-content:space-between;padding:12px 0;font-size:15px}.pay-proposal .container .pay-content .order-summary .price-breakdown .price-row span:first-child{color:#62646a}.pay-proposal .container .pay-content .order-summary .price-breakdown .price-row span:last-child{color:#404145;font-weight:600}.pay-proposal .container .pay-content .order-summary .price-breakdown .price-row.total{border-top:2px solid #e8e8e8;margin-top:12px;padding-top:16px;font-size:18px}.pay-proposal .container .pay-content .order-summary .price-breakdown .price-row.total span{color:#1b3a52;font-weight:700}.pay-proposal .container .pay-content .order-summary .payment-note{display:flex;align-items:center;gap:12px;padding:16px;background:#e8f4f8;border-radius:8px}.pay-proposal .container .pay-content .order-summary .payment-note .note-icon{font-size:24px}.pay-proposal .container .pay-content .order-summary .payment-note p{margin:0;font-size:14px;color:#1b3a52;font-weight:600}.pay-proposal .container .pay-content .payment-section{background:white;padding:32px;border-radius:12px;box-shadow:0 2px 12px #00000014}@media (max-width: 968px){.pay-proposal .container .pay-content .payment-section{order:1}}.pay-proposal .container .pay-content .payment-section h2{font-size:24px;font-weight:700;color:#1b3a52;margin:0 0 12px}.pay-proposal .container .pay-content .payment-section .payment-description{font-size:15px;color:#62646a;margin:0 0 32px;line-height:1.6}.pay-proposal .container .pay-content .payment-section .loading-payment{text-align:center;padding:60px 20px}.pay-proposal .container .pay-content .payment-section .loading-payment .spinner{width:50px;height:50px;border:4px solid #e8e8e8;border-top-color:#1b3a52;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.pay-proposal .container .pay-content .payment-section .loading-payment p{color:#62646a;font-size:16px}.pay-proposal .container .pay-content .payment-section .payment-form .form-group{margin-bottom:24px}.pay-proposal .container .pay-content .payment-section .payment-form .form-group label{display:block;font-size:15px;font-weight:600;color:#404145;margin-bottom:10px}.pay-proposal .container .pay-content .payment-section .payment-form .form-group input{width:100%;padding:14px 16px;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s}.pay-proposal .container .pay-content .payment-section .payment-form .form-group input:focus{outline:none;border-color:#1b3a52;box-shadow:0 0 0 4px #1b3a521a}.pay-proposal .container .pay-content .payment-section .payment-form .form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.pay-proposal .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper{position:relative}.pay-proposal .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper .card-input{padding-left:16px}.pay-proposal .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper .card-icons{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.pay-proposal .container .pay-content .payment-section .payment-form .form-group .card-input-wrapper .card-icons .card-icon{width:32px;height:auto}.pay-proposal .container .pay-content .payment-section .payment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 568px){.pay-proposal .container .pay-content .payment-section .payment-form .form-row{grid-template-columns:1fr}}.pay-proposal .container .pay-content .payment-section .payment-form .security-badges{display:flex;justify-content:space-around;gap:12px;padding:20px;background:#f8f9fa;border-radius:8px;margin-bottom:24px}@media (max-width: 568px){.pay-proposal .container .pay-content .payment-section .payment-form .security-badges{flex-direction:column}}.pay-proposal .container .pay-content .payment-section .payment-form .security-badges .badge{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:#62646a}.pay-proposal .container .pay-content .payment-section .payment-form .security-badges .badge span:first-child{font-size:20px}.pay-proposal .container .pay-content .payment-section .payment-form .pay-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#1B3A52 0%,#0F2838 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pay-proposal .container .pay-content .payment-section .payment-form .pay-button .spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.pay-proposal .container .pay-content .payment-section .payment-form .pay-button .amount{font-size:18px;font-weight:700}.pay-proposal .container .pay-content .payment-section .payment-form .pay-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1b3a524d}.pay-proposal .container .pay-content .payment-section .payment-form .pay-button:disabled{background:#95979d;cursor:not-allowed;transform:none}.pay-proposal .container .pay-content .payment-section .payment-form .cancel-button{width:100%;padding:14px 24px;background:white;color:#62646a;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.pay-proposal .container .pay-content .payment-section .payment-form .cancel-button:hover:not(:disabled){background:#f8f9fa;border-color:#62646a}.pay-proposal .container .pay-content .payment-section .payment-form .cancel-button:disabled{opacity:.5;cursor:not-allowed}.pay-proposal .container .pay-content .payment-section .payment-form .terms-text{text-align:center;font-size:13px;color:#95979d;margin:20px 0 0;line-height:1.6}.pay-proposal .container .pay-content .payment-section .payment-form .terms-text a{color:#1b3a52;text-decoration:underline}.pay-proposal .container .pay-content .payment-section .payment-form .terms-text a:hover{color:#0f2838}.pay-proposal .container .pay-content .payment-section .payment-error{text-align:center;padding:60px 20px}.pay-proposal .container .pay-content .payment-section .payment-error p{font-size:16px;color:#62646a;margin:0 0 20px}.pay-proposal .container .pay-content .payment-section .payment-error button{padding:12px 32px;background:#1B3A52;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.pay-proposal .container .pay-content .payment-section .payment-error button:hover{background:#0F2838}@keyframes spin{to{transform:rotate(360deg)}}.success-page{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);display:flex;align-items:center;justify-content:center;padding:40px 20px}.success-page .success-container{max-width:600px;width:100%;background:white;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:48px;text-align:center;animation:slideUp .5s ease-out}@media (max-width: 600px){.success-page .success-container{padding:32px 24px}}.success-page .success-container .success-icon{width:100px;height:100px;margin:0 auto 32px}.success-page .success-container .success-icon svg{width:100%;height:100%}.success-page .success-container .success-icon svg .success-circle{stroke:#28a745;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:dash .6s ease-out forwards}.success-page .success-container .success-icon svg .success-check{stroke:#28a745;stroke-width:3;stroke-linecap:round;stroke-dasharray:48;stroke-dashoffset:48;animation:dash .3s .6s ease-out forwards}.success-page .success-container h1{font-size:28px;font-weight:700;color:#1b3a52;margin:0 0 16px}@media (max-width: 600px){.success-page .success-container h1{font-size:24px}}.success-page .success-container .success-message{font-size:16px;color:#62646a;margin:0 0 32px;line-height:1.6}.success-page .success-container .redirect-info{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px;font-size:15px;color:#62646a}@media (max-width: 600px){.success-page .success-container .redirect-info{flex-wrap:wrap}}.success-page .success-container .redirect-info .countdown{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1B3A52;color:#fff;font-size:24px;font-weight:700;border-radius:50%;animation:pulse 1s infinite}.success-page .success-container .view-orders-btn{width:100%;padding:16px;background:#1B3A52;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:24px}.success-page .success-container .view-orders-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.success-page .success-container .success-note{display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(27,58,82,.05);padding:16px;border-radius:8px}.success-page .success-container .success-note .note-icon{font-size:24px;flex-shrink:0}.success-page .success-container .success-note p{font-size:14px;color:#62646a;margin:0;text-align:right}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.about-page{background:#ffffff;min-height:100vh;padding-bottom:60px}.about-container{max-width:900px;margin:80px auto;padding:0 40px}.about-header{margin-bottom:50px}.about-title{font-size:56px;font-weight:700;color:#3b82f6;margin-bottom:15px}.about-subtitle{font-size:24px;color:#1e293b;font-weight:500}.founder-section{display:flex;align-items:center;gap:20px;margin:50px 0}.founder-image{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;flex-shrink:0}.founder-info h3{font-size:22px;color:#1e293b;margin-bottom:5px}.founder-info p{font-size:16px;color:#64748b}.about-content{margin-top:40px}.about-content p{font-size:18px;color:#475569;line-height:2;margin-bottom:30px}.signature{margin-top:50px;margin-bottom:20px}.signature-text{font-size:40px;font-family:Brush Script MT,cursive;color:#3b82f6;font-style:italic}.signature-name{font-size:14px;color:#64748b;margin-top:10px}.cta-section{margin-top:80px;padding-top:50px;border-top:2px solid #f1f5f9}.cta-title{font-size:36px;font-weight:700;color:#14b8a6;margin-bottom:30px}.cta-buttons{display:flex;gap:15px}.btn{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s;font-family:Tajawal,sans-serif}.btn-primary{background:#14b8a6;color:#fff}.btn-primary:hover{background:#0d9488;transform:translateY(-2px)}.btn-secondary{background:#f1f5f9;color:#1e293b}.btn-secondary:hover{background:#e2e8f0}@media (max-width: 768px){.about-container{padding:0 20px;margin:40px auto}.about-title{font-size:40px}.about-subtitle{font-size:20px}.about-content p{font-size:16px}.cta-title{font-size:28px}.cta-buttons{flex-direction:column}.btn{width:100%}}.lawyers-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);padding:2rem 0;direction:rtl}.lawyers-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}.lawyers-page .search-section{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.lawyers-page .search-section .search-box{display:flex;gap:1rem;background:#f7fafc;padding:1rem;border-radius:12px;border:2px solid #e2e8f0;align-items:center}.lawyers-page .search-section .search-box .search-icon{font-size:1.5rem}.lawyers-page .search-section .search-box input{flex:1;border:none;background:transparent;font-size:1.1rem;outline:none;color:#2d3748;padding:.5rem}.lawyers-page .search-section .search-box input::-moz-placeholder{color:#a0aec0}.lawyers-page .search-section .search-box input::placeholder{color:#a0aec0}.lawyers-page .search-section .search-box button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .2s}.lawyers-page .search-section .search-box button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.lawyers-page .content-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.lawyers-page .filters-sidebar{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;position:sticky;top:2rem}.lawyers-page .filters-sidebar h3{font-size:1.3rem;font-weight:700;color:#1a202c;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.lawyers-page .filters-sidebar .filter-group{margin-bottom:1.5rem}.lawyers-page .filters-sidebar .filter-group label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.95rem}.lawyers-page .filters-sidebar .filter-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;background:white;cursor:pointer;transition:all .2s}.lawyers-page .filters-sidebar .filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.lawyers-page .filters-sidebar .filter-group .price-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center}.lawyers-page .filters-sidebar .filter-group .price-inputs input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748}.lawyers-page .filters-sidebar .filter-group .price-inputs input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.lawyers-page .filters-sidebar .filter-group .price-inputs span{color:#718096;font-weight:600}.lawyers-page .filters-sidebar .clear-filters{width:100%;padding:.75rem;border:2px solid #e2e8f0;background:white;color:#718096;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.lawyers-page .filters-sidebar .clear-filters:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.lawyers-page .lawyers-content .loader-container{background:white;padding:4rem;border-radius:16px;display:flex;justify-content:center;align-items:center;min-height:400px}.lawyers-page .lawyers-content .error-container{background:white;padding:4rem;border-radius:16px;text-align:center}.lawyers-page .lawyers-content .error-container h2{color:#e53e3e;margin-bottom:1rem}.lawyers-page .lawyers-content .error-container p{color:#718096}.lawyers-page .lawyers-content .results-header{background:white;padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.lawyers-page .lawyers-content .results-header .results-count{font-weight:600;color:#2d3748;font-size:1.05rem}.lawyers-page .lawyers-content .lawyers-list{display:flex;flex-direction:column;gap:1.5rem}.lawyers-page .lawyers-content .lawyer-card{background:white;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.lawyers-page .lawyers-content .lawyer-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#667eea}.lawyers-page .lawyers-content .lawyer-card .lawyer-card-content{display:flex;gap:2rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-avatar{width:120px;height:120px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #667eea4d;overflow:hidden}.lawyers-page .lawyers-content .lawyer-card .lawyer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lawyers-page .lawyers-content .lawyer-card .lawyer-avatar .initials{font-size:2.5rem;font-weight:700;color:#fff;text-transform:uppercase}.lawyers-page .lawyers-content .lawyer-card .lawyer-info{flex:1}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-header h3{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-header .verified-badge{background:#48bb78;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-description{color:#4a5568;font-size:1.1rem;margin:0 0 1rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .stars{display:flex;gap:.1rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .stars .star{font-size:1.2rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .stars .star.full{color:#fbbf24}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .stars .star.half{color:#fbbf24;opacity:.5}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .stars .star.empty{color:#d1d5db}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .rating-number{font-weight:700;color:#2d3748;font-size:1.1rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .reviews-count{color:#718096}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .separator{color:#cbd5e0;margin:0 .25rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-rating .location{color:#718096}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-stats{display:flex;gap:2rem;padding:1rem;background:#f7fafc;border-radius:8px;margin-bottom:1rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-stats .stat{display:flex;align-items:center;gap:.5rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-stats .stat .stat-icon{font-size:1.2rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-stats .stat .stat-value{font-weight:700;color:#2d3748}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-stats .stat .stat-label{font-size:.9rem;color:#718096}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .specializations{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .specializations .spec-badge{background:#edf2f7;color:#4a5568;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:2px solid #e2e8f0;gap:1rem;flex-wrap:wrap}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .price-range .price-label{color:#718096;font-size:.9rem;margin-left:.5rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .price-range .price-value{font-weight:700;color:#2d3748;font-size:1.2rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .price-range .price-currency{color:#718096;font-size:.9rem;margin-right:.5rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .action-buttons{display:flex;gap:1rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .action-buttons button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .action-buttons button.btn-secondary{background:white;color:#667eea;border:2px solid #667eea}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .action-buttons button.btn-secondary:hover{background:#f7fafc}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .action-buttons button.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none}.lawyers-page .lawyers-content .lawyer-card .lawyer-info .lawyer-footer .action-buttons button.btn-primary:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.lawyers-page .lawyers-content .empty-state{background:white;padding:4rem 2rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #00000014}.lawyers-page .lawyers-content .empty-state .empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.lawyers-page .lawyers-content .empty-state h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 1rem}.lawyers-page .lawyers-content .empty-state p{color:#718096;font-size:1.1rem;margin-bottom:2rem}.lawyers-page .lawyers-content .empty-state button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-weight:600;cursor:pointer;font-size:1.1rem}.lawyers-page .lawyers-content .empty-state button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.lawyers-page .lawyers-content .pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.lawyers-page .lawyers-content .pagination button{padding:.75rem 1rem;border:2px solid #e2e8f0;background:white;color:#2d3748;border-radius:8px;font-weight:600;cursor:pointer;min-width:45px}.lawyers-page .lawyers-content .pagination button.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none}.lawyers-page .lawyers-content .pagination button:hover:not(.active){background:#f7fafc;border-color:#cbd5e0}@media (max-width: 1200px){.lawyers-page .content-layout{grid-template-columns:280px 1fr}}@media (max-width: 992px){.lawyers-page .content-layout{grid-template-columns:1fr}.lawyers-page .filters-sidebar{position:static}}@media (max-width: 768px){.lawyers-page .container{padding:0 1rem}.lawyers-page .search-section{padding:1.5rem}.lawyers-page .search-section .search-box{flex-wrap:wrap}.lawyers-page .search-section .search-box button{width:100%}.lawyers-page .lawyer-card{padding:1.5rem}.lawyers-page .lawyer-card .lawyer-card-content{flex-direction:column;align-items:center;text-align:center}.lawyers-page .lawyer-card .lawyer-avatar{width:100px;height:100px}.lawyers-page .lawyer-card .lawyer-avatar .initials{font-size:2rem}.lawyers-page .lawyer-card .lawyer-info .lawyer-header{flex-direction:column;gap:.5rem}.lawyers-page .lawyer-card .lawyer-info .lawyer-rating{flex-wrap:wrap;justify-content:center}.lawyers-page .lawyer-card .lawyer-info .lawyer-stats,.lawyers-page .lawyer-card .lawyer-info .lawyer-footer{flex-direction:column;gap:1rem}.lawyers-page .lawyer-card .lawyer-info .lawyer-footer .action-buttons{width:100%}.lawyers-page .lawyer-card .lawyer-info .lawyer-footer .action-buttons button{flex:1}}@media (max-width: 480px){.lawyers-page{padding:1rem 0}.lawyers-page .search-section,.lawyers-page .lawyer-card{padding:1rem}.lawyers-page .lawyer-card .lawyer-info .lawyer-header h3{font-size:1.25rem}.lawyers-page .lawyer-card .lawyer-info .lawyer-stats{padding:.75rem}.lawyers-page .lawyer-card .lawyer-info .lawyer-stats .stat{font-size:.85rem}.lawyers-page .lawyer-card .lawyer-info .specializations .spec-badge{font-size:.8rem;padding:.3rem .75rem}}.admin-page{min-height:calc(100vh - 80px);background:#fafafa;padding:40px 20px}.admin-page .container{max-width:1400px;margin:0 auto}.admin-page .container .loader-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014}.admin-page .container .page-header{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;text-align:center}.admin-page .container .page-header h1{font-size:32px;font-weight:700;color:#1b3a52;margin:0 0 8px}@media (max-width: 768px){.admin-page .container .page-header h1{font-size:24px}}.admin-page .container .page-header p{font-size:16px;color:#62646a;margin:0}.admin-page .container .stats-section,.admin-page .container .admin-section{background:white;padding:32px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:32px}@media (max-width: 768px){.admin-page .container .stats-section,.admin-page .container .admin-section{padding:24px}}.admin-page .container .stats-section h2,.admin-page .container .admin-section h2{font-size:20px;font-weight:700;color:#1b3a52;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e8e8e8}.admin-page .container .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1200px){.admin-page .container .stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 968px){.admin-page .container .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.admin-page .container .stats-grid{grid-template-columns:1fr}}.admin-page .container .stats-grid .stat-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:8px;transition:all .2s}.admin-page .container .stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.admin-page .container .stats-grid .stat-card.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.admin-page .container .stats-grid .stat-card.success{background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%);color:#1b3a52}.admin-page .container .stats-grid .stat-card.info{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#1b3a52}.admin-page .container .stats-grid .stat-card.warning{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);color:#1b3a52}.admin-page .container .stats-grid .stat-card .stat-icon{font-size:40px}.admin-page .container .stats-grid .stat-card .stat-info{display:flex;flex-direction:column}.admin-page .container .stats-grid .stat-card .stat-info .stat-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.admin-page .container .stats-grid .stat-card .stat-info .stat-label{font-size:13px;opacity:.9}.admin-page .container .table-container{overflow-x:auto}.admin-page .container .table-container .admin-table{width:100%;border-collapse:collapse}.admin-page .container .table-container .admin-table thead{background:#f8f9fa}.admin-page .container .table-container .admin-table thead th{padding:16px;text-align:right;font-size:14px;font-weight:700;color:#1b3a52;border-bottom:2px solid #e8e8e8}.admin-page .container .table-container .admin-table tbody tr{border-bottom:1px solid #e8e8e8;transition:all .2s}.admin-page .container .table-container .admin-table tbody tr:hover{background:#f8f9fa}.admin-page .container .table-container .admin-table tbody tr td{padding:16px;font-size:14px;color:#404145}.admin-page .container .table-container .admin-table tbody tr td .user-cell{display:flex;align-items:center;gap:12px}.admin-page .container .table-container .admin-table tbody tr td .user-cell img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.admin-page .container .table-container .admin-table tbody tr td.price{font-weight:700;color:#1b3a52}.admin-page .container .table-container .admin-table tbody tr td .badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.admin-page .container .table-container .admin-table tbody tr td .badge.lawyer{background:rgba(201,169,97,.15);color:#c9a961}.admin-page .container .table-container .admin-table tbody tr td .badge.client{background:rgba(27,58,82,.1);color:#1b3a52}.admin-page .container .table-container .admin-table tbody tr td .badge.completed{background:rgba(40,167,69,.1);color:#28a745}.admin-page .container .table-container .admin-table tbody tr td .badge.pending{background:rgba(255,193,7,.1);color:#ffc107}.admin-page .container .quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 968px){.admin-page .container .quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.admin-page .container .quick-actions{grid-template-columns:1fr}}.admin-page .container .quick-actions .action-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#f8f9fa;border:2px solid #e8e8e8;border-radius:8px;font-size:15px;font-weight:600;color:#1b3a52;cursor:pointer;transition:all .2s}.admin-page .container .quick-actions .action-btn .icon{font-size:24px}.admin-page .container .quick-actions .action-btn:hover{background:#1B3A52;color:#fff;border-color:#1b3a52;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.notifications-page{min-height:calc(100vh - 80px);padding:40px 0;background:var(--bg-color)}.notifications-page .container{max-width:900px;margin:0 auto;padding:0 20px}.notifications-page .notifications-header{margin-bottom:30px}.notifications-page .notifications-header .header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notifications-page .notifications-header .header-top h1{font-size:32px;font-weight:700;color:var(--text-color);margin:0}.notifications-page .notifications-header .header-top .mark-all-read-btn{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.notifications-page .notifications-header .header-top .mark-all-read-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.notifications-page .notifications-header .filters{margin-bottom:20px}.notifications-page .notifications-header .filters .filter-group{display:flex;gap:10px;flex-wrap:wrap}.notifications-page .notifications-header .filters .filter-group .filter-btn{padding:10px 20px;background:var(--card-bg);color:var(--text-color);border:2px solid transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.notifications-page .notifications-header .filters .filter-group .filter-btn:hover{border-color:var(--primary-color)}.notifications-page .notifications-header .filters .filter-group .filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.notifications-page .notifications-header .type-filters{display:flex;gap:10px;flex-wrap:wrap;padding:20px;background:var(--card-bg);border-radius:12px}.notifications-page .notifications-header .type-filters .type-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-color);color:var(--text-color);border:2px solid transparent;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s}.notifications-page .notifications-header .type-filters .type-btn .type-icon{font-size:18px}.notifications-page .notifications-header .type-filters .type-btn:hover{border-color:var(--primary-color)}.notifications-page .notifications-header .type-filters .type-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.notifications-page .notifications-content .loader-container{display:flex;justify-content:center;align-items:center;padding:60px 20px}.notifications-page .notifications-content .notifications-list{display:flex;flex-direction:column;gap:10px}.notifications-page .notifications-content .notifications-list .notification-wrapper{position:relative;display:flex;align-items:center;gap:10px;background:var(--card-bg);border-radius:12px;padding:15px;transition:all .3s}.notifications-page .notifications-content .notifications-list .notification-wrapper:hover{box-shadow:0 4px 12px #0000001a}.notifications-page .notifications-content .notifications-list .notification-wrapper:hover .delete-btn{opacity:1}.notifications-page .notifications-content .notifications-list .notification-wrapper .notification-item{flex:1;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}.notifications-page .notifications-content .notifications-list .notification-wrapper .notification-item:hover{box-shadow:none!important}.notifications-page .notifications-content .notifications-list .notification-wrapper .delete-btn{opacity:0;padding:8px;background:transparent;color:var(--error-color);border:none;border-radius:6px;cursor:pointer;transition:all .3s}.notifications-page .notifications-content .notifications-list .notification-wrapper .delete-btn:hover{background:rgba(239,68,68,.1)}.notifications-page .notifications-content .notifications-list .notification-wrapper .delete-btn svg{display:block}.notifications-page .notifications-content .load-more{display:flex;justify-content:center;margin-top:30px}.notifications-page .notifications-content .load-more .load-more-btn{padding:12px 30px;background:var(--card-bg);color:var(--text-color);border:2px solid var(--primary-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.notifications-page .notifications-content .load-more .load-more-btn:hover{background:var(--primary-color);color:#fff}.notifications-page .notifications-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.notifications-page .notifications-content .empty-state .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.notifications-page .notifications-content .empty-state h2{font-size:24px;font-weight:700;color:var(--text-color);margin-bottom:10px}.notifications-page .notifications-content .empty-state p{font-size:16px;color:var(--text-secondary);max-width:400px}@media (max-width: 768px){.notifications-page{padding:20px 0}.notifications-page .notifications-header .header-top{flex-direction:column;align-items:flex-start;gap:15px}.notifications-page .notifications-header .header-top h1{font-size:24px}.notifications-page .notifications-header .header-top .mark-all-read-btn{width:100%}.notifications-page .notifications-header .filters .filter-group .filter-btn{flex:1}.notifications-page .notifications-header .type-filters{padding:15px}.notifications-page .notifications-header .type-filters .type-btn{font-size:12px;padding:6px 12px}.notifications-page .notifications-header .type-filters .type-btn .type-label{display:none}.notifications-page .notifications-header .type-filters .type-btn .type-icon{font-size:20px}.notifications-page .notifications-content .notifications-list .notification-wrapper .delete-btn{opacity:1}}.notFound{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);display:flex;align-items:center;justify-content:center;padding:40px 20px}.notFound .container{max-width:800px;width:100%}.notFound .container .error-content{background:white;border-radius:12px;padding:60px 40px;box-shadow:0 8px 24px #00000014;text-align:center;animation:fadeIn .5s ease-in-out}@media (max-width: 768px){.notFound .container .error-content{padding:40px 24px}}.notFound .container .error-content .error-icon{font-size:80px;margin-bottom:24px;animation:bounce 2s infinite}@media (max-width: 768px){.notFound .container .error-content .error-icon{font-size:64px}}.notFound .container .error-content h1{font-size:96px;font-weight:800;color:#1b3a52;margin:0 0 16px;line-height:1}@media (max-width: 768px){.notFound .container .error-content h1{font-size:72px}}.notFound .container .error-content h2{font-size:32px;font-weight:700;color:#1b3a52;margin:0 0 12px}@media (max-width: 768px){.notFound .container .error-content h2{font-size:24px}}.notFound .container .error-content p{font-size:16px;color:#62646a;margin:0 0 40px;line-height:1.6}.notFound .container .error-content .error-actions{display:flex;gap:16px;justify-content:center;margin-bottom:48px}@media (max-width: 768px){.notFound .container .error-content .error-actions{flex-direction:column}}.notFound .container .error-content .error-actions .primary-btn,.notFound .container .error-content .error-actions .secondary-btn{padding:14px 32px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}@media (max-width: 768px){.notFound .container .error-content .error-actions .primary-btn,.notFound .container .error-content .error-actions .secondary-btn{width:100%}}.notFound .container .error-content .error-actions .primary-btn{background:#1B3A52;color:#fff}.notFound .container .error-content .error-actions .primary-btn:hover{background:#0F2838;transform:translateY(-2px);box-shadow:0 4px 12px #1b3a524d}.notFound .container .error-content .error-actions .secondary-btn{background:white;color:#1b3a52;border:2px solid #1B3A52}.notFound .container .error-content .error-actions .secondary-btn:hover{background:#1B3A52;color:#fff}.notFound .container .error-content .helpful-links{padding-top:32px;border-top:2px solid #e8e8e8}.notFound .container .error-content .helpful-links h3{font-size:18px;font-weight:700;color:#1b3a52;margin:0 0 24px}.notFound .container .error-content .helpful-links .links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}@media (max-width: 768px){.notFound .container .error-content .helpful-links .links-grid{grid-template-columns:repeat(2,1fr)}}.notFound .container .error-content .helpful-links .links-grid .link-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:rgba(27,58,82,.05);border-radius:8px;text-decoration:none;transition:all .2s}.notFound .container .error-content .helpful-links .links-grid .link-card .icon{font-size:32px}.notFound .container .error-content .helpful-links .links-grid .link-card span:last-child{font-size:14px;font-weight:600;color:#1b3a52}.notFound .container .error-content .helpful-links .links-grid .link-card:hover{background:#1B3A52;transform:translateY(-4px);box-shadow:0 4px 12px #1b3a5233}.notFound .container .error-content .helpful-links .links-grid .link-card:hover span:last-child{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}* .link{text-decoration:none;color:inherit}body{overflow-x:hidden;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background-color:#fff;color:#1b3a52}[dir=rtl]{direction:rtl;text-align:right}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;direction:rtl;text-align:right;background:#fff}#root{min-height:100vh}.App{min-height:100vh;position:relative}:root{--primary-color: #1B3A52;--secondary-color: #C9A961;--white-color: #ffffff;--dark-primary: #0F2838;--gray-color: #74767e;--light-gray: #f5f5f5;--header-h: 80px}html,body{scroll-padding-top:var(--header-h)}html{scroll-behavior:smooth}html[dir=rtl] body{direction:rtl;text-align:right}.link{text-decoration:none;color:inherit}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}