.dashboard{background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{backdrop-filter:blur(10px);background:rgba(10,14,39,.95);border-bottom:2px solid #d4af37;box-shadow:0 4px 20px rgba(0,0,0,.5);padding:12px 24px;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.dashboard-header h1{color:#d4af37;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;letter-spacing:1px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.user-info{align-items:center;display:flex;gap:15px}.user-name{color:#e8e8e8;font-size:.95rem;font-weight:600}.logout-btn{background:linear-gradient(145deg,#4d1a1a,#2e0d0d);border:none;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 1px #f87171;color:#f87171;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:1px;min-width:80px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 6px 20px hsla(0,91%,71%,.4),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 1px #f87171;color:#fff;transform:translateY(-2px)}.dashboard-container{display:flex;flex:1;gap:20px;height:calc(100vh - 80px);margin:0 auto;max-width:1400px;overflow:hidden;padding:20px;width:100%}.sidebar{background:linear-gradient(145deg,#151b3d,#0d1129);border:1px solid #2a2f4f;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.5);height:fit-content;padding:20px;position:sticky;top:100px;width:250px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.nav-item{align-items:center;background:rgba(0,0,0,.2);border:1px solid transparent;border-radius:10px;color:#a0a0a0;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;justify-content:flex-start;padding:15px 20px;text-align:right;transition:all .3s ease;width:100%}.nav-item:hover{background:rgba(212,175,55,.1);transform:translateX(-5px)}.nav-item.active,.nav-item:hover{border-color:#d4af37;color:#d4af37}.nav-item.active{background:linear-gradient(145deg,rgba(212,175,55,.15),rgba(212,175,55,.05));box-shadow:0 0 20px rgba(212,175,55,.2)}.nav-icon{font-size:1.3rem}.nav-text{flex:1}.dashboard-main{background:linear-gradient(145deg,#151b3d,#0d1129);border:1px solid #2a2f4f;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;flex:1;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:30px}.content{height:100%;width:100%}.top-section{flex-direction:column;min-height:60px;position:relative}.top-section,.top-section-upper{display:flex;height:40%;width:100%}.top-section-upper{align-items:center;flex-direction:row-reverse;gap:20px;left:0;padding:0 20px;position:absolute;top:0;transition:transform .6s ease-in-out,opacity .6s ease-in-out}.top-section-upper.slide-out{opacity:0;transform:translateX(100%)}.top-section-upper.slide-out-left{opacity:0;transform:translateX(-100%)}.top-section-upper.slide-in{animation:slideInFromLeft .6s ease-in-out}.top-section-upper.slide-in-right{animation:slideInFromRight .6s ease-in-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.complaint-label{color:var(--text-primary);font-size:.9rem;font-weight:400;white-space:nowrap}.complaint-select-wrapper{flex:1;position:relative}.complaint-select-wrapper.documents-select{flex:1.3}.complaint-select{appearance:none;background:rgba(0,0,0,.3);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4af37' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:left 15px center;background-repeat:no-repeat;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.85rem;padding:7px 12px 7px 40px;transition:all .3s ease;width:100%}.complaint-input,.complaint-select{border:1px solid var(--border-color);border-radius:8px}.complaint-input{font-size:.9rem;padding:8px 12px}.complaint-input:disabled{background:rgba(0,0,0,.5);cursor:not-allowed;opacity:.5}.complaint-input:focus,.complaint-select:focus{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(212,175,55,.3);outline:none}.complaint-select:hover{border-color:var(--accent-gold);box-shadow:0 0 15px rgba(212,175,55,.2)}.complaint-select option{background:var(--secondary-dark);color:var(--text-primary);direction:rtl;padding:10px}.document-actions{align-items:center;display:flex;gap:10px}.doc-btn{background:linear-gradient(145deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:1px solid #d4af37;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#d4af37;cursor:pointer;font-family:inherit;font-size:.74rem;font-weight:500;letter-spacing:.3px;line-height:1.4;padding:4px 14px;transition:all .3s ease;white-space:nowrap}.doc-btn:hover{background:linear-gradient(145deg,#d4af37,#b8941f);box-shadow:0 4px 12px rgba(212,175,55,.4);color:#0a0e27;transform:translateY(-2px)}.doc-btn:active{box-shadow:0 1px 4px rgba(0,0,0,.3);transform:translateY(0)}.image-btn{background:linear-gradient(145deg,rgba(96,165,250,.15),rgba(96,165,250,.05));border-color:#60a5fa;color:#60a5fa}.image-btn:hover{background:linear-gradient(145deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px rgba(96,165,250,.4);color:#0a0e27}.text-btn{background:linear-gradient(145deg,rgba(74,222,128,.15),rgba(74,222,128,.05));border-color:#4ade80;color:#4ade80}.text-btn:hover{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 4px 12px rgba(74,222,128,.4);color:#0a0e27}.final-complaint-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);border:none;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:var(--primary-dark);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.5px;line-height:1.4;min-width:140px;padding:4px 20px;transition:all .3s ease;white-space:nowrap}.final-complaint-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 4px 12px rgba(212,175,55,.4);transform:translateY(-1px)}.final-complaint-btn:active{box-shadow:0 1px 4px rgba(0,0,0,.3);transform:translateY(0)}.complaint-description-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.complaint-description-modal-content{animation:slideUp .4s ease;background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.1);display:flex;flex-direction:column;height:70vh;max-width:90%;overflow:hidden;padding:0;width:700px}.complaint-modal-section-1{align-items:center;display:flex;height:25%;justify-content:center;padding:0 30px;width:100%}.complaint-modal-instruction{color:var(--text-primary);direction:rtl;font-size:.8rem;font-weight:400;line-height:1.7;margin:15px 0 0;opacity:.9;text-align:right}.complaint-modal-section-2{color:var(--text-primary);font-size:2rem;height:65%}.complaint-modal-section-2,.complaint-modal-section-3{align-items:center;display:flex;justify-content:center;width:100%}.complaint-modal-section-3{gap:15px;height:10%;padding:0 30px}.complaint-modal-section-3-left,.complaint-modal-section-3-right{align-items:center;display:flex;flex:1;height:100%;justify-content:center}.complaint-modal-submit-btn{background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #4ade80;color:#4ade80;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:1.5px;line-height:1.3;max-width:180px;overflow:hidden;padding:5px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.complaint-modal-submit-btn:before{background:linear-gradient(90deg,transparent,rgba(74,222,128,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.complaint-modal-submit-btn:hover:before{left:100%}.complaint-modal-submit-btn:hover{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 8px 25px rgba(74,222,128,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px #4ade80,0 0 20px rgba(74,222,128,.3);color:var(--primary-dark);transform:translateY(-3px)}.complaint-modal-submit-btn:active{box-shadow:0 3px 10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #4ade80;transform:translateY(-1px) scale(.98)}.complaint-modal-cancel-btn{background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #f87171;color:#f87171;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;letter-spacing:1.5px;line-height:1.3;max-width:180px;overflow:hidden;padding:5px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.complaint-modal-cancel-btn:before{background:linear-gradient(90deg,transparent,hsla(0,91%,71%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.complaint-modal-cancel-btn:hover:before{left:100%}.complaint-modal-cancel-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 8px 25px hsla(0,91%,71%,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px #f87171,0 0 20px hsla(0,91%,71%,.3);color:#fff;transform:translateY(-3px)}.complaint-modal-cancel-btn:active{box-shadow:0 3px 10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #f87171;transform:translateY(-1px) scale(.98)}.top-section-fourth{flex-direction:row-reverse;gap:20px;height:50%;padding:0 20px;top:50%}.top-section-fourth,.top-section-lower{align-items:center;display:flex;left:0;position:absolute;width:100%}.top-section-lower{bottom:0;flex-direction:row;height:30%;justify-content:center}.lower-center,.lower-left,.lower-right{height:100%;width:33.33%}.lower-center{display:flex;flex-direction:column}.lower-center-top{height:20%;width:100%}.lower-center-bottom{align-items:flex-start;display:flex;gap:15px;height:80%;justify-content:center;width:100%}.next-btn,.prev-btn{background:linear-gradient(145deg,#d4af37,#b8941f)!important;border:none!important;border-radius:5px!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important;color:#0a0e27!important;cursor:pointer!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:.3px!important;padding:6px 18px!important;transition:all .3s ease!important}.next-btn:hover,.prev-btn:hover{background:linear-gradient(145deg,#e8c76a,#d4af37)!important;box-shadow:0 3px 10px rgba(212,175,55,.35)!important;transform:translateY(-1px)!important}.next-btn:active,.prev-btn:active{box-shadow:0 1px 3px rgba(0,0,0,.25)!important;transform:translateY(0)!important}.bottom-section{display:flex;flex-direction:column;height:60%;width:100%}.complaints-active .top-section{height:60%}.complaints-active .bottom-section{height:40%}.bottom-section-1{display:flex;flex-direction:column;height:27.5%;width:100%}.bottom-section-1-top{align-items:center;color:var(--text-primary);direction:rtl;display:flex;font-size:1.05rem;font-weight:600;height:10%;justify-content:flex-start;padding:10px 20px 0;width:100%}.bottom-section-1-bottom{align-items:center;display:flex;gap:12px;height:90%;overflow-x:auto;overflow-y:hidden;padding:20px 20px 10px;width:100%}.bottom-section-1-bottom::-webkit-scrollbar{height:8px}.bottom-section-1-bottom::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.bottom-section-1-bottom::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.bottom-section-1-bottom::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.image-box{align-items:center;background:rgba(0,0,0,.4);border:2px solid var(--accent-gold);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4);cursor:pointer;display:flex;flex-shrink:0;height:86px;justify-content:center;min-width:108px;overflow:hidden;position:relative;transition:all .3s ease;width:108px}.image-box:hover{border-color:#e8c76a;box-shadow:0 0 20px rgba(212,175,55,.4);transform:scale(1.08)}.image-box img{height:100%;object-fit:cover;width:100%}.image-box-placeholder{color:var(--text-secondary);font-size:.8rem;padding:10px;text-align:center}.bottom-section-2{display:flex;flex-direction:column;height:62.5%;width:100%}.bottom-section-2-top{align-items:center;color:var(--text-primary);direction:rtl;display:flex;font-size:1.05rem;font-weight:600;height:7%;justify-content:space-between;padding:10px 20px 0;width:100%}.description-icons{align-items:center;display:flex;gap:10px}.expand-icon,.reset-icon{align-items:center;border-radius:5px;color:var(--accent-gold);cursor:pointer;display:flex;font-size:1.3rem;justify-content:center;padding:5px;transition:all .3s ease}.expand-icon:hover,.reset-icon:hover{background:rgba(212,175,55,.1);color:#e8c76a;transform:scale(1.1)}.bottom-section-2-bottom{align-items:center;display:flex;height:93%;justify-content:center;padding:10px 20px 20px;width:100%}.description-box{background:rgba(0,0,0,.3);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;height:100%;line-height:1.8;overflow-x:hidden;overflow-y:auto;padding:15px;resize:none;width:100%;word-wrap:break-word;transition:all .3s ease;white-space:pre-wrap}.description-box:focus{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(212,175,55,.3);outline:none}.description-box::placeholder{color:var(--text-secondary);opacity:.6}.description-box::-webkit-scrollbar{width:8px}.description-box::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.description-box::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.description-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.bottom-section-3{gap:15px;height:10%;padding:10px 20px;width:100%}.bottom-section-3,.section-3-left,.section-3-right{align-items:center;display:flex;justify-content:center}.section-3-left,.section-3-right{flex:1;height:100%}.cancel-complaint-btn,.continue-btn{align-items:center;background:linear-gradient(145deg,#d4af37,#b8941f)!important;border:none!important;border-radius:5px!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important;color:#0a0e27!important;cursor:pointer!important;display:flex;font-family:inherit;font-size:.8rem!important;font-weight:500!important;justify-content:center;letter-spacing:.3px!important;max-width:180px;overflow:hidden;padding:6px 18px!important;position:relative;text-transform:none;transition:all .3s ease!important;width:100%}.cancel-complaint-btn:before,.continue-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cancel-complaint-btn:hover:before,.continue-btn:hover:before{left:100%}.cancel-complaint-btn:hover,.continue-btn:hover{background:linear-gradient(145deg,#e8c76a,#d4af37)!important;box-shadow:0 3px 10px rgba(212,175,55,.35)!important;transform:translateY(-1px)!important}.cancel-complaint-btn:active,.continue-btn:active{box-shadow:0 1px 3px rgba(0,0,0,.25)!important;transform:translateY(0)!important}.cancel-complaint-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626)!important;box-shadow:0 3px 10px hsla(0,91%,71%,.35),0 0 0 1px #f87171!important;color:#fff!important}.continue-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.continue-btn:disabled,.continue-btn:disabled:hover{background:linear-gradient(145deg,#2a2f4f,#1a1f3a)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#6b7280!important;transform:none!important}.continue-btn:disabled:before{display:none}.text-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.text-modal-box{animation:slideUp .4s ease;background:linear-gradient(145deg,#151b3d,#0d1129);border:2px solid #d4af37;border-radius:15px;box-shadow:0 30px 80px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.1);display:flex;flex-direction:column;height:40%;width:70%}.modal-section-1{align-items:center;display:flex;height:80%;justify-content:center;padding:20px;width:100%}.text-input-area{background:rgba(0,0,0,.3);border:1px solid #2a2f4f;border-radius:10px;color:#e8e8e8;font-family:inherit;font-size:1rem;height:100%;line-height:1.6;padding:15px;resize:none;transition:all .3s ease;width:100%}.text-input-area:focus{border-color:#d4af37;box-shadow:0 0 20px rgba(212,175,55,.3);outline:none}.text-input-area::placeholder{color:#a0a0a0;opacity:.6}.modal-section-bottom{display:flex;gap:15px;height:20%;padding:15px 20px;width:100%}.modal-section-2,.modal-section-3{flex:1}.modal-cancel-btn,.modal-submit-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;height:100%;justify-content:center;letter-spacing:.5px;margin:0;max-height:45px;padding:0;text-align:center;transition:all .3s ease;width:100%}.modal-submit-btn{background:linear-gradient(145deg,rgba(74,222,128,.15),rgba(74,222,128,.05));border:1px solid #4ade80;color:#4ade80}.modal-submit-btn:hover{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 4px 12px rgba(74,222,128,.4);color:#0a0e27;transform:translateY(-2px)}.modal-submit-btn:active{box-shadow:0 1px 4px rgba(0,0,0,.3);transform:translateY(0)}.modal-cancel-btn{background:linear-gradient(145deg,hsla(0,91%,71%,.15),hsla(0,91%,71%,.05));border:1px solid #f87171;color:#f87171}.modal-cancel-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 4px 12px hsla(0,91%,71%,.4);color:#fff;transform:translateY(-2px)}.modal-cancel-btn:active{box-shadow:0 1px 4px rgba(0,0,0,.3);transform:translateY(0)}.image-preview-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(10px);background:rgba(0,0,0,.9);cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.image-preview-content,.image-preview-overlay{align-items:center;display:flex;justify-content:center}.image-preview-content{animation:zoomIn .3s ease;height:600px;position:relative;width:600px}.image-preview-content img{border:2px solid var(--accent-gold);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.8);height:100%;object-fit:contain;width:100%}.description-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.description-modal-content{animation:slideUp .4s ease;background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:25px;max-height:80vh;max-width:90%;padding:40px 30px;width:700px}.description-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding-bottom:14px}.description-modal-title{color:var(--accent-gold);font-size:1.5rem;font-weight:700;letter-spacing:.5px}.description-modal-textarea{background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.8;max-height:50vh;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:20px;resize:none;width:100%;word-wrap:break-word;transition:all .3s ease;white-space:pre-wrap}.description-modal-textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(212,175,55,.3);outline:none}.description-modal-textarea::placeholder{color:var(--text-secondary);opacity:.6}.description-modal-textarea::-webkit-scrollbar{width:8px}.description-modal-textarea::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.description-modal-textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.description-modal-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.description-modal-btn{align-items:center;background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);color:var(--accent-gold);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:1.5px;margin:0 auto;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:50%}.description-modal-btn:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.description-modal-btn:hover:before{left:100%}.description-modal-btn:hover{background:linear-gradient(145deg,var(--accent-gold),#b8941f);box-shadow:0 8px 25px rgba(212,175,55,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px var(--accent-gold),0 0 20px rgba(212,175,55,.3);color:var(--primary-dark);transform:translateY(-3px)}.description-modal-btn:active{box-shadow:0 3px 10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);transform:translateY(-1px) scale(.98)}.cancel-confirm-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.cancel-confirm-modal-content{animation:slideUp .4s ease;background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:2px solid #f87171;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.1);max-width:90%;padding:40px 30px;text-align:center;width:500px}.cancel-confirm-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(145deg,#4d1a1a,#2e0d0d);border:2px solid #f87171;border-radius:50%;box-shadow:0 0 30px hsla(0,91%,71%,.3);color:#f87171;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.cancel-confirm-message{color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.8;margin-bottom:30px}.cancel-confirm-btn{align-items:center;background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #f87171;color:#f87171;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:1.5px;margin:0 auto;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:50%}.cancel-confirm-btn:before{background:linear-gradient(90deg,transparent,hsla(0,91%,71%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cancel-confirm-btn:hover:before{left:100%}.cancel-confirm-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 8px 25px hsla(0,91%,71%,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px #f87171,0 0 20px hsla(0,91%,71%,.3);color:#fff;transform:translateY(-3px)}.cancel-confirm-btn:active{box-shadow:0 3px 10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #f87171;transform:translateY(-1px) scale(.98)}.reset-confirm-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.reset-confirm-modal-content{animation:slideUp .4s ease;background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:2px solid #60a5fa;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.1);max-width:90%;padding:40px 30px;text-align:center;width:400px}.reset-confirm-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(145deg,#1a3d4d,#0d232e);border:2px solid #60a5fa;border-radius:50%;box-shadow:0 0 30px rgba(96,165,250,.3);color:#60a5fa;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.reset-confirm-message{color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:30px}.reset-modal-buttons{align-items:center;display:flex;gap:10px;justify-content:center}.reset-confirm-no-btn,.reset-confirm-yes-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:1px;min-width:100px;padding:12px 25px;text-transform:uppercase;transition:all .3s ease}.reset-confirm-yes-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);color:var(--primary-dark)}.reset-confirm-yes-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 8px 25px rgba(212,175,55,.4);transform:translateY(-2px)}.reset-confirm-no-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);color:var(--primary-dark)}.reset-confirm-no-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 8px 25px rgba(212,175,55,.4);transform:translateY(-2px)}@media (max-width:768px){.dashboard-container{flex-direction:column}.sidebar{position:static;width:100%}.sidebar-nav{flex-direction:row;gap:5px;overflow-x:auto}.nav-item{flex-direction:column;gap:5px;min-width:80px;padding:10px}.nav-text{font-size:.8rem}.dashboard-main{padding:20px}.header-content{flex-direction:column;gap:15px;text-align:center}.user-info{flex-direction:column;gap:10px}.complaint-select-wrapper.documents-select{flex:2!important}.document-actions{gap:6px}.doc-btn{font-size:.68rem;padding:4px 10px}.top-section-upper{gap:10px;padding:0 10px}.text-modal-box{height:50%;width:90%}}.complaint-description-textarea{background:rgba(0,0,0,.3);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:1rem;height:95%;line-height:1.8;overflow-x:hidden;overflow-y:auto;padding:20px;resize:none;width:98%;word-wrap:break-word;direction:rtl;text-align:right;transition:all .3s ease;white-space:pre-wrap}.complaint-description-textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 25px rgba(212,175,55,.4);outline:none}.complaint-description-textarea::placeholder{color:var(--text-secondary);opacity:.6}.complaint-description-textarea::-webkit-scrollbar{width:10px}.complaint-description-textarea::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px;margin:10px 0}.complaint-description-textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px;transition:all .3s ease}.complaint-description-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold));box-shadow:0 0 10px rgba(212,175,55,.5)}.complaint-description-textarea{scrollbar-color:var(--accent-gold) var(--primary-dark);scrollbar-width:thin}.next-btn.disabled,.next-btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.next-btn.disabled,.next-btn.disabled:hover,.next-btn:disabled,.next-btn:disabled:hover{background:linear-gradient(145deg,#2a2f4f,#1a1f3a)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;color:#6b7280!important;transform:none!important}.next-btn.disabled:before,.next-btn:disabled:before{display:none}.cases-bottom-section{background:rgba(0,0,0,.2);border-radius:10px;display:flex;flex-direction:column;height:100%;padding:20px;width:100%}@media (max-width:768px){.cases-list-container{padding:15px}.case-item{gap:6px;padding:10px 14px}.case-title{font-size:.9rem}.case-status{font-size:.7rem;padding:3px 10px}.case-info-row{font-size:.75rem;gap:6px}.case-info-label{min-width:80px}.case-header{padding-bottom:6px}.case-body{gap:5px}}@media (max-width:480px){.cases-list-container{padding:10px}.case-item{gap:5px;padding:8px 12px}.case-title{font-size:.85rem}.case-status{font-size:.65rem;padding:2px 8px}.case-info-row{font-size:.7rem;gap:5px}.case-info-label{min-width:70px}}.cases-top-section{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.cases-list-container{direction:rtl;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.cases-list-container::-webkit-scrollbar{width:8px}.cases-list-container::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.cases-list-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.cases-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.cases-list-container{scrollbar-color:var(--accent-gold) var(--primary-dark);scrollbar-width:thin}.cases-list{gap:12px}.case-item,.cases-list{display:flex;flex-direction:column}.case-item{background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;gap:8px;min-height:auto;padding:12px 16px;transition:all .3s ease}.case-item:hover{border-color:var(--accent-gold);box-shadow:0 0 15px rgba(212,175,55,.2);transform:translateX(-5px)}.case-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:8px}.case-title{color:var(--accent-gold);direction:rtl;font-size:1rem;font-weight:600}.case-status{border-radius:15px;font-size:.75rem;font-weight:500;padding:4px 12px;white-space:nowrap}.case-status.pending{background:rgba(251,191,36,.2);border:1px solid #fbbf24;color:#fbbf24}.case-status.in-progress{background:rgba(96,165,250,.2);border:1px solid #60a5fa;color:#60a5fa}.case-status.completed{background:rgba(74,222,128,.2);border:1px solid #4ade80;color:#4ade80}.case-body{direction:rtl;display:flex;flex-direction:column;gap:6px}.case-info-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px}.case-info-label{color:var(--text-primary);font-weight:500;min-width:90px}.case-info-value{color:var(--text-secondary)}.case-document-logs{border-top:1px solid var(--border-color);margin-top:6px;padding-top:6px}.log-row{font-size:.75rem;opacity:.8}.log-row .case-info-value{color:var(--accent-gold)}.no-cases{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.no-cases-icon{font-size:5rem;opacity:.3}.no-cases-text{font-size:1.1rem;text-align:center}.case-steps-modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.case-steps-modal-content{animation:slideUp .4s ease;background:var(--secondary-dark);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,.5);direction:rtl;max-height:85vh;max-width:900px;overflow-y:auto;padding:30px;width:90%}.case-steps-modal-content::-webkit-scrollbar{width:8px}.case-steps-modal-content::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.case-steps-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.case-steps-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.case-steps-modal-header{align-items:center;display:flex;justify-content:center;margin-bottom:40px}.case-steps-modal-title{color:var(--accent-gold);font-size:1.2rem;font-weight:700;margin:0}.warning-badge{align-items:center;animation:warningPulse 2s infinite;background:#ff3b30;border-radius:50%;box-shadow:0 0 15px rgba(255,59,48,.6);color:#fff;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;left:-5px;position:absolute;top:-5px;width:24px}@keyframes warningPulse{0%,to{box-shadow:0 0 15px rgba(255,59,48,.6);transform:scale(1)}50%{box-shadow:0 0 25px rgba(255,59,48,.8);transform:scale(1.1)}}.case-step-icon{position:relative}.case-steps-container{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding:20px 0;position:relative}.case-steps-container:before{background:var(--border-color);content:"";height:3px;left:0;position:absolute;right:0;top:35px;z-index:0}.case-steps-container:after{background:linear-gradient(90deg,var(--accent-gold),#e8c76a);box-shadow:0 0 10px rgba(212,175,55,.5);content:"";height:3px;position:absolute;right:0;top:35px;transition:width .6s ease;z-index:1}.case-steps-container[data-current-step="1"]:after{width:0}.case-steps-container[data-current-step="2"]:after{width:20%}.case-steps-container[data-current-step="3"]:after{width:40%}.case-steps-container[data-current-step="4"]:after{width:60%}.case-steps-container[data-current-step="5"]:after{width:80%}.case-steps-container[data-current-step="6"]:after{width:100%}.case-step-item{align-items:center;display:flex;flex:1;flex-direction:column;gap:15px;z-index:2}.case-step-icon-wrapper,.case-step-item{position:relative}.case-step-icon{align-items:center;background:var(--secondary-dark);border:3px solid var(--border-color);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.3);display:flex;font-size:2rem;height:70px;justify-content:center;transition:all .4s ease;width:70px}.case-step-item.completed .case-step-icon{background:var(--secondary-dark);border-color:var(--accent-gold);box-shadow:0 0 20px rgba(212,175,55,.4)}.case-step-item.active .case-step-icon{animation:activePulse 2s infinite;background:var(--secondary-dark);border-color:var(--accent-gold);box-shadow:0 0 30px rgba(212,175,55,.6);transform:scale(1.1)}@keyframes activePulse{0%,to{box-shadow:0 0 30px rgba(212,175,55,.6)}50%{box-shadow:0 0 40px rgba(212,175,55,.8)}}.case-step-check{align-items:center;animation:checkPop .5s ease;background:var(--accent-gold);border-radius:50%;box-shadow:0 4px 10px rgba(212,175,55,.4);color:var(--primary-dark);display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.case-step-content{align-items:center;display:flex;flex-direction:column;gap:5px;min-height:80px;text-align:center}.case-step-number{color:var(--text-secondary);font-size:.75rem;font-weight:500}.case-step-title{color:var(--text-secondary);font-size:.9rem;font-weight:600;line-height:1.3}.case-step-item.active .case-step-title{color:var(--accent-gold)}.case-step-item.completed .case-step-title{color:var(--text-primary)}.case-step-description{color:var(--text-secondary);font-size:.8rem;opacity:.7}.case-step-item.active .case-step-description{color:var(--accent-gold);opacity:1}.case-documents-section{border-top:1px solid var(--border-color);margin-top:30px;padding-top:20px}.documents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.documents-title{font-size:.9rem;margin:0}.documents-count,.documents-title{color:var(--accent-gold);font-weight:600}.documents-count{background:rgba(212,175,55,.2);border:1px solid var(--accent-gold);border-radius:15px;font-size:.75rem;padding:3px 10px}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{align-items:center;border:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between;min-height:42px;padding:7px 10px}.document-info,.document-item{border-top:none}.document-item.uploaded{background:rgba(74,222,128,.05);border-color:#4ade80}.document-info{align-items:center;flex:1;gap:8px}.document-details{display:flex;flex:1;flex-direction:column;gap:2px}.document-title{color:var(--text-primary);font-size:.75rem;font-weight:600;line-height:1.2}.document-filename{color:var(--text-secondary);font-size:.65rem;line-height:1.2}.document-uploading{animation:pulse 1.5s infinite;color:var(--accent-gold);font-size:.65rem;line-height:1.2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.document-actions{flex-shrink:0}.upload-doc-btn{align-items:center;background:var(--accent-gold);border:none;border-radius:6px;color:var(--primary-dark);cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:5px 12px;transition:all .3s ease}.upload-doc-btn:hover:not(.disabled){background:#e8c76a;box-shadow:0 5px 15px rgba(212,175,55,.4);transform:translateY(-2px)}.upload-doc-btn.disabled{cursor:not-allowed;opacity:.5}.upload-icon{font-size:.85rem}.remove-doc-btn{align-items:center;background:rgba(255,59,48,.2);border:1px solid #ff3b30;border-radius:6px;color:#ff3b30;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:5px 12px;transition:all .3s ease}.remove-doc-btn:hover{background:#ff3b30;color:#fff;transform:translateY(-2px)}.remove-icon{font-size:.8rem}.no-documents-needed{align-items:center;background:rgba(74,222,128,.1);border:1px solid #4ade80;border-radius:8px;display:flex;gap:10px;justify-content:center;padding:15px}.no-docs-icon{color:#4ade80;font-size:1.3rem}.no-docs-text{color:var(--text-primary);font-size:.85rem;font-weight:500}.modal-bottom-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px}.modal-cancel-action-btn,.modal-submit-action-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;min-width:90px;padding:8px 20px;transition:all .3s ease}.modal-submit-action-btn{background:var(--accent-gold);border:none;color:var(--primary-dark)}.modal-submit-action-btn:hover{background:#e8c76a;box-shadow:0 5px 20px rgba(212,175,55,.4);transform:translateY(-2px)}.modal-cancel-action-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.modal-cancel-action-btn:hover{background:rgba(212,175,55,.1);border-color:var(--accent-gold);color:var(--accent-gold)}.sabt-tab-container{direction:rtl;display:flex;flex-direction:column;gap:20px;height:100%;padding:30px;width:100%}.sabt-select-wrapper{margin:0 auto;max-width:600px;position:relative;width:100%}.sabt-select{appearance:none;background:rgba(0,0,0,.3);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23d4af37' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:left 15px center;background-repeat:no-repeat;background-size:20px;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;direction:rtl;font-size:1rem;outline:none;padding:15px 20px;transition:all .3s ease;width:100%}.sabt-select:hover{background-color:rgba(0,0,0,.4);border-color:var(--accent-gold)}.sabt-select:focus{background-color:rgba(0,0,0,.5);border-color:var(--accent-gold);box-shadow:0 0 15px rgba(212,175,55,.3)}.sabt-select:disabled{border-color:var(--border-color);cursor:not-allowed;opacity:.5}.sabt-select option{background:var(--secondary-dark);color:var(--text-primary);direction:rtl;padding:10px}.sabt-label{background:var(--primary-dark);color:var(--accent-gold);font-size:.85rem;font-weight:600;padding:0 10px;position:absolute;right:15px;top:-12px;transition:all .3s ease}.sabt-select:focus+.sabt-label{color:var(--accent-gold);transform:scale(1.05)}.sabt-select-wrapper{animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sabt-select-wrapper:first-child{animation-delay:0s}.sabt-select-wrapper:nth-child(2){animation-delay:.1s}.sabt-select-wrapper:nth-child(3){animation-delay:.2s}@media (max-width:768px){.sabt-tab-container{gap:18px;padding:20px 15px}.sabt-select{background-size:18px;font-size:.9rem;padding:12px 18px}.sabt-label{font-size:.8rem}}@media (max-width:480px){.sabt-tab-container{gap:15px;padding:15px 10px}.sabt-select{background-position:left 10px center;background-size:16px;font-size:.85rem;padding:10px 15px}.sabt-label{font-size:.75rem;padding:0 8px;right:12px;top:-10px}}.mozayedeh-container{direction:rtl;gap:20px;height:100%;padding:20px}.mozayedeh-container,.mozayedeh-top-section{display:flex;flex-direction:column;width:100%}.mozayedeh-top-section{gap:15px;min-height:80px}.upload-section{align-items:center;background:rgba(0,0,0,.2);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:20px;padding:15px 20px}.upload-label{color:var(--text-primary);flex:1;font-size:1rem;font-weight:600}.upload-btn{align-items:center;background:linear-gradient(145deg,var(--accent-gold),#b8941f);border:none;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:var(--primary-dark);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;justify-content:center;letter-spacing:1px;min-width:120px;padding:10px 25px;text-align:center;transition:all .3s ease}.upload-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 6px 20px rgba(212,175,55,.4);transform:translateY(-2px)}.upload-btn:active{box-shadow:0 2px 8px rgba(0,0,0,.3);transform:translateY(0)}.uploaded-files{background:rgba(0,0,0,.15);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;max-height:150px;overflow-y:auto;padding:10px}.file-item{align-items:center;background:rgba(212,175,55,.1);border:1px solid var(--accent-gold);border-radius:8px;display:flex;gap:10px;padding:8px 15px;transition:all .3s ease}.file-item:hover{background:rgba(212,175,55,.15);box-shadow:0 0 10px rgba(212,175,55,.2)}.file-name{color:var(--text-primary);font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:transparent;border:none;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;font-size:.6rem;font-weight:700;height:12px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:6px}.remove-file-btn:hover{color:#dc2626;transform:scale(1.3)}.uploaded-files::-webkit-scrollbar{width:6px}.uploaded-files::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.uploaded-files::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:10px}.mozayedeh-bottom-section{gap:20px}.input-container,.mozayedeh-bottom-section{display:flex;flex:1;flex-direction:column;min-height:0}.input-container{gap:10px}.complaint-input{background:rgba(0,0,0,.3);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);direction:rtl;flex:1;font-family:inherit;font-size:1rem;line-height:1.8;min-height:400px;overflow-y:auto;padding:20px;resize:vertical;text-align:right;transition:all .3s ease;width:100%}.complaint-input:focus{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(212,175,55,.3);outline:none}.complaint-input::placeholder{color:var(--text-secondary);opacity:.6}.complaint-input::-webkit-scrollbar{width:10px}.complaint-input::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px;margin:10px 0}.complaint-input::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.complaint-input::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.character-counter{color:var(--text-secondary);direction:ltr;font-size:.85rem;padding:0 10px;text-align:left}.mozayedeh-container .action-buttons{display:flex;gap:10px;justify-content:center;padding:10px 0}.mozayedeh-container .back-btn,.mozayedeh-container .preview-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);border:none;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);color:var(--primary-dark);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:1px;min-width:140px;overflow:hidden;padding:8px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.mozayedeh-container .back-btn:before,.mozayedeh-container .preview-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mozayedeh-container .back-btn:hover:before,.mozayedeh-container .preview-btn:hover:before{left:100%}.mozayedeh-container .back-btn:hover,.mozayedeh-container .preview-btn:hover:not(:disabled){background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 5px 15px rgba(212,175,55,.4),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px var(--accent-gold),0 0 15px rgba(212,175,55,.3);transform:translateY(-2px)}.mozayedeh-container .back-btn:active,.mozayedeh-container .preview-btn:active:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);transform:translateY(0) scale(.98)}.mozayedeh-container .preview-btn:disabled{background:var(--secondary-dark);box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:not-allowed;opacity:.4;transform:none}@media (max-width:768px){.mozayedeh-container{gap:15px;padding:15px}.upload-section{align-items:stretch;flex-direction:column;gap:10px}.upload-label{font-size:.9rem;text-align:center}.upload-btn{max-width:100%}.uploaded-files{max-height:120px}.file-name{max-width:150px}.complaint-input{font-size:.9rem;min-height:300px;padding:15px}.mozayedeh-container .action-buttons{flex-direction:row;gap:8px}.mozayedeh-container .back-btn,.mozayedeh-container .preview-btn{flex:1;min-width:auto}}@media (max-width:480px){.mozayedeh-container{padding:10px}.upload-section{padding:10px 15px}.upload-btn,.upload-label{font-size:.85rem}.upload-btn{padding:8px 20px}.complaint-input{font-size:.85rem;min-height:250px;padding:12px}.character-counter{font-size:.75rem}.mozayedeh-container .back-btn,.mozayedeh-container .preview-btn{font-size:.75rem;padding:8px 15px}}.mozayedeh-preview-container{background:linear-gradient(135deg,#0a0e27,#1a1f3a);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;width:100%}.mozayedeh-preview-main{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:20px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:30px;width:100%}.mozayedeh-preview-main::-webkit-scrollbar{width:10px}.mozayedeh-preview-main::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.mozayedeh-preview-main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.mozayedeh-preview-main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.preview-text-box{flex:1;min-height:0}.preview-text-box,.preview-text-content{box-sizing:border-box;max-width:100%;width:100%}.preview-text-content{background:linear-gradient(145deg,#151b3d,#0d1129);border:2px solid var(--border-color);border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.05);color:var(--text-primary);direction:rtl;font-family:inherit;font-size:1rem;height:100%;line-height:1.8;min-height:400px;overflow-x:hidden;overflow-y:auto;padding:25px;resize:none;text-align:right}.preview-text-content::-webkit-scrollbar{width:10px}.preview-text-content::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.preview-text-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.preview-documents-section{flex-direction:column;flex-shrink:0;gap:0;width:100%}.preview-documents-list,.preview-documents-section{box-sizing:border-box;display:flex;max-width:100%;min-height:170px}.preview-documents-list{background:rgba(0,0,0,.2);border:1px solid var(--border-color);border-radius:12px;gap:15px;overflow-x:auto;overflow-y:hidden;padding:15px}.preview-documents-list::-webkit-scrollbar{height:8px}.preview-documents-list::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.preview-documents-list::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:10px}.preview-document-item{background:linear-gradient(145deg,#151b3d,#0d1129);border:1px solid var(--accent-gold);border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:10px;transition:all .3s ease;width:150px}.preview-document-item:hover{box-shadow:0 5px 20px rgba(212,175,55,.3);transform:translateY(-5px)}.preview-document-image{background:rgba(0,0,0,.3);border-radius:8px;height:120px;object-fit:cover;width:100%}.preview-document-name{color:var(--text-primary);font-size:.75rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.preview-actions{box-sizing:border-box;padding:20px 0 10px}.preview-back-btn,.preview-publish-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);box-sizing:border-box;color:var(--primary-dark);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:1px;min-width:140px;overflow:hidden;padding:10px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-back-btn:before,.preview-publish-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.preview-back-btn:hover:before,.preview-publish-btn:hover:before{left:100%}.preview-back-btn:hover,.preview-publish-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 6px 20px rgba(212,175,55,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px var(--accent-gold),0 0 20px rgba(212,175,55,.3);transform:translateY(-3px)}.preview-back-btn:active,.preview-publish-btn:active{box-shadow:0 3px 10px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);transform:translateY(-1px) scale(.98)}@media (max-width:768px){.mozayedeh-preview-main{gap:15px;padding:20px}.preview-text-box{min-height:300px}.preview-text-content{font-size:.9rem;min-height:300px;padding:15px}.preview-documents-list,.preview-documents-section{min-height:150px}.preview-actions{flex-direction:row;gap:10px}.preview-back-btn,.preview-publish-btn{flex:1;min-width:auto}}@media (max-width:480px){.mozayedeh-preview-main{padding:15px}.preview-text-box{min-height:250px}.preview-text-content{font-size:.85rem;min-height:250px;padding:12px}.preview-documents-list,.preview-documents-section{min-height:130px}.preview-back-btn,.preview-publish-btn{font-size:.8rem;padding:8px 15px}}.mozayedeh-publish-final-container{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:30px;width:100%}.publish-final-main{background:linear-gradient(145deg,#151b3d,#0d1129);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.5);box-sizing:border-box;max-width:700px;padding:40px;width:100%}.publish-final-header{border-bottom:2px solid var(--accent-gold);margin-bottom:40px;padding-bottom:20px;text-align:center}.publish-final-header h2{color:var(--accent-gold);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.publish-final-content{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.publish-final-section{display:flex;flex-direction:column;gap:10px}.publish-final-label{color:var(--text-primary);font-size:1rem;font-weight:600;padding-right:5px}.publish-final-select{background:rgba(0,0,0,.3);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;direction:rtl;font-family:inherit;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:100%}.publish-final-select:disabled{cursor:not-allowed;opacity:.5}.publish-final-select:focus{border-color:var(--accent-gold);box-shadow:0 0 15px rgba(212,175,55,.3);outline:none}.publish-final-select option{background:var(--primary-dark);color:var(--text-primary);padding:10px}.publish-final-info{background:rgba(0,0,0,.3);border:2px solid var(--accent-gold);border-radius:15px;display:flex;flex-direction:column;gap:20px;margin-top:10px;padding:25px}.publish-info-item{align-items:center;border-bottom:1px solid rgba(212,175,55,.2);display:flex;justify-content:space-between;padding:12px 0}.publish-info-item:last-child{border-bottom:none}.publish-info-label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.publish-info-value{color:var(--accent-gold);font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(212,175,55,.3)}.publish-final-back-btn:before,.publish-final-submit-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.publish-final-back-btn:hover:before,.publish-final-submit-btn:hover:before{left:100%}.publish-final-back-btn:hover,.publish-final-submit-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 6px 25px rgba(212,175,55,.6),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px var(--accent-gold),0 0 20px rgba(212,175,55,.4);transform:translateY(-3px)}.publish-final-back-btn:active,.publish-final-submit-btn:active{box-shadow:0 3px 12px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);transform:translateY(-1px) scale(.98)}@media (max-width:768px){.mozayedeh-publish-final-container{padding:20px}.publish-final-main{padding:30px 25px}.publish-final-header h2{font-size:1.3rem}.publish-final-actions{flex-direction:column}.publish-final-back-btn,.publish-final-submit-btn{width:100%}}@media (max-width:480px){.publish-final-main{padding:25px 20px}.publish-final-header{margin-bottom:30px}.publish-final-select{font-size:.9rem;padding:12px 15px}.publish-info-item{align-items:flex-start;flex-direction:column;gap:8px}.publish-final-back-btn,.publish-final-submit-btn{font-size:.9rem;padding:10px 20px}}.publish-final-or{color:var(--text-secondary);font-size:1.2rem;font-weight:600;margin:10px 0;position:relative;text-align:center}.publish-final-or:after,.publish-final-or:before{background:linear-gradient(to right,transparent,var(--border-color),transparent);content:"";height:1px;position:absolute;top:50%;width:40%}.publish-final-or:before{left:0}.publish-final-or:after{right:0}.publish-final-actions{display:flex;flex-direction:row;gap:15px;justify-content:center;padding-top:10px}.publish-final-back-btn,.publish-final-submit-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);box-sizing:border-box;color:var(--primary-dark);cursor:pointer;flex:1;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:1px;max-width:200px;min-width:160px;overflow:hidden;padding:12px 30px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.publish-final-actions{flex-direction:row;gap:10px}.publish-final-back-btn,.publish-final-submit-btn{flex:1;max-width:none;min-width:auto}.current-selection-box{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.publish-final-actions{gap:8px}.publish-final-back-btn,.publish-final-submit-btn{font-size:.9rem;padding:10px 20px}}.vazeyat-container{direction:rtl;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.vazeyat-container::-webkit-scrollbar{width:8px}.vazeyat-container::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.vazeyat-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}.auctions-list{display:flex;flex-direction:column;gap:20px}.auction-card{background:linear-gradient(145deg,rgba(21,27,61,.8),rgba(13,17,41,.8));border:2px solid var(--border-color);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.3);cursor:pointer;padding:25px;transition:all .3s ease}.auction-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 25px rgba(212,175,55,.2);transform:translateY(-3px)}.auction-card.closed{border-color:#4ade80;opacity:.7}.auction-card.expired{border-color:#6b7280;opacity:.5}.auction-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.auction-title-section{display:flex;flex:1;flex-direction:column;gap:8px}.auction-title{color:var(--accent-gold);font-size:1.1rem;font-weight:700;margin:0}.auction-case-number{color:var(--text-secondary);font-size:.85rem;opacity:.8}.auction-status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 15px;white-space:nowrap}.auction-status-badge.active{background:rgba(74,222,128,.2);border:1px solid #4ade80;color:#4ade80}.auction-status-badge.closed{background:rgba(96,165,250,.2);border:1px solid #60a5fa;color:#60a5fa}.auction-status-badge.expired{background:hsla(220,9%,46%,.2);border:1px solid #6b7280;color:#9ca3af}.auction-info-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:15px}.auction-info-item{align-items:center;background:rgba(0,0,0,.2);border:1px solid transparent;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.auction-info-item:hover{background:rgba(212,175,55,.05);border-color:var(--accent-gold)}.info-icon{font-size:1.5rem}.info-content{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;font-weight:500}.info-value{font-size:.9rem}.auction-expiry{align-items:center;background:rgba(251,191,36,.1);border:1px solid #fbbf24;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-top:10px;padding:10px}.expiry-icon{font-size:1.2rem}.expiry-text{color:#fbbf24;font-size:.9rem;font-weight:600}.auction-selected{align-items:center;background:rgba(74,222,128,.1);border:1px solid #4ade80;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-top:10px;padding:10px}.selected-icon{color:#4ade80;font-size:1.2rem}.selected-text{color:#4ade80;font-size:.9rem;font-weight:600}.no-auctions{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.no-auctions-icon{font-size:5rem;opacity:.3}.no-auctions-text{color:var(--text-secondary);font-size:1.1rem;text-align:center}.auction-detail-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:15px;box-sizing:border-box;max-height:45vh;max-width:1000px;overflow-x:hidden;overflow-y:auto;padding:15px;width:90%}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{border:2px solid var(--primary-dark)}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border-radius:10px}.offers-stats{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.stat-card{align-items:center;border:1px solid;border-radius:8px;display:flex;gap:8px;padding:8px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.stat-card.accept{background:rgba(74,222,128,.1);border-color:#4ade80}.stat-card.negotiate{background:rgba(251,191,36,.1);border-color:#fbbf24}.stat-card.reject{background:hsla(0,91%,71%,.1);border-color:#f87171}.stat-icon{font-size:1.2rem}.stat-card.accept .stat-icon{color:#4ade80}.stat-card.negotiate .stat-icon{color:#fbbf24}.stat-card.reject .stat-icon{color:#f87171}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-number{color:var(--text-primary);font-size:1.1rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.65rem}.lawyers-responses-section{margin-top:15px}.section-title{border-bottom:1px solid var(--border-color);color:var(--accent-gold);font-size:.85rem;font-weight:700;margin-bottom:8px;padding-bottom:6px}.responses-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.lawyer-response-card{background:rgba(0,0,0,.2);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;padding:10px;transition:all .3s ease}.lawyer-response-card:hover{border-color:var(--accent-gold);box-shadow:0 6px 20px rgba(212,175,55,.2);transform:translateY(-2px)}.lawyer-response-card.accept{border-left:3px solid #4ade80}.lawyer-response-card.reject{border-left:3px solid #f87171}.lawyer-response-card.negotiate{border-left:3px solid #fbbf24}.response-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.lawyer-info{gap:8px}.lawyer-avatar{align-items:center;background:linear-gradient(145deg,var(--accent-gold),#b8941f);border-radius:50%;color:var(--primary-dark);display:flex;font-size:1.2rem;height:35px;justify-content:center;width:35px}.lawyer-details{flex-direction:column;gap:4px}.lawyer-name{color:var(--text-primary);font-size:.85rem;font-weight:700;margin:0}.lawyer-meta{display:flex;flex-wrap:wrap;gap:6px}.lawyer-city,.lawyer-experience,.lawyer-specialty{background:rgba(0,0,0,.3);border-radius:8px;color:var(--text-secondary);font-size:.65rem;padding:2px 6px}.response-badge{align-items:center;border-radius:12px;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.response-badge.accept{background:rgba(74,222,128,.2);border:1px solid #4ade80;color:#4ade80}.response-badge.reject{background:hsla(0,91%,71%,.2);border:1px solid #f87171;color:#f87171}.response-badge.negotiate{background:rgba(251,191,36,.2);border:1px solid #fbbf24;color:#fbbf24}.badge-icon{font-size:.85rem}.response-body{display:flex;flex-direction:column;gap:8px}.lawyer-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-item{align-items:center;background:rgba(0,0,0,.3);border-radius:6px;display:flex;font-size:.7rem;gap:4px;padding:4px 8px}.stat-item.price{background:rgba(212,175,55,.1);border:1px solid var(--accent-gold)}.stat-item .stat-icon{font-size:.8rem}.stat-item .stat-text{color:var(--text-primary);font-weight:600}.stat-item.price .stat-text{color:var(--accent-gold);font-weight:700}.response-comment{background:rgba(0,0,0,.3);border-radius:6px;border-right:2px solid var(--accent-gold);padding:8px}.comment-text{color:var(--text-primary);font-size:.75rem;line-height:1.5;margin:0}.response-footer{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.view-date{color:var(--text-secondary);font-size:.65rem}.select-lawyer-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);border:none;border-radius:6px;color:var(--primary-dark);cursor:pointer;font-size:.7rem;font-weight:600;padding:4px 12px;transition:all .3s ease}.select-lawyer-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 4px 12px rgba(212,175,55,.4);transform:translateY(-2px)}@media (max-width:768px){.vazeyat-container{padding:15px}.auction-card{padding:20px}.auction-info-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;padding:12px;width:95%}.auction-summary,.offers-stats{grid-template-columns:1fr}.lawyer-info,.response-footer{align-items:flex-start;flex-direction:column}.response-footer{gap:8px}.select-lawyer-btn{width:100%}}.preview{background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.preview-header{backdrop-filter:blur(10px);background:rgba(10,14,39,.95);border-bottom:2px solid #d4af37;box-shadow:0 4px 20px rgba(0,0,0,.5);flex-shrink:0;padding:12px 24px}.preview-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.preview-header h1{color:#d4af37;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;letter-spacing:1px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.preview-user-info{align-items:center;display:flex;gap:15px}.preview-user-name{color:#e8e8e8;font-size:.95rem;font-weight:600}.preview-container{width:100%}.preview-container,.preview-main{display:flex;flex:1;overflow:hidden}.preview-main{background:linear-gradient(145deg,#151b3d,#0d1129);border:1px solid #2a2f4f;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.5);flex-direction:column;margin:20px;padding:30px}.preview-content{display:flex;flex:1;flex-direction:column;margin-bottom:20px;width:100%}.preview-content-area{background:rgba(0,0,0,.3);border:2px solid #2a2f4f;border-radius:10px;color:#e8e8e8;font-family:inherit;font-size:.95rem;height:100%;line-height:1.8;overflow-x:hidden;overflow-y:auto;padding:20px;resize:none;width:100%;word-wrap:break-word;cursor:default;direction:rtl;text-align:right;transition:all .3s ease;white-space:pre-wrap}.preview-content-area:focus{border-color:#d4af37;box-shadow:0 0 20px rgba(212,175,55,.3);outline:none}.preview-content-area::-webkit-scrollbar{width:10px}.preview-content-area::-webkit-scrollbar-track{background:#0a0e27;border-radius:10px;margin:10px 0}.preview-content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#b8941f);border:2px solid #0a0e27;border-radius:10px;transition:all .3s ease}.preview-content-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,#d4af37);box-shadow:0 0 10px rgba(212,175,55,.5)}.preview-content-area{scrollbar-color:#d4af37 #0a0e27;scrollbar-width:thin}.preview-actions{align-items:center;display:flex;flex-direction:row-reverse;flex-shrink:0;gap:15px;justify-content:center;padding:10px 0;width:100%}.preview-back-btn,.preview-submit-btn{border:none;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:1px;max-width:150px;min-width:120px;overflow:hidden;padding:8px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.preview-back-btn{background:linear-gradient(145deg,#151b3d,#0d1129);box-shadow:0 3px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #f87171;color:#f87171}.preview-back-btn:before{background:linear-gradient(90deg,transparent,hsla(0,91%,71%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.preview-back-btn:hover:before{left:100%}.preview-back-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 6px 20px hsla(0,91%,71%,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px #f87171,0 0 20px hsla(0,91%,71%,.3);color:#fff;transform:translateY(-2px)}.preview-back-btn:active{box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #f87171;transform:translateY(-1px) scale(.98)}.preview-submit-btn{background:linear-gradient(145deg,#d4af37,#b8941f);box-shadow:0 3px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #d4af37;color:#0a0e27}.preview-submit-btn:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.preview-submit-btn:hover:before{left:100%}.preview-submit-btn:hover{background:linear-gradient(145deg,#e8c76a,#d4af37);box-shadow:0 6px 20px rgba(212,175,55,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px #d4af37,0 0 20px rgba(212,175,55,.3);transform:translateY(-2px)}.preview-submit-btn:active{box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #d4af37;transform:translateY(-1px) scale(.98)}@media (max-width:768px){.preview-main{margin:10px;padding:20px}.preview-actions{flex-direction:row;gap:10px}.preview-back-btn,.preview-submit-btn{flex:1;font-size:.8rem;max-width:none;min-width:100px;padding:10px 15px}}.vakil-container{background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#e8e8e8;display:flex;flex-direction:column;height:100vh;overflow:hidden}.vakil-header{backdrop-filter:blur(10px);background:rgba(10,14,39,.95);border-bottom:2px solid #d4af37;box-shadow:0 4px 20px rgba(0,0,0,.5);padding:12px 24px;position:sticky;top:0;z-index:100}.vakil-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.vakil-header h1{color:#d4af37;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.vakil-user-info{align-items:center;display:flex;gap:20px}.vakil-client-name{color:#e8e8e8;font-size:.95rem;font-weight:600}.vakil-back-btn{background:linear-gradient(145deg,#151b3d,#0d1129);border:none;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 1px #f87171;color:#f87171;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 20px;transition:all .3s ease}.vakil-back-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 6px 20px hsla(0,91%,71%,.4);color:#fff;transform:translateY(-2px)}.vakil-body{direction:rtl;display:flex;flex:1;gap:20px;margin:0 auto;max-height:calc(100vh - 80px);max-width:1400px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.vakil-main,.vakil-sidebar{direction:ltr}.action-buttons,.dropdowns-wrapper,.filter-dropdown-container,.filter-dropdown-menu,.filter-dropdown-trigger,.filter-option,.lawyer-action-section,.lawyer-card,.lawyer-details,.lawyer-info,.lawyer-name,.lawyers-list,.lawyers-list-section,.selected-lawyer-display,.vakil-bottom-section,.vakil-nav,.vakil-nav-item,.vakil-top-section{direction:rtl}.lawyers-list-section{max-height:600px;overflow-x:hidden;overflow-y:auto}.vakil-sidebar{background:linear-gradient(145deg,#151b3d,#0d1129);border:1px solid #2a2f4f;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.5);direction:rtl;height:fit-content;padding:20px;position:sticky;top:100px;width:250px}.vakil-nav{direction:rtl;display:flex;flex-direction:column;gap:10px}.vakil-nav-item{align-items:center;background:rgba(0,0,0,.2);border:1px solid transparent;border-radius:10px;color:#a0a0a0;cursor:pointer;direction:rtl;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:15px 20px;text-align:right;transition:all .3s ease}.vakil-nav-item:hover{background:rgba(212,175,55,.1);border-color:#d4af37;color:#d4af37;transform:translateX(-5px)}.vakil-nav-item.active{background:linear-gradient(145deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border-color:#d4af37;box-shadow:0 0 20px rgba(212,175,55,.2);color:#d4af37}.vakil-main{background:linear-gradient(145deg,#151b3d,#0d1129);border:1px solid #2a2f4f;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.5);direction:rtl;display:flex;flex:2;flex-direction:column;max-height:calc(100vh - 140px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:30px}.vakil-main::-webkit-scrollbar{width:8px}.vakil-main::-webkit-scrollbar-track{background:rgba(10,14,39,.5);border-radius:10px}.vakil-main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#b8941f);border:2px solid #0a0e27;border-radius:10px}.vakil-main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,#d4af37)}.vakil-main{scrollbar-color:#d4af37 rgba(10,14,39,.5);scrollbar-width:thin}.vakil-top-section{align-items:center;flex-shrink:0;height:80px;padding:0 20px;width:100%}.dropdowns-wrapper,.vakil-top-section{direction:rtl;display:flex;gap:15px}.filter-dropdown-container{direction:rtl;position:relative;width:250px;z-index:10}.filter-dropdown-trigger{align-items:center;background:rgba(0,0,0,.3);border:1px solid #2a2f4f;border-radius:8px;color:#e8e8e8;cursor:pointer;direction:rtl;display:flex;font-size:.9rem;font-weight:500;gap:10px;justify-content:space-between;padding:10px 15px;text-align:right;transition:all .3s ease;width:100%}.filter-dropdown-trigger:hover{border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,.2)}.filter-dropdown-trigger.open{background:rgba(10,14,39,.95);border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#d4af37}.filter-icon{color:#d4af37;font-size:1rem}.filter-label{flex:1;text-align:right}.dropdown-arrow{color:#a0a0a0;font-size:.8rem;transition:transform .3s ease}.filter-dropdown-menu{animation:slideDown .3s ease;background:#151b3d;border:1px solid #2a2f4f;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;box-shadow:0 10px 30px rgba(0,0,0,.5);direction:rtl;left:0;overflow:hidden;position:absolute;top:100%;width:100%}.filter-option{border-bottom:1px solid rgba(42,47,79,.3);color:#e8e8e8;cursor:pointer;direction:rtl;font-size:.9rem;padding:10px 15px;text-align:right;transition:all .2s ease}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:rgba(212,175,55,.1);color:#d4af37;padding-right:20px}.filter-option.selected{background:rgba(212,175,55,.05);color:#d4af37;font-weight:600}.vakil-bottom-section{direction:rtl;flex:4;margin-top:0;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.lawyers-list-section{direction:rtl;min-height:600px;padding:20px;width:100%}.lawyers-list{direction:rtl;display:flex;flex-direction:column;gap:8px}.vakil-bottom-section::-webkit-scrollbar{width:8px}.vakil-bottom-section::-webkit-scrollbar-track{background:rgba(10,14,39,.5);border-radius:10px}.vakil-bottom-section::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#b8941f);border:2px solid #0a0e27;border-radius:10px}.vakil-bottom-section::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,#d4af37)}.vakil-bottom-section{scrollbar-color:#d4af37 rgba(10,14,39,.5);scrollbar-width:thin}.lawyer-card{align-items:center;background:rgba(0,0,0,.3);border:1px solid #2a2f4f;border-radius:8px;cursor:pointer;direction:rtl;display:flex;flex-direction:row;gap:15px;height:50px;padding:10px 15px;transition:all .3s ease;width:100%}.lawyer-card:hover{border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,.2);transform:translateX(-5px)}.lawyer-card.selected{background:rgba(212,175,55,.1);border-color:#d4af37;box-shadow:0 0 20px rgba(212,175,55,.3)}.lawyer-avatar{flex-shrink:0;font-size:1.3rem;width:30px}.lawyer-info{align-items:center;display:flex;flex:1;flex-direction:row;gap:10px}.lawyer-info,.lawyer-name{direction:rtl;overflow:hidden}.lawyer-name{color:#e8e8e8;font-size:.9rem;font-weight:600;min-width:100px;text-overflow:ellipsis;white-space:nowrap}.lawyer-details{align-items:center;color:#a0a0a0;direction:rtl;display:flex;flex:1;font-size:.8rem;gap:10px;overflow:hidden}.lawyer-specialty{color:#60a5fa;font-weight:500}.lawyer-experience,.lawyer-rating,.lawyer-specialty{white-space:nowrap}.lawyer-rating{color:#fbbf24;font-weight:500;margin-left:auto}.lawyer-action-section{border-top:1px solid #2a2f4f;direction:rtl;display:flex;flex-direction:column;flex-shrink:0;height:120px;width:100%}.selected-lawyer-display{align-items:center;background:rgba(0,0,0,.2);direction:rtl;display:flex;height:50%;justify-content:center;padding:10px 20px;width:100%}.selected-lawyer-info{color:#d4af37;direction:rtl;font-size:1rem;font-weight:500;text-align:center}.no-lawyer-selected{color:#a0a0a0;direction:rtl;font-size:.95rem;text-align:center}.action-buttons{align-items:center;direction:rtl;display:flex;gap:15px;height:50%;justify-content:center;padding:10px 20px;width:100%}.back-action-btn,.continue-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1;font-family:inherit;font-size:.9rem;font-weight:600;max-width:200px;padding:10px 25px;transition:all .3s ease}.continue-action-btn{background:linear-gradient(145deg,#d4af37,#b8941f);box-shadow:0 3px 12px rgba(0,0,0,.5);color:#0a0e27}.continue-action-btn:hover:not(:disabled){background:linear-gradient(145deg,#e8c76a,#d4af37);box-shadow:0 6px 20px rgba(212,175,55,.4);transform:translateY(-2px)}.continue-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.back-action-btn{background:linear-gradient(145deg,#151b3d,#0d1129);box-shadow:0 3px 12px rgba(0,0,0,.5),0 0 0 1px #f87171;color:#f87171}.back-action-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 6px 20px hsla(0,91%,71%,.4);color:#fff;transform:translateY(-2px)}.client-info-container{direction:rtl;display:flex;flex-direction:column;gap:30px;min-height:800px;padding:20px;width:100%}.client-info-title{border-bottom:2px solid #2a2f4f;color:#d4af37;direction:rtl;font-size:1.5rem;font-weight:700;padding-bottom:15px;text-align:center}.client-info-readonly{background:rgba(0,0,0,.2);border:1px solid #2a2f4f;border-radius:10px;flex-direction:column;padding:20px}.client-info-readonly,.info-row{direction:rtl;display:flex;gap:15px}.info-row{align-items:center;background:rgba(0,0,0,.3);border-radius:8px;padding:10px;text-align:right}.info-row label{color:#a0a0a0;direction:rtl;font-size:.9rem;font-weight:600;min-width:120px;text-align:right}.info-row span{color:#e8e8e8;direction:rtl;font-size:1rem;font-weight:500;text-align:right}.client-info-editable{background:rgba(0,0,0,.2);border:1px solid #2a2f4f;border-radius:10px;gap:20px;padding:20px}.client-info-editable,.input-row{direction:rtl;display:flex;flex-direction:column}.input-row{gap:10px}.input-row label{color:#d4af37;direction:rtl;font-size:.95rem;font-weight:600;text-align:right}.input-row input,.input-row textarea{background:rgba(0,0,0,.3);border:1px solid #2a2f4f;border-radius:8px;color:#e8e8e8;direction:rtl;font-family:inherit;font-size:.95rem;padding:12px 15px;text-align:right;transition:all .3s ease;width:100%}.input-row input::placeholder,.input-row textarea::placeholder{direction:rtl;text-align:right}.input-row input:focus,.input-row textarea:focus{border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,.2);outline:none}.input-row textarea{min-height:100px;resize:vertical}.client-info-actions{direction:rtl;display:flex;gap:15px;justify-content:center;margin-top:auto;padding-top:20px}.client-back-btn,.client-submit-btn{border:none;border-radius:10px;cursor:pointer;flex:1;font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:1px;max-width:200px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.client-submit-btn{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 4px 15px rgba(0,0,0,.3);color:#0a0e27}.client-submit-btn:hover:not(:disabled){background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 6px 20px rgba(74,222,128,.4);transform:translateY(-2px)}.client-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.client-back-btn{background:linear-gradient(145deg,#151b3d,#0d1129);box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 0 1px #f87171;color:#f87171}.client-back-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 6px 20px hsla(0,91%,71%,.4);color:#fff;transform:translateY(-2px)}.documents-container{display:flex;flex-direction:column;gap:30px;min-height:800px;padding:20px;width:100%}.documents-title{border-bottom:2px solid #2a2f4f;color:#d4af37;font-size:1.5rem;font-weight:700;padding-bottom:15px;text-align:center}.documents-content{background:rgba(0,0,0,.2);border:1px solid #2a2f4f;border-radius:10px;flex:1;min-height:600px;overflow-y:auto;padding:20px}.documents-content::-webkit-scrollbar{width:8px}.documents-content::-webkit-scrollbar-track{background:rgba(10,14,39,.5);border-radius:10px}.documents-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#b8941f);border:2px solid #0a0e27;border-radius:10px}.documents-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,#d4af37)}.documents-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.document-item{background:rgba(0,0,0,.3);border:1px solid #2a2f4f;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.document-item:hover{border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,.3);transform:translateY(-3px)}.document-preview{align-items:center;background:#0a0e27;display:flex;height:50px;justify-content:center;overflow:hidden;width:100%}.document-preview img{height:100%;object-fit:cover;width:100%}.document-info{border-top:1px solid #2a2f4f;display:flex;flex-direction:column;gap:3px;padding:5px}.document-name{color:#e8e8e8;font-size:.65rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-size{color:#a0a0a0;font-size:.6rem}.no-documents{align-items:center;color:#a0a0a0;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.no-documents-icon{font-size:5rem;opacity:.3}.no-documents p{font-size:1.1rem}.documents-actions{display:flex;gap:15px;justify-content:center;padding-top:20px}.documents-back-btn,.documents-submit-btn{border:none;border-radius:10px;cursor:pointer;flex:1;font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:1px;max-width:200px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.documents-submit-btn{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 4px 15px rgba(0,0,0,.3);color:#0a0e27}.documents-submit-btn:hover{background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 6px 20px rgba(74,222,128,.4);transform:translateY(-2px)}.documents-back-btn{background:linear-gradient(145deg,#151b3d,#0d1129);box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 0 1px #f87171;color:#f87171}.documents-back-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 6px 20px hsla(0,91%,71%,.4);color:#fff;transform:translateY(-2px)}.notes-container{display:flex;flex-direction:column;gap:30px;min-height:800px;padding:20px;width:100%}.notes-title{border-bottom:2px solid #2a2f4f;color:#d4af37;font-size:1.5rem;font-weight:700;padding-bottom:15px;text-align:center}.notes-content{background:rgba(0,0,0,.2);border:1px solid #2a2f4f;border-radius:10px;display:flex;flex:1;flex-direction:column;gap:10px;padding:20px}.notes-textarea{background:rgba(0,0,0,.3);border:1px solid #2a2f4f;border-radius:8px;color:#e8e8e8;direction:rtl;flex:1;font-family:inherit;font-size:.95rem;line-height:1.8;min-height:600px;overflow-y:auto;padding:15px;resize:vertical;text-align:right;transition:all .3s ease;width:100%}.notes-textarea:focus{border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,.2);outline:none}.notes-textarea::placeholder{color:#a0a0a0;opacity:.6}.notes-textarea::-webkit-scrollbar{width:8px}.notes-textarea::-webkit-scrollbar-track{background:rgba(10,14,39,.5);border-radius:10px}.notes-textarea::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#b8941f);border:2px solid #0a0e27;border-radius:10px}.notes-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,#d4af37)}.notes-counter{color:#a0a0a0;direction:ltr;font-size:.85rem;text-align:left}.notes-actions{display:flex;gap:15px;justify-content:center;padding-top:20px}.notes-back-btn,.notes-submit-btn{border:none;border-radius:10px;cursor:pointer;flex:1;font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:1px;max-width:200px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.notes-submit-btn{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 4px 15px rgba(0,0,0,.3);color:#0a0e27}.notes-submit-btn:hover:not(:disabled){background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 6px 20px rgba(74,222,128,.4);transform:translateY(-2px)}.notes-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.notes-back-btn{background:linear-gradient(145deg,#151b3d,#0d1129);box-shadow:0 4px 15px rgba(0,0,0,.3),0 0 0 1px #f87171;color:#f87171}.notes-back-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 6px 20px hsla(0,91%,71%,.4);color:#fff;transform:translateY(-2px)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.vakil-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.vakil-header{flex-shrink:0}.vakil-body{flex:1;flex-direction:column;height:auto;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto!important;-webkit-overflow-scrolling:touch;direction:rtl;gap:10px;padding:10px}.vakil-sidebar{direction:ltr;flex-shrink:0;height:auto;padding:10px;position:static;width:100%}.vakil-main{direction:ltr;flex:1;height:auto;max-height:none;min-height:auto;overflow:visible;padding:15px}.vakil-nav,.vakil-nav-item{direction:rtl}.vakil-nav{flex-direction:row;gap:5px;overflow-x:auto}.vakil-nav-item{flex-direction:column;font-size:.85rem;gap:5px;min-width:120px;padding:10px 15px}.dropdowns-wrapper{flex-direction:row;gap:10px;width:100%}.filter-dropdown-container{flex:1}.vakil-bottom-section{flex:1;min-height:400px;overflow-y:visible}.lawyers-list-section{direction:rtl;max-height:400px;overflow-y:auto}.lawyers-list-section::-webkit-scrollbar{display:block!important;width:6px}.lawyers-list-section::-webkit-scrollbar-track{background:rgba(10,14,39,.5);border-radius:3px}.lawyers-list-section::-webkit-scrollbar-thumb{background:#d4af37;border-radius:3px}.lawyer-card{flex-direction:row;height:auto;min-height:50px;padding:10px;text-align:right}.lawyer-info{align-items:flex-start;flex-direction:column;gap:5px}.lawyer-name{min-width:auto;width:100%}.lawyer-details{flex-wrap:wrap;gap:8px;width:100%}.lawyer-rating{margin-left:0}.lawyer-action-section{flex-shrink:0}.documents-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.document-preview{height:40px}.vakil-body::-webkit-scrollbar{display:block!important;width:6px}.vakil-body::-webkit-scrollbar-track{background:rgba(10,14,39,.5)}.vakil-body::-webkit-scrollbar-thumb{background:#d4af37;border-radius:3px}}.payment-container{background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#e8e8e8;display:flex;flex-direction:column;min-height:100vh}.payment-header{backdrop-filter:blur(10px);background:rgba(10,14,39,.95);border-bottom:2px solid #d4af37;box-shadow:0 4px 20px rgba(0,0,0,.5);padding:20px 24px}.payment-header-content{margin:0 auto;max-width:800px;text-align:center}.payment-header h1{color:#d4af37;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.payment-main{align-items:center;display:flex;flex:1;flex-direction:column;gap:30px;justify-content:center;padding:40px 20px}.payment-card{background:linear-gradient(145deg,#151b3d,#0d1129);border:1px solid #2a2f4f;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.7);max-width:600px;padding:40px;position:relative;width:100%}.invoice-header{border-bottom:2px dashed #2a2f4f;margin-bottom:30px;padding-bottom:20px;text-align:center}.invoice-icon{font-size:3rem;margin-bottom:10px}.invoice-header h2{color:#d4af37;font-size:1.5rem;font-weight:700;margin-bottom:10px}.invoice-date{color:#a0a0a0;font-size:.9rem}.lawyer-info-section{background:rgba(0,0,0,.3);border:1px solid #2a2f4f;border-radius:12px;margin-bottom:25px;padding:20px}.section-title{border-bottom:1px solid #2a2f4f;color:#d4af37;font-size:1rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.lawyer-detail{align-items:center;display:flex;gap:12px}.lawyer-icon{background:rgba(212,175,55,.1);border:1px solid #d4af37;border-radius:50%;font-size:1.8rem;padding:8px}.lawyer-fullname{color:#e8e8e8;flex:1;font-size:1.1rem;font-weight:600}.lawyer-badge{background:linear-gradient(145deg,#60a5fa,#3b82f6);border-radius:15px;color:#0a0e27;font-size:.85rem;font-weight:600;padding:5px 12px}.invoice-items{margin-bottom:25px}.items-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.invoice-item{align-items:center;background:rgba(0,0,0,.2);border:1px solid #2a2f4f;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.invoice-item:hover{background:rgba(0,0,0,.3);border-color:#d4af37;transform:translateX(-3px)}.item-details{gap:12px}.item-details,.item-number{align-items:center;display:flex}.item-number{background:linear-gradient(145deg,#d4af37,#b8941f);border-radius:50%;color:#0a0e27;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.item-title{color:#e8e8e8;font-size:1rem;font-weight:500}.item-price{color:#d4af37;direction:rtl;font-size:1.1rem;font-weight:700;white-space:nowrap}.invoice-divider{background:linear-gradient(90deg,transparent,#d4af37,transparent);height:2px;margin:25px 0}.invoice-total{align-items:center;background:linear-gradient(145deg,rgba(212,175,55,.1),rgba(212,175,55,.05));border:2px solid #d4af37;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.total-label{color:#e8e8e8;font-size:1.2rem;font-weight:600}.total-amount{color:#d4af37;direction:rtl;font-size:1.5rem;font-weight:700}.invoice-note{align-items:center;background:rgba(96,165,250,.1);border:1px solid #60a5fa;border-radius:10px;color:#60a5fa;display:flex;font-size:.9rem;gap:10px;padding:15px;text-align:right}.note-icon{font-size:1.2rem}.payment-actions{display:flex;gap:20px;justify-content:center;max-width:600px;width:100%}.back-btn,.payment-btn{border:none;border-radius:12px;cursor:pointer;flex:1;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:1px;max-width:250px;overflow:hidden;padding:15px 30px;position:relative;text-transform:uppercase;transition:all .3s ease}.payment-btn{background:linear-gradient(145deg,#4ade80,#22c55e);box-shadow:0 6px 20px rgba(0,0,0,.4);color:#0a0e27}.payment-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.payment-btn:hover:before{left:100%}.payment-btn:hover{background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 10px 30px rgba(74,222,128,.5);transform:translateY(-3px)}.payment-btn:active{transform:translateY(-1px)}.back-btn{background:linear-gradient(145deg,#151b3d,#0d1129);box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 0 2px #f87171;color:#f87171}.back-btn:before{background:linear-gradient(90deg,transparent,hsla(0,91%,71%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.back-btn:hover:before{left:100%}.back-btn:hover{background:linear-gradient(145deg,#f87171,#dc2626);box-shadow:0 10px 30px hsla(0,91%,71%,.5);color:#fff;transform:translateY(-3px)}.back-btn:active{transform:translateY(-1px)}@media (max-width:768px){.payment-main{padding:20px 15px}.payment-card{padding:25px 20px}.invoice-header h2{font-size:1.2rem}.invoice-icon{font-size:2.5rem}.lawyer-fullname{font-size:1rem}.item-title{font-size:.9rem}.item-price,.total-label{font-size:1rem}.total-amount{font-size:1.2rem}.payment-actions{flex-direction:column}.back-btn,.payment-btn{max-width:100%;width:100%}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--primary-dark:#0a0e27;--secondary-dark:#151b3d;--accent-gold:#d4af37;--accent-red:#8b0000;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--border-color:#2a2f4f}body{background:linear-gradient(135deg,var(--primary-dark) 0,#1a1f3a 100%);color:var(--text-primary);font-family:Segoe UI,Vazir,Tahoma,sans-serif;overflow-x:hidden}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;max-width:100vw}.header{backdrop-filter:blur(10px);background:rgba(10,14,39,.95);border-bottom:2px solid var(--accent-gold);box-shadow:0 4px 20px rgba(0,0,0,.5);padding:25px 20px;text-align:center}.header h1{color:var(--accent-gold);font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase}.main{align-items:center;display:flex;flex:1;justify-content:center;padding:20px}.card{background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.05);max-width:500px;padding:40px 30px;width:100%}.card h2{border-bottom:1px solid var(--border-color);color:var(--accent-gold);font-size:1.5rem;letter-spacing:.5px;margin-bottom:30px;padding-bottom:15px;text-align:center}.content{display:flex;flex-direction:column;gap:20px}.info-box{background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:all .3s ease}.info-box:hover{border-color:var(--accent-gold);box-shadow:0 0 15px rgba(212,175,55,.2)}.info-label{color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}button{background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:none;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);color:var(--accent-gold);cursor:pointer;flex:1;font-size:1rem;font-weight:600;letter-spacing:1.5px;min-width:120px;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}button:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}button:hover:before{left:100%}button:hover{background:linear-gradient(145deg,var(--accent-gold),#b8941f);box-shadow:0 8px 25px rgba(212,175,55,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px var(--accent-gold),0 0 20px rgba(212,175,55,.3);color:var(--primary-dark);transform:translateY(-3px)}button:active{box-shadow:0 3px 10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-gold);transform:translateY(-1px) scale(.98)}button.danger{box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px var(--accent-red);color:var(--accent-red)}button.danger:before{background:linear-gradient(90deg,transparent,rgba(139,0,0,.3),transparent)}button.danger:hover{background:linear-gradient(145deg,var(--accent-red),#6b0000);box-shadow:0 8px 25px rgba(139,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px var(--accent-red),0 0 20px rgba(139,0,0,.3);color:#fff}.input-group{display:flex;flex-direction:column;gap:8px}.input-row-double{display:flex;flex-direction:row;gap:15px;justify-content:center;width:100%}.input-row-double .input-group{flex:0 0 auto;max-width:200px;min-width:0}.input-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.label-with-value{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.birth-display{direction:ltr;font-weight:600;letter-spacing:1px;margin-left:0;text-align:left}.birth-display,.input-group input{color:var(--text-primary);font-size:1rem}.input-group input{background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:8px;font-family:inherit;padding:15px;transition:all .3s ease;width:100%}.input-group input:focus{border-color:var(--accent-gold);box-shadow:0 0 15px rgba(212,175,55,.2);outline:none}.input-group input::placeholder{color:var(--text-secondary);opacity:.6}.mobile-input{display:flex;gap:10px}.mobile-input input{flex:1;min-width:70%}.send-code-btn{background:linear-gradient(145deg,#1a3d4d,#0d232e);box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 2px #60a5fa;color:#60a5fa;font-size:.85rem;min-width:100px;padding:10px 15px;white-space:nowrap}.send-code-btn:hover{background:linear-gradient(145deg,#60a5fa,#3b82f6);box-shadow:0 8px 25px rgba(96,165,250,.5),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 0 2px #60a5fa,0 0 20px rgba(96,165,250,.3);color:var(--primary-dark)}.send-code-btn:disabled{box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:not-allowed;opacity:.5}.send-code-btn:disabled,.send-code-btn:disabled:hover{background:var(--secondary-dark);transform:none}.verify-code-group{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-btn{background:linear-gradient(135deg,#1a1f3a 0,var(--secondary-dark) 50%,#1a1f3a 100%);border:none;box-shadow:0 4px 20px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05),0 0 0 1px var(--accent-gold);color:var(--accent-gold);font-size:1rem;font-weight:600;letter-spacing:2px;overflow:hidden;position:relative;width:100%}.login-btn:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.15),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login-btn:after{content:"➵";font-size:1.2rem;left:25px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.login-btn:hover:before{left:100%}.login-btn:hover:after{left:20px;opacity:1}.login-btn:hover{background:linear-gradient(135deg,var(--secondary-dark) 0,var(--accent-gold) 50%,var(--secondary-dark) 100%);box-shadow:0 6px 30px rgba(212,175,55,.4),inset 0 1px 0 hsla(0,0%,100%,.15),0 0 0 1px var(--accent-gold),0 0 25px rgba(212,175,55,.25);color:var(--primary-dark);transform:translateY(-2px)}.login-btn:active{box-shadow:0 2px 12px rgba(212,175,55,.3),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 0 1px var(--accent-gold);transform:translateY(0)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .4s ease;background:linear-gradient(145deg,var(--secondary-dark),#0d1129);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.1);max-width:90%;padding:40px 30px;text-align:center;width:400px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon{align-items:center;animation:scaleIn .5s ease;border-radius:50%;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 25px;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modal-content.success .modal-icon{background:linear-gradient(145deg,#1a4d1a,#0d2e0d);border:2px solid #4ade80;box-shadow:0 0 30px rgba(74,222,128,.3);color:#4ade80}.modal-content.error .modal-icon{background:linear-gradient(145deg,#4d1a1a,#2e0d0d);border:2px solid #f87171;box-shadow:0 0 30px hsla(0,91%,71%,.3);color:#f87171}.modal-content.info .modal-icon{background:linear-gradient(145deg,#1a3d4d,#0d232e);border:2px solid #60a5fa;box-shadow:0 0 30px rgba(96,165,250,.3);color:#60a5fa}.modal-content.success{border-color:#4ade80}.modal-content.error{border-color:#f87171}.modal-content.info{border-color:#60a5fa}.modal-message{color:var(--text-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:30px}.modal-btn{background:linear-gradient(145deg,var(--accent-gold),#b8941f);border:none;border-radius:10px;color:var(--primary-dark);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.modal-btn:hover{background:linear-gradient(145deg,#e8c76a,var(--accent-gold));box-shadow:0 8px 25px rgba(212,175,55,.4);transform:translateY(-2px)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--primary-dark);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),#b8941f);border:2px solid var(--primary-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c76a,var(--accent-gold))}*{scrollbar-color:var(--accent-gold) var(--primary-dark);scrollbar-width:thin}@media (max-width:360px){.card{padding:30px 20px}.input-row-double{flex-direction:column;gap:20px}.input-row-double .input-group{max-width:100%}input[name=nationalCode]{width:100%}.birth-date-inputs{justify-content:center}.year-input{width:100px}.day-input,.month-input{width:55px}button{font-size:.9rem;min-width:100px;padding:12px 20px}.send-code-btn{font-size:.8rem;min-width:85px}.modal-content{padding:30px 20px;width:95%}.modal-icon{font-size:2.5rem;height:70px;width:70px}}input[name=nationalCode]{direction:ltr;font-family:Tahoma,B Nazanin,sans-serif;letter-spacing:2px;text-align:center;width:180px}.birth-date-inputs{align-items:center;direction:ltr;display:flex;gap:8px;width:100%}.birth-input{background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);direction:ltr;font-family:Tahoma,B Nazanin,sans-serif;font-size:.95rem;letter-spacing:1px;padding:12px 10px;text-align:center;transition:all .3s ease}.birth-input:focus{border-color:var(--accent-gold);box-shadow:0 0 15px rgba(212,175,55,.2);outline:none}.birth-input::placeholder{color:var(--text-secondary);opacity:.6;text-align:center}.year-input{letter-spacing:2px;width:120px}.day-input,.month-input{width:65px}input[name=firstName],input[name=lastName]{direction:rtl;font-family:Vazir,B Nazanin,Tahoma,sans-serif;text-align:right}input[name=mobile]{letter-spacing:1.5px;max-width:180px}input[name=mobile],input[name=verifyCode]{direction:ltr;font-family:Tahoma,B Nazanin,sans-serif;text-align:center;width:100%}input[name=verifyCode]{display:block;letter-spacing:3px;margin:0 auto;max-width:216px}
/*# sourceMappingURL=main.036ec4b428f8245e039f.css.map*/