:root{--toast-bg:#fff;--toast-text:#1a1a1a;--toast-text-muted:#666;--toast-border:#eaeaea;--toast-shadow:0 8px 30px #00000014;--toast-progress-bg:#f0f0f0;--toast-success:#28a745;--toast-error:#dc3545;--toast-warning:#ffc107;--toast-info:#007bff;--toast-loading:#6c757d;--toast-radius:12px;--toast-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--toast-z-index:10000000}.toast-container{z-index:var(--toast-z-index);pointer-events:none;flex-direction:column;gap:12px;padding:24px;display:flex;position:fixed}.toast-container--top-right{top:0;inset-inline-end:0}.toast-container--top-left{top:0;inset-inline-start:0}.toast-container--bottom-right{bottom:0;flex-direction:column-reverse;inset-inline-end:0}.toast-container--bottom-left{bottom:0;flex-direction:column-reverse;inset-inline-start:0}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--bottom-center{flex-direction:column-reverse;bottom:0;left:50%;transform:translate(-50%)}.toast{background:var(--toast-bg);color:var(--toast-text);border:1px solid var(--toast-border);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);width:380px;max-width:100vw;font-family:var(--toast-font);pointer-events:all;animation:.4s cubic-bezier(.2,.8,.2,1) forwards toastEnter;position:relative;overflow:hidden}.toast--exiting{animation:.3s cubic-bezier(.2,.8,.2,1) forwards toastExit}.toast__layout{align-items:flex-start;gap:16px;padding:16px;display:flex}.toast__image{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.toast__icon{flex-shrink:0;width:24px;height:24px}.toast__icon svg{width:100%;height:100%}.toast--success .toast__icon{color:var(--toast-success)}.toast--error .toast__icon{color:var(--toast-error)}.toast--warning .toast__icon{color:var(--toast-warning)}.toast--info .toast__icon{color:var(--toast-info)}.toast--loading .toast__icon{color:var(--toast-loading)}.toast__content{flex-direction:column;flex:1;gap:6px;display:flex}.toast__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.4}.toast__description{color:var(--toast-text-muted);margin:0;font-size:.85rem;line-height:1.5}.toast__actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.toast__btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s}.toast__btn--primary{background:var(--toast-text);color:var(--toast-bg)}.toast__btn--primary:hover{opacity:.8}.toast__btn--ghost{border-color:var(--toast-border);color:var(--toast-text)}.toast__btn--ghost:hover{background:var(--toast-progress-bg)}.toast__close{color:var(--toast-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin:-4px;padding:4px}.toast__close svg{width:16px;height:16px}.toast__close:hover{background:var(--toast-progress-bg);color:var(--toast-text)}.toast__progress{bottom:0;background:var(--toast-text);opacity:.15;height:3px;animation-name:progressShrink;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;inset-inline-start:0}@keyframes toastEnter{0%{opacity:0;transform:translateX(calc(120% * var(--toast-dir-multiplier,1))) scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translateX(calc(120% * var(--toast-dir-multiplier,1))) scale(.95)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}[dir=rtl]{--toast-dir-multiplier:-1}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.Clint .clintList{z-index:100;background:#fff;border:1px solid #eee;border-radius:0 0 11px 11px;flex-direction:column;width:300px;height:385px;margin:10px 10px 10px -125px;padding-left:10px;display:flex;position:absolute}.Clint .clintList .nav_clint{margin:8px}.Clint .clintList .nav_clint h2{float:left;color:#505e78;margin:5px;font-size:19px}.Clint .clintList .nav_clint .SyncClintList{float:right;cursor:pointer;margin:5px 20px 5px 5px}.Clint .clintList .nav_clint .Searches .ClientSearches{color:#74a9a4;text-align:center;direction:rtl;background:right 8px no-repeat;border:1px solid #eeeeeed9;border-radius:8px;width:95%;height:30px;font-size:small}.Clint .clintList .itemList{height:250px;overflow:hidden scroll}.Clint .clintList .itemList .Clint-container{border-bottom:1px solid #f3f1f1;flex-direction:row;justify-content:flex-start;align-items:center;width:97%;height:59px;padding:5px;display:flex}.Clint .clintList .itemList .Clint-container .userImg{float:left;opacity:.7;background-color:#cad3d863;background-image:url(/images/DefaultCover.png);background-size:cover;border-radius:50%;width:35px;height:35px;margin:2px}.Clint .clintList .itemList .Clint-container .userInfo{text-align:left;color:#434549;width:80%;margin-left:5px;font-size:12px;line-height:1.3}.Clint .clintList .itemList .Clint-container .userInfo .ordersCount{color:#228b22;background:#fff8dc;padding:2px;font-size:13px}.Clint .clintList .itemList .Selected{background-color:#ffeb6dab;border-bottom:2px dashed #b5e0ea;border-left:3px solid #00add8;box-shadow:-5px 5px 3px 2px #f5f4f4}.Clint .clintList .itemList .Clint-container:hover{cursor:pointer;background-color:#ffeb6dab;border-bottom:2px dashed #b5e0ea;border-left:3px solid #00add8;box-shadow:-5px 5px 3px 2px #f5f4f4}#Content_Orders{z-index:100;background-color:#fff;border:1px solid #eee;border-radius:0 0 8px 8px;width:300px;height:400px;margin-top:10px;margin-left:-105px;padding:0 6px;position:absolute}#Content_Orders .nav_order{margin:4px}#Content_Orders .nav_order .headList{justify-content:space-between;align-items:center;display:flex}#Content_Orders .nav_order .headList h2{color:#505e78;float:left;margin:3px;font-size:16px}#Content_Orders .nav_order .headList .SyncOrderList{float:right;cursor:pointer;margin:5px 20px 5px 5px}#Content_Orders .nav_order .Searches .ClientSearches{color:#74a9a4;text-align:center;direction:rtl;background:right 8px no-repeat;border:1px solid #eeeeeed9;border-radius:8px;width:95%;height:30px;font-size:small}#Content_Orders .OrderList{height:289px;overflow:hidden scroll}#Content_Orders .OrderList .TRansition{transition:all .6s ease-in-out}#Content_Orders .OrderList .loading{flex-direction:column;align-content:center;align-items:center;padding-top:25%;display:flex}#Content_Orders .OrderList .Order{color:#313333;cursor:pointer;border-bottom:1px solid #dae0e033;justify-content:space-evenly;align-items:center;height:70px;padding-top:2px;font-size:15px;display:flex;overflow:hidden}#Content_Orders .OrderList .Order .ClearOrder{color:#0000;margin:5px;font-size:14px}#Content_Orders .OrderList .Order .Notfi{text-align:center;color:#fff;background:#4eb4e2;border:1px dashed #f9f5f7;border-radius:50%;width:28px;height:25px;margin:0 5px;padding:4px;font-size:12px}#Content_Orders .OrderList .Order .info{justify-content:flex-start;align-items:center;width:85%;display:flex}#Content_Orders .OrderList .Order .info .userImg{float:left;opacity:.7;background-color:#cad3d863;background-image:url(/images/DefaultCover.png);background-size:cover;border-radius:50%;width:35px;height:35px;margin:6px}#Content_Orders .OrderList .Order .info .Clint-container{direction:rtl;margin-left:10px}#Content_Orders .OrderList .Order .info .Clint-container .name{text-align:left;direction:rtl;height:30px;overflow:hidden}#Content_Orders .OrderList .Order .info .Clint-container .tag{color:#6cd1f3;float:right;margin:3px}#Content_Orders .OrderList .Order .info .Clint-container .orderPay{direction:ltr}#Content_Orders .OrderList .Order .info .Clint-container .orderPay .totalOrder strong{color:#19bbd0}#Content_Orders .OrderList .Order .info .Clint-container .orderPay .total_pcs strong{color:#c116e0;font-size:small}#Content_Orders .OrderList .Selected{background-color:#ffeb6dab;border-bottom:2px dashed #b5e0ea;border-left:3px solid #00add8;box-shadow:-5px 5px 3px 2px #f5f4f4}#Content_Orders .OrderList .Order:hover{color:#dd3c16;background-color:#ffeb6dab;border-bottom:2px dashed #b5e0ea;border-left:3px solid #00add8;font-size:medium;box-shadow:-5px 5px 3px 2px #f5f4f4}#Content_Orders .OrderList .Order:hover .userImg{width:45px;height:45px;margin:5px}#Content_Orders .OrderList .Order:hover .ClearOrder{color:#209994}.fixedContainer{justify-content:center;height:72px;margin-top:45px;display:flex}.fixedContainer .cus_Container{z-index:100;position:fixed;border-radius:0 0 10px 10px!important;width:fit-content!important;margin:-1px auto 8px!important;padding-left:30px!important;padding-right:30px!important}.fixedContainer .NavControls{color:#6abb7d;background:#fff;border:0 solid #e7e7e7;border-radius:5px;justify-content:center;align-items:center;margin-right:65px;padding:8px;display:flex;box-shadow:0 5px 20px #0000000d}.fixedContainer .NavControls .Nav-options{justify-content:flex-start;align-items:center;display:flex}.fixedContainer .NavControls .Nav-options .btn-success{-o-transition:.2s ease-in;background:#26dad2;border:1px solid #26dad2;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.fixedContainer .NavControls .Nav-options .AtoCalc{cursor:pointer;text-align:center;border:1px dashed #eee;border-radius:7px;width:30px;height:30px;margin:auto auto auto 4px;padding:5px;font-size:13px}.fixedContainer .NavControls .Nav-options .AtoCalc:hover{border:1px dashed #048ee4}.fixedContainer .NavControls .Nav-options input{text-align:center;color:#6abb7d;border:1px solid #eee;border-radius:5px;width:58px;height:30px;margin:5px}.fixedContainer .NavControls .Nav-options input:focus{outline:none}.fixedContainer .NavControls .Nav-options button{text-align:center;color:#fafafa;border:1px solid #eee;border-radius:5px;width:30px;height:30px;margin:3px}.fixedContainer .NavControls .Nav-options .btn-success:hover{background:#26dad2;border:1px solid #26dad2;box-shadow:0 14px 26px -12px #28bebd6b,0 4px 23px #0000001f,0 8px 10px -5px #28bebd33}.fixedContainer .NavControls .Nav-options select{font:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:thin solid #ebebf1;border-radius:4px;margin:1px 0 0 3px;padding:.5em 3.5em .5em 1em;font-size:smaller;line-height:1.3em;display:inline-block}.fixedContainer .NavControls .Nav-options .btnOpenOrder{width:95%;height:35px}.fixedContainer .NavControls .Nav-options select.round{color:#506666;background-image:linear-gradient(45deg,#0000 50%,#6abb7d 50%),linear-gradient(135deg,#6abb7d 50%,#0000 50%),radial-gradient(#d4f3db 70%,#0000 72%);background-position:calc(100% - 14px) 1em,calc(100% - 9px) 1em,calc(100% - .4em) .4em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1.5em 1.5em;font-family:tahoma}.fixedContainer .NavControls .Nav-options select.round:focus{background-image:linear-gradient(45deg,#6abb7d 50%,#0000 50%),linear-gradient(135deg,#0000 50%,#6abb7d 50%),radial-gradient(#d4f3db 70%,#0000 72%);background-position:calc(100% - 12px) 1em,calc(100% - 17px) 1em,calc(100% - .5em) .4em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1.5em 1.5em;border-color:#e0e2e0;outline:0}.fixedContainer .NavControls .Nav-options select.minimal{background-image:linear-gradient(45deg,#0000 50%,gray 50%),linear-gradient(135deg,gray 50%,#0000 50%),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em}.fixedContainer .NavControls .Nav-options select.minimal:focus{background-image:linear-gradient(45deg,green 50%,#0000 50%),linear-gradient(135deg,#0000 50%,green 50%),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;border-color:green;outline:0}.fixedContainer .NavControls .Nav-options select:-moz-focusring{color:#0000;text-shadow:0 0 #000}.ReactModal__Content .productModal{width:750px!important}.ReactModal__Content .modal-content{color:#52a6cd;border-radius:8px;justify-content:space-between;padding:20px;display:inline-flex}.ReactModal__Content .modal-content .productImgModal{background-position:50%;background-size:cover;border-radius:8px;width:400px;height:400px}.ReactModal__Content .modal-content .productImgModal .optionModal{height:inherit;width:inherit;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin:10px;display:flex}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem{width:35%;height:inherit;margin:10px}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem .MultipleIMG_bar{height:inherit;flex-flow:wrap;place-content:center;padding-top:10px;display:flex}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem .MultipleIMG_bar .Item{opacity:7.5;cursor:pointer;background-color:#fbfefec4;background-repeat:no-repeat;background-size:cover;border:3px solid #fff;border-radius:5px;flex-direction:row-reverse;align-items:flex-end;width:50px;height:55px;margin:1px;display:flex}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem .MultipleIMG_bar .Item .RemoveImg{color:#0000;margin-right:3px;font-size:11px}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem .MultipleIMG_bar .Item .RemoveImg:hover{color:#e53b3b;font-size:15px}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem .MultipleIMG_bar .Item:hover{opacity:9;border:3px solid #274978}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem .MultipleIMG_bar .Item:hover .RemoveImg{color:#e53b3b}.ReactModal__Content .modal-content .productImgModal .optionModal .optionItem .MultipleIMG_bar .checked{opacity:9;border:3px solid #274978}.ReactModal__Content .modal-content .productImgModal .optionModal .optionAction{width:50%;height:inherit;flex-direction:column;justify-content:flex-end;align-items:stretch;display:flex}.ReactModal__Content .modal-content .productImgModal .optionModal .optionAction .buyAction{background-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:50px;margin-bottom:40px;margin-left:20px;padding:0 18px;display:flex}.ReactModal__Content .modal-content .productImgModal .optionModal .optionAction .buyAction .ADtoCrt{cursor:pointer;color:#0000;font-size:x-large}.ReactModal__Content .modal-content .productImgModal:hover .optionModal .optionAction .buyAction{background-color:#fbfbfb82}.ReactModal__Content .modal-content .productImgModal:hover .optionModal .optionAction .buyAction .ADtoCrt{color:#1bbfb7cc}.ReactModal__Content .modal-content .descInfo{background:url(/images/AD.png) bottom/60% no-repeat;flex-direction:column;place-content:flex-end flex-start;align-items:flex-end;width:45%;display:flex}.ReactModal__Content .modal-content .descInfo .pric_sec{direction:rtl;justify-content:space-between;align-items:center;display:flex}.ReactModal__Content .modal-content .descInfo .pric_sec .price{color:#2cbb60;direction:rtl}.ReactModal__Content .modal-content .descInfo h2{font-family:Tajawal;line-height:1.7}.ReactModal__Content .modal-content .descInfo span{color:#222121b5;direction:rtl;padding:10px}.ReactModal__Content .modal-content .descInfo .price{color:#33a95e}.FormUpdate{margin:10px 5px}.FormUpdate .FU_tools{flex-direction:row-reverse;justify-content:space-between;display:flex}.FormUpdate .FU_tools h2{color:#5f9ea0;margin:5px;font-size:20px}.FormUpdate .FU_tools .Edit{justify-content:flex-start;align-items:center;display:flex}.FormUpdate .FU_tools .Edit .Check-inOrder{background-position:50%;background-repeat:no-repeat;background-size:68%;border-radius:4px;width:30px}.FormUpdate .FU_tools .Edit .Checked-true,.FormUpdate .FU_tools .Edit .Check-inOrder:hover{background-image:url(/images/check.png)}.FormUpdate .FU_tools .Edit .Button-custom{cursor:pointer;text-align:center;color:#6abb7d;border:1px dashed #70a6e2ba;border-radius:5px;height:30px;margin:3px;padding:7px}.FormUpdate .FU_tools .Edit .Active{color:coral}.FormUpdate button{text-align:center;color:#fafafa;background:#26dad2;border:1px solid #26dad2;border-radius:5px;width:-webkit-fill-available;height:53px;margin:3px;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.FormUpdate .btn-success:hover{opacity:.7;color:#fff;background:#d61f1f;border:1px solid #d61f1f}.FormUpdate .style16{border:none;border-top:1px dashed #a0d2fc61}.FormUpdate .cart-items{max-height:600px;overflow:hidden scroll}.FormUpdate .cart-items .INorder{border-left:3px solid #77c389;border-radius:0 5px 5px 0!important}.FormUpdate .cart-items .loading{flex-direction:column;align-content:center;align-items:center;padding-top:25%;display:flex}.FormUpdate .cart-items .item{border-bottom:1px dashed #d8dde5ab;border-radius:5px;justify-content:flex-start;align-items:center;width:98%;height:56px;display:inline-flex}.FormUpdate .cart-items .item .item-description{width:85%}.FormUpdate .cart-items .item .item-description .title{color:#6a726f;margin:8px;font-size:14px}.FormUpdate .cart-items .item .item-description div{margin:5px;font-size:smaller}.FormUpdate .cart-items .item .item-description div span{font-size:12px}.FormUpdate .cart-items .item .item-description div .span-price{color:#2d9714}.FormUpdate .cart-items .item .item-description div .span-Q{color:#8468dd}.FormUpdate .cart-items .item .productImg{background-position:50%;background-repeat:no-repeat;background-size:98%;border-radius:8px;width:50px;height:50px;margin:5px 5px 0}.FormUpdate .cart-items .item .clearItem{color:#f1eaee;justify-content:flex-end;width:20px;height:20px;margin:0 10px}.FormUpdate .cart-items .item:hover{background-color:#ebeced}.FormUpdate .cart-items .item-selected{background-color:#d4f3db}.FormUpdate .cart-items .item:hover .clearItem{color:#db2f85;cursor:pointer}.activeCampaign{flex-direction:column;gap:5px;display:flex}.activeCampaign .HeadComp{color:#080707f0;text-shadow:-4px 2px 6px #948c8c;background-color:#8ee2fd;border-bottom:1px dashed #a0d2fc61;border-radius:4px;justify-content:flex-end;align-items:center;width:100%;height:35px;padding-bottom:5px;padding-right:15px;font-family:Tajawal;display:flex}.activeCampaign .HeadComp .title{margin:4px}.activeCampaign .BodyComp{flex-direction:column;max-height:120px;display:flex;overflow-y:scroll}.activeCampaign .BodyComp .Item:hover{background-color:#eeeeee75}.activeCampaign .BodyComp .Item{text-shadow:-5px 5px 6px #929597;color:#2a2828;direction:rtl;border-bottom:1px solid #eee;justify-content:flex-start;align-items:center;height:30px;font-size:12px;display:flex;font-family:Tajawal!important}.activeCampaign .BodyComp .Item .Check-select{cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:60%;border:1px dashed #dfe5e7c4;border-radius:7px;width:20px;height:20px;margin:0 10px 0 -29px;padding:5px}.activeCampaign .BodyComp .Item .Check-select:hover,.activeCampaign .BodyComp .Item .Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9!important}.activeCampaign .BodyComp .Item .title{direction:rtl;justify-content:flex-start;align-items:center;width:85%;display:flex}.activeCampaign .BodyComp .Item .title .State{border:1px solid #bcc2c7;border-radius:50%;width:10px;height:10px;margin:10px}.activeCampaign .BodyComp .Item .title .activeItem{cursor:pointer;background-color:#abd7b3}.activeCampaign .BodyComp .Item .title .UnActiveItem{cursor:pointer;background-color:#fb3a3a6b}.activeCampaign .BodyComp .Item .title .icon{background:url(/images/bulb_off_64.png) 50%/80% no-repeat;width:30px;height:30px;transform:scaleX(-1)}.EditProduct{flex-direction:column;display:flex}.EditProduct .Suppliers_ .round{background:0 0;border:1px solid #eee;border-radius:5px;outline:none;width:95%;margin:5px;padding:5px 0 8px 8px}.EditProduct .Suppliers_ .round option{background:#ffb22b9c}.EditProduct .Suppliers_ .round option:focus{color:#086252;background:#fffdfae0}.EditProduct form{flex-direction:column;display:flex}.EditProduct form .style16{border:none;border-bottom:1px dashed #a0d2fc61;justify-content:space-around;align-items:center;width:100%;padding-bottom:5px;display:flex}.EditProduct form .style16 h2{color:#5f9ea0;text-align:right;margin:5px;font-size:20px}.EditProduct form .style16 .savForm{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:59%;border:1px dashed #35aaf3;border-radius:5px;width:35px;height:35px;margin:5px}.EditProduct form .style16 .Checked-true,.EditProduct form .style16 .savForm:hover{background-image:url(/images/check.png)}.EditProduct form .upload-btn-wrapper{cursor:pointer;opacity:.8;background-color:#a5d8e817;background-repeat:no-repeat;background-size:100%;border:1px dashed #dbe0e1;border-radius:5px 5px 25px 25px;flex-direction:row-reverse;height:300px;margin:8px;display:flex}.EditProduct form .upload-btn-wrapper .MultipleIMG_bar{width:100px;height:inherit;flex-flow:wrap;place-content:center;margin-right:15px;padding-top:10px;display:flex}.EditProduct form .upload-btn-wrapper .MultipleIMG_bar .Item{opacity:7.5;background-color:#fbfefec4;background-repeat:no-repeat;background-size:cover;border:3px solid #fff;border-radius:5px;flex-direction:row-reverse;align-items:flex-end;width:43%;height:43px;margin:1px;display:flex}.EditProduct form .upload-btn-wrapper .MultipleIMG_bar .Item .RemoveImg{color:#0000;margin-right:3px;font-size:11px}.EditProduct form .upload-btn-wrapper .MultipleIMG_bar .Item .RemoveImg:hover{color:#e53b3b;font-size:15px}.EditProduct form .upload-btn-wrapper .MultipleIMG_bar .Item:hover{opacity:9;border:3px solid #274978}.EditProduct form .upload-btn-wrapper .MultipleIMG_bar .Item:hover .RemoveImg{color:#e53b3b}.EditProduct form .upload-btn-wrapper .MultipleIMG_bar .checked{opacity:9;border:3px solid #274978}.EditProduct form .upload-btn-wrapper input[type=file]{opacity:0;height:inherit;width:inherit;top:0;left:0}.EditProduct form .upload-btn-wrapper:hover{opacity:.9}.EditProduct form .title_wrapper{align-items:center;gap:10px;margin-bottom:10px;display:flex;position:relative;width:100%!important}.EditProduct form .title_wrapper .auto-caption-btn{cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;transition:transform .2s ease-in-out;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.EditProduct form .title_wrapper .auto-caption-btn:hover{transform:translateY(-50%)scale(1.15)}.EditProduct form .title_wrapper .auto-caption-btn:active{transform:translateY(-50%)scale(.95)}.EditProduct form .product_description textarea{color:#645f6aeb;text-align:right;resize:none;direction:rtl;border:1px solid #eeeeeeb8;border-radius:8px;outline:none;width:98%;max-width:425px;min-height:85px;max-height:350px;margin:5px;padding:10px;font-family:Tajawal,sans-serif;font-size:15px;overflow-y:hidden}.EditProduct form button{text-align:center;color:#fafafa;background:#26dad2;border:1px solid #26dad2;border-radius:5px;width:50%;margin:3px;padding:10px;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.EditProduct form .btn-success:hover{opacity:.7;color:#fff;background:#d61f1f;border:1px solid #d61f1f}.EditProduct form .SizeContener{flex-wrap:wrap;align-items:flex-start;display:flex}.EditProduct form .SizeContener .productSize{flex-wrap:wrap;justify-content:center;width:48%;padding:5px;display:flex}.EditProduct form .SizeContener .productSize .S_NUM{cursor:pointer;color:#5f9ea0;border:1px dashed #b1d5c6;border-radius:4px;margin:3px;padding:3px}.EditProduct form .SizeContener .productSize .S_NUM:hover,.EditProduct form .SizeContener .productSize .Size-checked{color:#046372b3;background:#d4f3db;border:1px solid #a9d9b4cf}.EditProduct form input[type=text]{color:#645f6aeb;text-align:right;text-shadow:-4px 2px 6px #948c8c;direction:rtl;border:1px solid #eeeeeeb8;border-radius:8px;outline:none;width:98%;margin:5px;padding:5px;font-family:Tajawal;font-size:33px}.EditProduct form .ProductPrice{flex-direction:row-reverse;justify-content:space-evenly;align-items:center;display:flex}.EditProduct form .ProductPrice .productCode{color:#673ab7!important}.EditProduct form .ProductPrice input[type=text]{text-align:center;color:#777a7d;direction:ltr;width:25%;padding-top:10px;font-size:medium}.EditProduct form .Hashtag{flex-flow:wrap;justify-content:flex-start;padding:10px;display:flex}.EditProduct form .Hashtag .times-remov{color:#b7b4b4;margin-left:10px}.EditProduct form .Hashtag .times-remov:hover{color:red;margin-left:10px}.EditProduct form .Hashtag .Hash{color:#464a40;margin:5px;font-family:Harmattan;line-height:.6}.EditProduct form .Hashtag .Hash:hover{color:#673ab7;text-decoration:underline}.EditProduct form .Hashtag .custom-Hash{color:#8a2be2;font-size:x-large}.EditProduct form .cat-counters .conte-left-side{flex-wrap:wrap;justify-content:center;padding-bottom:80px;display:flex}.EditProduct form .cat-counters .conte-left-side .cat{color:#5f9ea0;cursor:pointer;background:#c3fcfb33;border:1px dashed #8ae5f1;border-radius:5px;width:fit-content;margin:1px;padding:0 5px;font-size:12px}.EditProduct form .cat-counters .conte-left-side .cat:hover{color:#086252;background:#28bebd6b}.EditProduct form .cat-counters .conte-left-side .IsSelected{color:#2e3425;background:#28bebd6b}.OrderInfo{border-radius:5px;flex-wrap:wrap;justify-content:space-between;width:100%;padding:10px;display:flex}.OrderInfo .fa-angle-left{color:#33d0c9}.OrderInfo .Total{width:30%}.OrderInfo .Total h1{color:#939b9d;text-decoration:line-through}.OrderInfo .Total h2{color:#40e0d0}.OrderInfo .clintName{text-align:right;direction:rtl;width:60%}.OrderInfo .clintName h2{color:#8b008b;margin:5px;padding-bottom:0;font-family:inherit;font-size:18px;font-weight:400;line-height:20px}.OrderInfo .clintName span{color:#898c8e;font-family:Open Sans,sans-serif;font-size:13px}.orderOption{background-color:#f0f8ff;border-radius:7px;flex-flow:wrap;margin:8px 0;display:flex}.orderOption .inputError{border:1px dashed #ffcf6d!important}.orderOption .inputSuccess{border:1px dashed #0ec97b!important}.orderOption input,.orderOption select{color:#292e2e;background:0 0;border:1px solid #eeebeb;border-radius:4px;outline:none;width:16%;height:28px;margin:7px}.orderOption input[type=text]{text-align:center;color:#8a2be2;background:#fff}.orderOption button[type=submit]{color:#fff;background-color:#26dad2;width:80px;height:33px}.orderOption input[type=button]:hover{cursor:pointer;background-color:#26dad2}.orderOption select{width:25%}.cart-wrapper{flex-direction:column;display:flex}.cart-wrapper button{text-align:center;color:#fafafa;background:#26dad2;border:1px solid #26dad2;border-radius:5px;width:-webkit-fill-available;height:53px;margin:3px;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.cart-wrapper .btn-success:hover{opacity:.7;color:#fff;background:#d61f1f;border:1px solid #d61f1f}.cart-wrapper .cart-title{color:#14c6d3;align-items:center;display:inline-flex}.cart-wrapper .cart-title .cart-shopping{width:15%}.cart-wrapper .cart-title .cart-shopping i{margin:0 10px}.cart-wrapper .cart-title .options-container{flex-direction:row;display:flex}.cart-wrapper .cart-title .options-container .Check-inOrder{background-position:50%;background-repeat:no-repeat;background-size:68%;border-radius:4px;width:30px}.cart-wrapper .cart-title .options-container .Checked-true,.cart-wrapper .cart-title .options-container .Check-inOrder:hover{background-image:url(/images/check.png)}.cart-wrapper .cart-title .options-container .Button-custom{cursor:pointer;text-align:center;color:#6abb7d;border:1px dashed #eee;border-radius:10px;margin:3px;padding:5px 7px}.cart-wrapper .cart-title .options-container .edit{background-color:#fff8dc}.cart-wrapper .cart-title .options-container .Button-custom:hover{border:1px dashed #048ee4}.cart-wrapper .cart-items{max-height:500px;overflow:hidden scroll}.cart-wrapper .cart-items .INorder{border-left:3px solid #77c389;border-radius:0 5px 5px 0!important}.cart-wrapper .cart-items .loading{flex-direction:column;align-content:center;align-items:center;padding-top:25%;display:flex}.cart-wrapper .cart-items .item{border-bottom:1px dashed #d8dde5ab;border-radius:5px;justify-content:flex-start;align-items:center;width:98%;height:56px;display:inline-flex}.cart-wrapper .cart-items .item .item-description{width:85%}.cart-wrapper .cart-items .item .item-description .title{color:#6a726f;margin:5px;font-size:14px}.cart-wrapper .cart-items .item .item-description div{margin:5px;font-size:smaller}.cart-wrapper .cart-items .item .item-description div span{font-size:12px}.cart-wrapper .cart-items .item .item-description div .span-price{color:#2d9714}.cart-wrapper .cart-items .item .item-description div .span-Q{color:#db2f85}.cart-wrapper .cart-items .item .productImg{background-position:50%;background-repeat:no-repeat;background-size:98%;border-radius:8px;width:50px;height:42px;margin:5px 5px 0}.cart-wrapper .cart-items .item .clearItem{color:#f1eaee;justify-content:flex-end;width:20px;height:20px;margin:0 10px}.cart-wrapper .cart-items .item:hover{background-color:#ebeced}.cart-wrapper .cart-items .item-selected{background-color:#d4f3db}.cart-wrapper .cart-items .item:hover .clearItem{color:#db2f85;cursor:pointer}.modal-content-clint{direction:rtl;background-color:#fff;border:10px double #c4c4c424;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;margin:10% 5% 5%;padding:75px;display:flex;max-width:760px!important}.modal-content-clint h1{color:#048ee4;margin:2px;font-weight:700;font:2em Tajawal!important}.modal-content-clint div{text-align:right;direction:rtl}.modal-content-clint div h3 a{color:#0e83f1}.modal-content-clint div h3{color:#0c642e;margin:2px;font-weight:700;font:2em Tajawal!important}.filterContainer .pointCamp{flex-direction:row-reverse;align-items:center;display:flex}.filterContainer .pointCamp.scheduling-section{background-color:#f9f9f9;border-radius:5px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.filterContainer .pointCamp.scheduling-section span{color:#444;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700}.filterContainer .pointCamp.scheduling-section small{color:#888;margin-right:10px;font-family:Tajawal,sans-serif;font-size:13px}.filterContainer .pointCamp.scheduling-section input[type=date],.filterContainer .pointCamp.scheduling-section input[type=time]{border:1px solid #ccc;width:auto;margin:0;padding:5px 15px;font-size:16px;box-shadow:inset 0 1px 2px #0000001a}.filterContainer .pointCamp .disabled-input{opacity:.5;cursor:not-allowed;background-color:#e9ecef!important;border-color:#ddd!important}.filterContainer .pointCamp .list{background:0 0;border:1px solid #eee;border-radius:8px;outline:none;width:fit-content;height:35px;margin:8px}.filterContainer .pointCamp .btn-success:hover{opacity:.7;color:#fff;background:#d61f1f;border:1px solid #d61f1f}.filterContainer .pointCamp button{text-align:center;color:#fafafa;background:#26dad2;border:1px solid #26dad2;border-radius:5px;width:75px;margin:3px;padding:6px;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.filterContainer .pointCamp input[type=text],.filterContainer .pointCamp input[type=time],.filterContainer .pointCamp input[type=date]{color:#645f6aeb;text-align:right;text-shadow:-4px 2px 6px #948c8c;direction:rtl;border:1px solid #eeeeeeb8;border-radius:8px;outline:none;width:98%;margin:5px;padding:5px;font-family:Tajawal;font-size:21px}.filterContainer .pointCamp .checkAction{color:#0000;cursor:pointer;border:1px dashed #dfe5e7c4;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0 10px 0 5px;padding:5px;font-size:20px;display:flex}.filterContainer .pointCamp .checkAction:hover,.filterContainer .pointCamp .Checked-true{color:#ffb22b;border:1px dashed #30befbe8}.filterContainer .style16{color:#5f9ea0;border:none;border-bottom:1px dashed #a0d2fc61;flex-direction:row-reverse;justify-content:space-around;align-items:center;width:100%;padding-bottom:5px;display:flex}.filterContainer .style16 .icon{background:url(/images/bulb_off_64.png) 50%/80% no-repeat;width:30px;height:30px;transform:scaleX(-1)}.filterContainer .style16 .btnBar{align-items:center;width:35%;height:35px;display:flex}.filterContainer .style16 .btnBar .Button-custom{cursor:pointer;text-align:center;color:#1dc9e0;border:1px dashed #eee;border-radius:6px;width:35px;margin:3px;padding:5px 7px}.filterContainer .style16 .btnBar .Button-custom:hover{color:#f00d99;cursor:pointer;border:1px dashed #048ee4}.filterContainer .style16 h2{text-shadow:-4px 2px 6px #777;direction:rtl;margin:5px;font-size:20px;color:#2188b7!important;font-family:Tajawal!important}.filterContainer .SuppliersList{height:250px;overflow:scroll}.filterContainer .SuppliersList .Supplier{text-align:right;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin:5px 0;padding:5px;display:flex}.filterContainer .SuppliersList .Supplier .op-btn{flex-direction:column;justify-content:space-around;display:flex}.filterContainer .SuppliersList .Supplier .op-btn .pushAction{color:#03a9f4e6;cursor:pointer;border:1px dashed #03a9f4c4;border-radius:10px;justify-content:center;align-items:center;width:35px;height:31px;margin:0 0 0 5px;padding:5px;font-size:17px;display:flex}.filterContainer .SuppliersList .Supplier .op-btn .sh{color:#8fbc8f}.filterContainer .SuppliersList .Supplier .pushAction:hover{color:#ffb22b;border:1px dashed #ffb22b}.filterContainer .SuppliersList .Supplier .checkAction{color:#0000;cursor:pointer;border:1px dashed #dfe5e7c4;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0 10px 0 5px;padding:5px;font-size:20px;display:flex}.filterContainer .SuppliersList .Supplier .checkAction:hover,.filterContainer .SuppliersList .Supplier .Checked-true{color:#ffb22b;border:1px dashed #30befbe8}.filterContainer .SuppliersList .Supplier .details{direction:rtl;background:#eeeeee7d;border-radius:0 0 10px 10px;align-items:center;width:-webkit-fill-available;height:fit-content;margin:0 10px 0 0;padding:10px;font-family:Amiri,serif;font-size:11px;display:flex}.filterContainer .SuppliersList .Supplier .details strong{color:#03a9f4}.filterContainer .SuppliersList .Supplier .details .title{color:#266c8d;padding:0 5px;font-family:Amiri,serif}.filterContainer .SuppliersList .Supplier .FixFlex{flex-direction:column!important;align-items:flex-start!important}main{flex-direction:column;grid-area:main;margin-left:45px;display:flex;margin-top:36px!important}main .wrapper{justify-content:flex-start;min-height:75vh;display:flex;width:100%!important;margin:70px 20px 20px!important}main .wrapper .products-wrapper{flex-wrap:wrap;place-content:flex-start center;width:75%;display:flex}main .wrapper .products-wrapper .IsLoading{background-position:50%;background-repeat:no-repeat;width:100%;height:90px}main .wrapper .products-wrapper .product{float:left;opacity:.8;background-position-y:0%;background-size:cover;border:5px solid #cdd2cd;border-radius:8px;flex-direction:column;place-content:flex-start space-between;align-items:center;width:215px;height:190px;margin:5px;padding:5px;display:flex;box-shadow:-2px 2px #ecf0f3}main .wrapper .products-wrapper .product .editTool{color:#0000;border-radius:0 0 8px 8px;justify-content:space-around;align-items:center;width:98%;height:30px;margin-top:-5px;font-size:14px;display:flex}main .wrapper .products-wrapper .product .editTool div{margin:5px}main .wrapper .products-wrapper .product .editTool .eye_dropper:hover{color:#0d68f1!important}main .wrapper .products-wrapper .product .editTool .TRind:hover{font-size:30px inherit;color:#f10d7f!important}main .wrapper .products-wrapper .product .editTool .IsTRind{color:#f10d7f;font-size:25px inherit}main .wrapper .products-wrapper .product .editTool .IsTRind:hover{color:#defffe}main .wrapper .products-wrapper .product .productAction{justify-content:space-around;align-items:center;width:98%;display:flex}main .wrapper .products-wrapper .product .productAction .buyAction{background-color:#0000;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:50px;margin:0;padding:0 18px;display:flex}main .wrapper .products-wrapper .product .productAction .buyAction .ADtoCrt{cursor:pointer;color:#0000;font-size:x-large}main .wrapper .products-wrapper .product:hover{opacity:.9;cursor:pointer;border:5px solid #ffb22be8}main .wrapper .products-wrapper .product:hover .editTool{background-color:#fbfbfb82}main .wrapper .products-wrapper .product:hover .editTool div{color:#1bbfb7cc}main .wrapper .products-wrapper .product:hover .buyAction{background-color:#fbfbfb82}main .wrapper .products-wrapper .product:hover .buyAction .ADtoCrt{color:#1bbfb7cc}main .wrapper .products-wrapper .Zoom{width:315px!important;height:290px!important}main .wrapper .products-wrapper .Selected{cursor:pointer;opacity:.9!important;border:5px solid #ffb22be8!important}main .wrapper .products-wrapper .Hide{opacity:.3;cursor:pointer;border:5px solid #2a4548}main .wrapper .products-wrapper ._code_{color:#fff;background-color:#1bbfb7cc;border-radius:5px;width:fit-content;padding:1px 6px;font-size:14px}main .wrapper .products-wrapper ._code_ strong{color:#fff}@media screen and (device-width<=430px){main{margin:0!important}main .fixedContainer .NavControls{z-index:100;color:#6abb7d;background:#fff;border:0 solid #e7e7e7;border-radius:5px;flex-flow:column wrap;justify-content:center;align-items:center;width:98%;height:202px;margin:8px auto;padding:8px;display:flex;box-shadow:0 5px 20px #0000000d}main .fixedContainer .NavControls .Nav-options{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}main .fixedContainer .NavControls .Nav-options .BtNum{display:none!important}main .wrapper{flex-direction:column;align-items:center;display:flex;margin:150px 0 0 45px!important}main .wrapper .products-wrapper{width:100%}main .wrapper .products-wrapper .product{float:left;opacity:.8;background-position-y:0%;background-size:cover;border:5px solid #cdd2cd;border-radius:8px;flex-direction:column;place-content:center space-between;width:165px;height:165px;margin:5px;padding:5px;display:flex;box-shadow:-2px 2px #ecf0f3}main .wrapper .wrapper-right-side{background-color:#fff;flex-direction:column;width:fit-content;max-height:870px;margin-top:10px;padding:7px;display:flex;overflow:hidden scroll;margin-left:20px!important;position:relative!important}main .wrapper .wrapper-right-side .OrderInfo p{display:none!important}main .wrapper .wrapper-right-side .orderOption form{flex-wrap:wrap;justify-content:center;padding:5px 0 11px;display:flex}}header{color:#21aced;z-index:110;grid-area:header;justify-content:center;align-items:center;width:-webkit-fill-available;display:flex;position:fixed}header .main-header{background-color:#fff;border-radius:0 0 20px 20px;flex-direction:row;justify-content:space-around;width:90%;padding:0 31px;display:flex;box-shadow:1px 0 5px #0000001a}header .main-header .logo{margin:3px;background:url(/images/log.png) 0 0/100% 100% no-repeat!important;width:65px!important;height:35px!important}header .main-header .sysOptions{justify-content:flex-end;align-items:center;display:flex}header .main-header .sysOptions .singout{cursor:pointer}header .main-header .HeadToolBar{width:100%;display:flex}header .main-header .HeadToolBar ul{justify-content:center;align-items:center;width:50%;display:flex}header .main-header .HeadToolBar ul .TRansition{transition:all .6s ease-in-out}header .main-header .HeadToolBar ul li{color:#38cee5;text-align:center;border:1px dashed #c9ced3d6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:5px;list-style:none;display:flex}header .main-header .HeadToolBar ul li svg{width:15px;height:20px}header .main-header .HeadToolBar ul li:hover{cursor:pointer;color:#3bacf9;border:1px dashed #3bacf9}header .main-header .userInfo{text-align:left;justify-content:flex-start;align-items:center;width:50%;font-size:small;display:flex}header .main-header .userInfo .btn-NewPge{color:#fff;cursor:pointer;background:#3bacf9;border-radius:5px;padding:7px;font-style:italic}header .main-header .userInfo .ActivePage{text-align:left;justify-content:flex-start;align-items:center;width:fit-content;padding-right:25px;font-size:small;display:flex}header .main-header .userInfo .myPages{background-color:#feffff;border:1px solid #28252524;border-top:0;border-radius:0 0 6px 6px;flex-direction:column;justify-content:flex-start;align-items:center;width:280px;height:300px;margin-left:-55px;padding-top:10px;display:flex;position:fixed;top:47px;overflow:hidden scroll}header .main-header .userInfo .myPages .btn-NewPge{color:#fff;cursor:pointer;text-align:center;background:#3bacf9;border-radius:5px;justify-content:space-around;align-items:center;width:55%;height:35px;margin:5px;padding:7px 25px;font-style:italic;display:flex}header .main-header .userInfo .myPages .item div{flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;display:flex}header .main-header .userInfo .myPages .item .userIMG{background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:34px;height:34px;margin:5px}header .main-header .userInfo .myPages .item{color:#333232;cursor:pointer;border-bottom:1px solid #eeeeee80;border-radius:8px;flex-direction:row-reverse;justify-content:flex-start;align-items:center;width:95%;margin-top:5px;padding:5px;font-size:small;display:flex}header .main-header .userInfo .myPages .active,header .main-header .userInfo .myPages .item:hover{color:#333232;background-color:#ecf0f380}header .main-header .userInfo .info{flex-direction:column;display:flex}header .main-header .userInfo .info .GroupName{color:#999ea1}header .main-header .userInfo .userIMG{background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:34px;height:34px;margin:5px}header .main-header .logo{justify-content:flex-end;align-items:center;width:10%;display:flex}header .main-header .logo h1{cursor:pointer}@media screen and (device-width<=430px){header{color:#21aced;z-index:110;background-color:#fff;grid-area:header;justify-content:center;align-items:center;width:-webkit-fill-available;display:flex;position:fixed;box-shadow:1px 0 5px #0000001a}header .main-header{border-radius:unset;box-shadow:unset;background-color:#fff;flex-direction:row;justify-content:center;display:flex;justify-content:space-around!important;width:100%!important;padding:0 17px!important}header .main-header .logo{margin:5px;background:url(/images/log.png) 0 0/100% 100% no-repeat!important;width:105px!important;height:30px!important}header .main-header .userInfo{text-align:left;justify-content:flex-start;align-items:center;font-size:small;display:flex}header .main-header .userInfo .ActivePage{text-align:left;justify-content:flex-start;align-items:center;width:fit-content;font-size:small;display:flex;padding:unset!important}header .main-header .userInfo .userIMG{background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:34px;height:34px;margin:5px}header .main-header .userInfo .info{flex-direction:column;width:max-content;padding:0 10px;display:flex}header .main-header .HeadToolBar{justify-content:center;display:flex}header .main-header .HeadToolBar ul{width:75%;display:flex}}.ReactModal__Content .clintModel{flex-direction:column;width:100%;display:flex}.ReactModal__Content{width:fit-content!important}.ReactModal__Content .modal-content{width:100%}.ReactModal__Content .modal-content h2{text-align:center}.ReactModal__Content .modal-content form .list{background:0 0;border:1px solid #eee;border-radius:8px;outline:none;height:35px;margin:8px;width:100%!important}.ReactModal__Content .modal-content form input{border:1px solid #e1f5fe;border-radius:6px;outline:0;height:29px;margin:5px;padding-left:10px}.ReactModal__Content .modal-content form .inputError{border:1px dashed #ffcf6d!important}.ReactModal__Content .modal-content form .inputSuccess{border:1px dashed #0ec97b!important}.ReactModal__Content .modal-content form .sButon{display:flex}.ReactModal__Content .modal-content form .btn-success{color:#fffbfb;cursor:pointer;background:#03a9f4b5;border:1px solid #90caf9;border-radius:4px;width:100%;height:fit-content;margin:5px;padding:13px;font-family:monospace;font-size:21px;transition:all .2s ease-in;box-shadow:0 2px 2px #e3f2fd,0 3px 1px -2px #28bebd33,0 1px 5px #b3e5fc}.ReactModal__Content .modal-content form .btn-success:hover{background:#59d38b;border:1px solid #f1f8e9;border-radius:8px;box-shadow:0 2px 2px #f1f8e9,0 3px 1px -2px #dcedc8,0 1px 5px #d8f7b5b0}footer{color:#7595a9;text-align:center;z-index:122;background-color:#d9d9d970;grid-area:footer;justify-content:center;align-items:center;width:100%;padding:10px;font-size:small;position:fixed;bottom:0}.B1:before{content:"";font-family:FontAwesome;position:absolute;left:12px}.B2:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B3:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B4:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B5:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B6:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B7:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B8:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B9:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B10:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B11:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.B12:before{content:"";font-family:FontAwesome;position:absolute;left:9px}.LeftSidebar{float:left;z-index:99;background-color:#eeeeee8a;border-radius:0 10px 18px 0;padding:35px 5px 5px;position:fixed;top:107px;left:0}.LeftSidebar .dark{background-color:#080707d1}.LeftSidebar ul{flex-flow:column;justify-content:center;align-items:center;display:flex}.LeftSidebar ul li{text-align:center;border:1px dashed #0000;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;margin:5px;list-style:none;transition:all .6s ease-in-out;display:flex}.LeftSidebar ul li.activeItem{color:#3bacf9;background-color:#fffffff2;border:1px dashed #3bacf9}.LeftSidebar ul li:hover{cursor:pointer;color:#3bacf9;border:1px dashed #3bacf9}.LeftSidebar ul li i{font-size:45px}.LeftSidebar .popup-menu{z-index:1000;background-color:#fffffff2;border-radius:0 10px 18px 0;width:max-content;margin-top:5px;padding:10px;position:absolute;left:55px;border-left:2px solid #3bacf9!important}.LeftSidebar .popup-menu:before{content:"";border:8px solid #0000;border-left-width:0;border-right-color:#3bacf9;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.LeftSidebar .popup-menu.visible{opacity:1;border:2px solid #eeeeeeb0;transform:translateY(0)}.LeftSidebar .popup-menu.activeItem{border:1px dashed #3bacf9;transition:all .6s ease-in-out}.LeftSidebar .popup-menu .popup-item{cursor:pointer;border-bottom:1px dashed #0000;justify-content:flex-start;align-items:center;padding:2px;font-size:smaller;transition:background-color .3s;display:flex}.LeftSidebar .popup-menu .popup-item .fico{font-size:15px}.LeftSidebar .popup-menu .popup-item i,.LeftSidebar .popup-menu .popup-item span{color:#000;padding-left:5px;transition:color .3s}.LeftSidebar .popup-menu .popup-item:hover{border-bottom:1px dashed #b6d3e1d4}.LeftSidebar .popup-menu .popup-item:hover i,.LeftSidebar .popup-menu .popup-item:hover span{color:#3bacf9}.fb-settings-wrapper{background-color:#0000;min-width:auto;margin:0 auto;padding:24px}.fb-settings-wrapper *,.fb-settings-wrapper :before,.fb-settings-wrapper :after{box-sizing:border-box}.fb-settings-header{flex-direction:column;justify-content:space-between;gap:20px;margin-bottom:32px;display:flex}@media (width>=768px){.fb-settings-header{flex-direction:row;align-items:center}}.fb-settings-header .header-text h2{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:700}.fb-settings-header .header-text p{color:#6b7280;margin:0;font-size:15px;line-height:1.5}.fb-login-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.fb-login-btn.is-connecting{cursor:not-allowed;box-shadow:none;background-color:#93c5fd}.fb-login-btn.is-active{background-color:#2563eb}.fb-login-btn.is-active:hover{background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a}.fb-loading-state{justify-content:center;align-items:center;padding:48px;display:flex}.fb-loading-state .spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;margin-inline-end:12px;animation:1s linear infinite spin}.fb-loading-state span{color:#1f2937;font-size:16px;font-weight:600}.fb-empty-state{text-align:center;background-color:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:48px 24px;box-shadow:0 1px 2px #00000005}.fb-empty-state .main-text{color:#1f2937;margin:0;font-size:16px;font-weight:600}.fb-empty-state .sub-text{color:#6b7280;margin:12px 0 0;font-size:14px}.fb-pages-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-top:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.fb-pages-container .fb-account-info{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}@media (width>=768px){.fb-pages-container .fb-account-info{flex-direction:row;justify-content:space-between;align-items:center}}.fb-pages-container .fb-account-info .label{color:#6b7280;margin:0 0 6px;font-size:14px}.fb-pages-container .fb-account-info .name{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.fb-pages-container .fb-account-info .name svg{color:#2563eb;width:22px;height:22px}.fb-pages-container .fb-container-title{color:#1f2937;margin:0 0 24px;font-size:18px;font-weight:700}.fb-pages-container .fb-pages-grid{grid-template-columns:1fr;gap:20px;display:grid}.fb-page-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.fb-page-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.fb-page-card .fb-page-details{align-items:center;gap:16px;display:flex}.fb-page-card .fb-page-details .avatar{object-fit:cover;border:2px solid #f9fafb;border-radius:50%;flex-shrink:0;width:56px;height:56px;box-shadow:0 1px 3px #0000001a}.fb-page-card .fb-page-details .avatar.placeholder{color:#2563eb;background-color:#eff6ff;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.fb-page-card .fb-page-details .info h4{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:700}.fb-page-card .fb-page-details .info p{color:#6b7280;background:#f1f5f9;border-radius:4px;margin:0;padding:2px 6px;font-family:monospace;font-size:13px;display:inline-block}.fb-page-card .page-actions,.fb-page-card .fb-page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fb-page-card .page-actions .status-badge.linked,.fb-page-card .fb-page-actions .status-badge.linked{color:#166534;background-color:#dcfce7;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:flex}.fb-page-card .page-actions .status-badge.linked .store-name,.fb-page-card .fb-page-actions .status-badge.linked .store-name{margin-right:4px;font-weight:700}.fb-page-card .page-actions .settings-btn,.fb-page-card .fb-page-actions .settings-btn{color:#0ea5e9;cursor:pointer;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.fb-page-card .page-actions .settings-btn:hover,.fb-page-card .fb-page-actions .settings-btn:hover{color:#0284c7;background-color:#bae6fd;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.fb-page-card .page-actions .unlink-btn,.fb-page-card .fb-page-actions .unlink-btn{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s ease-in-out;display:flex}.fb-page-card .page-actions .unlink-btn:hover,.fb-page-card .fb-page-actions .unlink-btn:hover{color:#dc2626;background-color:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.fb-page-card .page-actions .link-btn,.fb-page-card .fb-page-actions .link-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.fb-page-card .page-actions .link-btn:hover,.fb-page-card .fb-page-actions .link-btn:hover{color:#0f172a;background-color:#e2e8f0;border-color:#94a3b8}.page-settings-btn{color:#2563eb;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f640;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.page-settings-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.settings-modal-overlay{-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;z-index:999999!important}.settings-modal-overlay .settings-modal-content{color:#fff;background:#f1f5f9f5;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:850px;max-height:88vh;margin:20px;padding:24px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #afacacb3,0 0 30px #3b82f626}.settings-modal-overlay .settings-modal-content::-webkit-scrollbar{width:6px}.settings-modal-overlay .settings-modal-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.settings-modal-overlay .settings-modal-content .close-modal-btn{z-index:20;color:#94a3b8;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:18px;left:18px}.settings-modal-overlay .settings-modal-content .close-modal-btn:hover{color:#fff;background:#ef4444e6;transform:scale(1.05)}.fb-accounts-wrapper{flex-direction:column;gap:24px;margin-top:32px;display:flex}.fb-account-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.fb-account-card .account-header{background-color:#eff6ff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px;display:flex}.fb-account-card .account-header .account-info-group{align-items:center;gap:16px;display:flex}.fb-account-card .account-header .account-info-group .icon-wrapper{color:#fff;background-color:#2563eb;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.fb-account-card .account-header .account-info-group .details .label{color:#6b7280;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}.fb-account-card .account-header .account-info-group .details .name{color:#111827;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.fb-account-card .account-header .account-info-group .details .name .verified-icon{color:#10b981;width:20px;height:20px}.fb-account-card .account-header .account-id{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:4px 12px;font-size:13px}.fb-account-card .account-body{padding:20px}.fb-account-card .account-body .pages-title{color:#374151;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:700;display:flex}.fb-account-card .account-body .pages-title svg{color:#2563eb}.fb-account-card .account-body .pages-grid{grid-template-columns:1fr;gap:16px;display:grid}.fb-account-card .account-body .no-pages-msg{color:#6b7280;text-align:center;background-color:#f9fafb;border-radius:8px;margin:0;padding:16px 0;font-size:14px}.fb-page-item{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;transition:all .2s;display:flex}.fb-page-item:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}@media (width>=640px){.fb-page-item{flex-direction:row;align-items:center}}.fb-page-item .page-main-info{align-items:center;gap:12px;display:flex}.fb-page-item .page-main-info .page-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:48px;height:48px;box-shadow:0 1px 3px #0000001a}.fb-page-item .page-main-info .page-avatar-placeholder{color:#2563eb;background-color:#dbeafe;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001a}.fb-page-item .page-main-info .page-text h5{color:#1f2937;margin:0 0 4px;font-size:15px;font-weight:600}.fb-page-item .page-main-info .page-text p{color:#6b7280;margin:0;font-family:monospace;font-size:12px}.fb-page-item .page-actions,.fb-page-item .fb-page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fb-page-item .page-actions .status-badge.linked,.fb-page-item .fb-page-actions .status-badge.linked{color:#047857;background-color:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.fb-page-item .page-actions .status-badge.linked .store-name,.fb-page-item .fb-page-actions .status-badge.linked .store-name{margin-right:4px;font-weight:700}.fb-page-item .page-actions .settings-btn,.fb-page-item .fb-page-actions .settings-btn{color:#0ea5e9;cursor:pointer;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.fb-page-item .page-actions .settings-btn:hover,.fb-page-item .fb-page-actions .settings-btn:hover{color:#0284c7;background-color:#bae6fd;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}.fb-page-item .page-actions .unlink-btn,.fb-page-item .fb-page-actions .unlink-btn{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s ease-in-out;display:flex}.fb-page-item .page-actions .unlink-btn:hover,.fb-page-item .fb-page-actions .unlink-btn:hover{color:#dc2626;background-color:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.fb-page-item .page-actions .link-btn,.fb-page-item .fb-page-actions .link-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.fb-page-item .page-actions .link-btn:hover,.fb-page-item .fb-page-actions .link-btn:hover{color:#2563eb;border-color:#93c5fd}.fb-page-item .settings-modal-overlay{-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden;z-index:999999!important}.fb-page-item .settings-modal-overlay .settings-modal-content{color:#fff;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:850px;max-height:88vh;margin:20px;padding:24px;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #cac9c9b3,0 0 30px #3b82f626}.fb-page-item .settings-modal-overlay .settings-modal-content::-webkit-scrollbar{width:6px}.fb-page-item .settings-modal-overlay .settings-modal-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.fb-page-item .settings-modal-overlay .settings-modal-content .close-modal-btn{z-index:20;color:#94a3b8;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:18px;left:18px}.fb-page-item .settings-modal-overlay .settings-modal-content .close-modal-btn:hover{color:#fff;background:#ef4444e6;transform:scale(1.05)}.glass-modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-in-out forwards fadeIn;display:flex;position:fixed;top:0;left:0;z-index:2147483647!important}.glass-modal-content{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:20px;width:100%;max-width:450px;padding:32px;animation:.3s ease-out forwards slideUp;transform:translateY(20px);box-shadow:0 8px 32px #1f268726}.glass-modal-content .modal-header{text-align:center;margin-bottom:24px}.glass-modal-content .modal-header h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.glass-modal-content .modal-header p{color:#6b7280;margin:0;font-size:14px}.glass-modal-content .stores-list{flex-direction:column;gap:12px;max-height:250px;margin-bottom:24px;display:flex;overflow-y:auto}.glass-modal-content .stores-list::-webkit-scrollbar{width:6px}.glass-modal-content .stores-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.glass-modal-content .stores-list .store-option{cursor:pointer;background:#fffc;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.glass-modal-content .stores-list .store-option:hover{background:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.glass-modal-content .stores-list .store-option.selected{background:#eff6ff;border-color:#2563eb}.glass-modal-content .stores-list .store-option.selected .store-name{color:#2563eb;font-weight:700}.glass-modal-content .stores-list .store-option .store-name{color:#374151;font-size:15px;font-weight:600}.glass-modal-content .stores-list .store-option .store-id{color:#9ca3af;background:#f3f4f6;border-radius:99px;padding:2px 8px;font-size:12px}.glass-modal-content .modal-actions{gap:12px;display:flex}.glass-modal-content .modal-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.glass-modal-content .modal-actions button.cancel-btn{color:#4b5563;background:#e5e7ebb3}.glass-modal-content .modal-actions button.cancel-btn:hover{background:#d1d5db}.glass-modal-content .modal-actions button.submit-btn{color:#fff;background:#2563eb}.glass-modal-content .modal-actions button.submit-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.glass-modal-content .modal-actions button.submit-btn:disabled{cursor:not-allowed;background:#93c5fd}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{to{transform:translateY(0)}}.keywords-manager-container{flex-direction:column;gap:16px;display:flex}.keywords-manager-container .section-header-row{border-bottom:1px solid #e2e8f0cc;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;padding-bottom:16px;display:flex}.keywords-manager-container .section-header-row .header-title{flex:1}.keywords-manager-container .section-header-row .header-title h3{color:#2563eb;align-items:center;gap:8px;margin:0 0 6px;font-size:1.15rem;display:flex}.keywords-manager-container .section-header-row .header-title p{color:#64748b;margin:0;font-size:.85rem;line-height:1.5}.keywords-manager-container .section-header-row .add-rule-btn{color:#2563eb;cursor:pointer;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.keywords-manager-container .section-header-row .add-rule-btn:hover{color:#fff;background:#2563eb}.keywords-manager-container .no-data-card{text-align:center;color:#64748b;background:#ffffff80;border:1px dashed #94a3b880;border-radius:12px;padding:30px;font-size:.95rem}.keywords-manager-container .rules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.keywords-manager-container .rule-card{background:#fff9;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex;box-shadow:0 4px 6px #00000005}.keywords-manager-container .rule-card:hover{border-color:#cbd5e1;box-shadow:0 6px 12px #0000000d}.keywords-manager-container .rule-card .rule-card-header{justify-content:space-between;align-items:center;display:flex}.keywords-manager-container .rule-card .rule-card-header h4{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.keywords-manager-container .rule-card .rule-card-header .rule-badges{gap:6px;display:flex}.keywords-manager-container .rule-card .rule-card-header .rule-badges .match-badge{color:#2563eb;background:#3b82f626;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600}.keywords-manager-container .rule-card .rule-card-header .rule-badges .action-badge{border-radius:4px;align-items:center;padding:4px;display:flex}.keywords-manager-container .rule-card .rule-card-header .rule-badges .action-badge.like{color:#059669;background:#10b98126}.keywords-manager-container .rule-card .rule-card-header .rule-badges .action-badge.hide{color:#dc2626;background:#ef444426}.keywords-manager-container .rule-card .keywords-tags{flex-wrap:wrap;gap:6px;display:flex}.keywords-manager-container .rule-card .keywords-tags .kw-tag{color:#475569;background:#f1f5f9e6;border:1px solid #cbd5e1cc;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:500}.keywords-manager-container .rule-card .replies-preview{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.keywords-manager-container .rule-card .replies-preview .reply-box{color:#475569;align-items:flex-start;gap:8px;font-size:.85rem;display:flex}.keywords-manager-container .rule-card .replies-preview .reply-box span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.keywords-manager-container .rule-card .replies-preview .reply-box.public{color:#0284c7}.keywords-manager-container .rule-card .replies-preview .reply-box.private{color:#7c3aed}.keywords-manager-container .rule-card .rule-card-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.keywords-manager-container .rule-card .rule-card-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.keywords-manager-container .rule-card .rule-card-actions button.edit-btn{color:#2563eb;background:#3b82f61a}.keywords-manager-container .rule-card .rule-card-actions button.edit-btn:hover{color:#fff;background:#2563eb}.keywords-manager-container .rule-card .rule-card-actions button.delete-btn{color:#ef4444;background:#ef44441a}.keywords-manager-container .rule-card .rule-card-actions button.delete-btn:hover{color:#fff;background:#ef4444}.keywords-portal-overlay{-webkit-backdrop-filter:blur(8px);direction:rtl;background-color:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:9999999!important}.keywords-portal-overlay .keywords-modal-content{-webkit-backdrop-filter:blur(20px);color:#0f172a;background:#ffffffd9;border:1px solid #ffffffe6;border-radius:20px;flex-direction:column;gap:18px;width:100%;max-width:580px;padding:24px;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 20px 50px #0000001f,0 0 20px #2563eb1a}.keywords-portal-overlay .keywords-modal-content .modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.keywords-portal-overlay .keywords-modal-content .modal-header h4{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.keywords-portal-overlay .keywords-modal-content .modal-header .close-btn{color:#64748b;cursor:pointer;background:#f1f5f9e6;border:1px solid #cbd5e1cc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.keywords-portal-overlay .keywords-modal-content .modal-header .close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:scale(1.05)}.keywords-portal-overlay .keywords-modal-content .modal-form{flex-direction:column;gap:16px;display:flex}.keywords-portal-overlay .keywords-modal-content .modal-form .form-group{flex-direction:column;gap:8px;display:flex}.keywords-portal-overlay .keywords-modal-content .modal-form .form-group label{color:#1e293b;font-size:.95rem;font-weight:600}.keywords-portal-overlay .keywords-modal-content .modal-form .form-group input,.keywords-portal-overlay .keywords-modal-content .modal-form .form-group select,.keywords-portal-overlay .keywords-modal-content .modal-form .form-group textarea{color:#0f172a;background:#ffffffe6;border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.keywords-portal-overlay .keywords-modal-content .modal-form .form-group input:focus,.keywords-portal-overlay .keywords-modal-content .modal-form .form-group select:focus,.keywords-portal-overlay .keywords-modal-content .modal-form .form-group textarea:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.keywords-portal-overlay .keywords-modal-content .modal-form .form-group input::placeholder,.keywords-portal-overlay .keywords-modal-content .modal-form .form-group select::placeholder,.keywords-portal-overlay .keywords-modal-content .modal-form .form-group textarea::placeholder{color:#94a3b8}.keywords-portal-overlay .keywords-modal-content .modal-form .toggles-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.keywords-portal-overlay .keywords-modal-content .modal-form .toggles-grid .toggle-item{background:#f8fafce6;border:1px solid #e2e8f0e6;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.keywords-portal-overlay .keywords-modal-content .modal-form .toggles-grid .toggle-item span{color:#0f172a;font-size:.9rem;font-weight:600}.keywords-portal-overlay .keywords-modal-content .modal-form .toggles-grid .toggle-item button{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.keywords-portal-overlay .keywords-modal-content .modal-form .toggles-grid .toggle-item button:active{transform:scale(.95)}.keywords-portal-overlay .keywords-modal-content .modal-form .modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.keywords-portal-overlay .keywords-modal-content .modal-form .modal-actions button{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.keywords-portal-overlay .keywords-modal-content .modal-form .modal-actions button.cancel-btn{color:#475569;background:#e2e8f0cc}.keywords-portal-overlay .keywords-modal-content .modal-form .modal-actions button.cancel-btn:hover{color:#0f172a;background:#cbd5e1}.keywords-portal-overlay .keywords-modal-content .modal-form .modal-actions button.submit-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb4d}.keywords-portal-overlay .keywords-modal-content .modal-form .modal-actions button.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.keywords-portal-overlay .keywords-modal-content .modal-form .modal-actions button.submit-btn:disabled{opacity:.6;cursor:not-allowed}.messenger-settings-container{-webkit-backdrop-filter:blur(16px);color:#1e293b;direction:rtl;background:#ffffffa6;border:1px solid #fffc;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000000d}.messenger-settings-container .settings-header{margin-bottom:20px}.messenger-settings-container .settings-header h2{color:#2563eb;align-items:center;gap:10px;font-size:1.4rem;display:flex}.messenger-settings-container .settings-header p{color:#64748b;margin-top:4px;font-size:.9rem}.messenger-settings-container .glass-alert{border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:.95rem}.messenger-settings-container .glass-alert.success{color:#065f46;background:#10b98126;border:1px solid #10b9814d}.messenger-settings-container .glass-alert.error{color:#991b1b;background:#ef444426;border:1px solid #ef44444d}.messenger-settings-container .glass-loading,.messenger-settings-container .glass-loading-small{color:#2563eb;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;font-weight:600;display:flex}.messenger-settings-container .glass-tabs{border-bottom:1px solid #e2e8f0cc;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.messenger-settings-container .glass-tabs .tab-btn{color:#475569;cursor:pointer;background:#f1f5f9cc;border:1px solid #cbd5e199;border-radius:10px;align-items:center;gap:7px;padding:9px 15px;font-size:.86rem;font-weight:600;transition:all .3s;display:flex}.messenger-settings-container .glass-tabs .tab-btn:hover{color:#0f172a;background:#e2e8f0e6}.messenger-settings-container .glass-tabs .tab-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.messenger-settings-container .tab-content{flex-direction:column;gap:16px;display:flex}.messenger-settings-container .tab-content.fade-in{animation:.3s ease-in-out fadeIn}.messenger-settings-container .form-group{flex-direction:column;gap:8px;display:flex}.messenger-settings-container .form-group label{color:#1e293b;font-size:.95rem;font-weight:600}.messenger-settings-container .form-group textarea,.messenger-settings-container .form-group input{color:#0f172a;background:#fffc;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:12px;font-size:.95rem;transition:all .3s}.messenger-settings-container .form-group textarea::placeholder,.messenger-settings-container .form-group input::placeholder{color:#94a3b8}.messenger-settings-container .form-group textarea:focus,.messenger-settings-container .form-group input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.messenger-settings-container .form-group-toggle{background:#f8fafccc;border:1px solid #e2e8f0e6;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.messenger-settings-container .form-group-toggle .toggle-info{flex-direction:column;display:flex}.messenger-settings-container .form-group-toggle .toggle-info label{color:#0f172a;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.messenger-settings-container .form-group-toggle .toggle-info span{color:#64748b;margin-top:2px;font-size:.82rem}.messenger-settings-container .form-group-toggle .toggle-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:2.2rem;transition:color .2s}.messenger-settings-container .form-group-toggle .toggle-btn.on{color:#10b981}.messenger-settings-container .glass-divider{border:none;border-top:1px solid #e2e8f0cc;margin:8px 0}.messenger-settings-container .dynamic-section{flex-direction:column;gap:12px;display:flex}.messenger-settings-container .dynamic-section .section-title-row{justify-content:space-between;align-items:center;display:flex}.messenger-settings-container .dynamic-section .section-title-row .title-info h3{color:#0f172a;align-items:center;gap:8px;font-size:1rem;display:flex}.messenger-settings-container .dynamic-section .section-title-row .title-info p{color:#64748b;margin-top:2px;font-size:.83rem}.messenger-settings-container .dynamic-section .section-title-row .add-item-btn{color:#2563eb;cursor:pointer;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.messenger-settings-container .dynamic-section .section-title-row .add-item-btn:hover{color:#fff;background:#2563eb}.messenger-settings-container .dynamic-section .items-list{flex-direction:column;gap:10px;display:flex}.messenger-settings-container .dynamic-section .items-list .item-card{background:#f8fafce6;border:1px solid #cbd5e1cc;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.messenger-settings-container .dynamic-section .items-list .item-card .order-number-badge{color:#fff;background:#2563eb;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.messenger-settings-container .dynamic-section .items-list .item-card input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;flex:1;padding:8px 10px;font-size:.88rem}.messenger-settings-container .dynamic-section .items-list .item-card input:focus{border-color:#2563eb}.messenger-settings-container .dynamic-section .items-list .item-card .order-actions{gap:4px;display:flex}.messenger-settings-container .dynamic-section .items-list .item-card .order-actions .move-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.messenger-settings-container .dynamic-section .items-list .item-card .order-actions .move-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.messenger-settings-container .dynamic-section .items-list .item-card .order-actions .move-btn:disabled{opacity:.4;cursor:not-allowed}.messenger-settings-container .dynamic-section .items-list .item-card .delete-item-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.messenger-settings-container .dynamic-section .items-list .item-card .delete-item-btn:hover{color:#fff;background:#ef4444}.messenger-settings-container .persistent-menu-header{background:#f1f5f9b3;border:1px solid #cbd5e1cc;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.messenger-settings-container .persistent-menu-header .title-info h3{color:#0f172a;align-items:center;gap:8px;font-size:1rem;display:flex}.messenger-settings-container .persistent-menu-header .title-info p{color:#64748b;margin-top:2px;font-size:.83rem}.messenger-settings-container .persistent-menu-header .selection-counter{color:#2563eb;background:#2563eb1a;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.messenger-settings-container .persistent-menu-header .selection-counter.full{color:#059669;background:#10b98126}.messenger-settings-container .ordered-selected-section{background:#ecfdf599;border:1px dashed #10b981;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.messenger-settings-container .ordered-selected-section .section-subtitle{color:#047857;font-size:.85rem;font-weight:700}.messenger-settings-container .ordered-selected-section .ordered-cards-list{flex-direction:column;gap:6px;display:flex}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card{background:#fff;border:1px solid #a7f3d0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-left{align-items:center;gap:8px;display:flex}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-left .order-badge{color:#fff;background:#10b981;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-left .btn-title{color:#0f172a;font-size:.9rem}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-right{align-items:center;gap:4px;display:flex}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-right .move-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;transition:all .2s;display:flex}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-right .move-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-right .move-btn:disabled{opacity:.3;cursor:not-allowed}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-right .remove-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;transition:all .2s;display:flex}.messenger-settings-container .ordered-selected-section .ordered-cards-list .ordered-card .card-right .remove-btn:hover{color:#fff;background:#ef4444}.messenger-settings-container .no-buttons-alert{color:#991b1b;text-align:center;background:#fef2f2cc;border:1px solid #fecacacc;border-radius:12px;padding:20px;font-size:.9rem}.messenger-settings-container .buttons-selection-table{flex-direction:column;gap:8px;display:flex}.messenger-settings-container .buttons-selection-table .table-header{color:#475569;background:#e2e8f099;border-radius:8px;grid-template-columns:80px 1.5fr 1fr 2fr;padding:10px 14px;font-size:.83rem;font-weight:700;display:grid}.messenger-settings-container .buttons-selection-table .table-body{flex-direction:column;gap:6px;display:flex}.messenger-settings-container .buttons-selection-table .table-body .table-row{cursor:pointer;background:#fffc;border:1px solid #e2e8f0e6;border-radius:10px;grid-template-columns:80px 1.5fr 1fr 2fr;align-items:center;padding:10px 14px;transition:all .2s;display:grid}.messenger-settings-container .buttons-selection-table .table-body .table-row:hover:not(.disabled){background:#fff;border-color:#2563eb;transform:translate(-2px)}.messenger-settings-container .buttons-selection-table .table-body .table-row.selected{background:#ecfdf5e6;border-color:#10b981}.messenger-settings-container .buttons-selection-table .table-body .table-row.disabled{opacity:.5;cursor:not-allowed}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-check{align-items:center;gap:6px;display:flex}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-check .checkbox-btn{cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-check .row-order-badge{color:#fff;background:#10b981;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-title{color:#0f172a;font-size:.9rem}.messenger-settings-container .buttons-selection-table .table-body .table-row .type-badge{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.messenger-settings-container .buttons-selection-table .table-body .table-row .type-badge.web_url{color:#0369a1;background:#e0f2fe}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-payload{align-items:center;display:flex;overflow:hidden}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-payload code{color:#334155;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9e6;border-radius:4px;max-width:100%;padding:3px 8px;font-family:monospace;font-size:.8rem;overflow:hidden}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-payload .payload-link{color:#2563eb;background:#2563eb14;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-payload .payload-link .truncate-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.messenger-settings-container .buttons-selection-table .table-body .table-row .col-payload .payload-link:hover{background:#2563eb26;text-decoration:underline}.messenger-settings-container .form-actions{justify-content:flex-end;margin-top:24px;display:flex}.messenger-settings-container .form-actions .save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 28px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.messenger-settings-container .form-actions .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.messenger-settings-container .form-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.spin-icon{animation:1s linear infinite spin}.modal-overlay-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;direction:rtl;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.glass-settings-container{color:#1f2937;text-align:right;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:900px;max-width:95%;height:550px;animation:.3s modalScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}.glass-settings-container .close-modal-btn{cursor:pointer;color:#4b5563;z-index:10;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:15px;left:15px}.glass-settings-container .close-modal-btn:hover{color:#fff;background:#ef4444}.glass-settings-container .glass-sidebar{background:#f9fafb;border-left:1px solid #e5e7eb;flex-direction:column;width:260px;display:flex}.glass-settings-container .glass-sidebar .sidebar-header{border-bottom:1px solid #e5e7eb;padding:25px 20px}.glass-settings-container .glass-sidebar .sidebar-header h3{color:#111827;margin:0;font-size:1.1rem;font-weight:700}.glass-settings-container .glass-sidebar .sidebar-menu{margin:0;padding:15px 0;list-style:none}.glass-settings-container .glass-sidebar .sidebar-menu li{margin-bottom:4px}.glass-settings-container .glass-sidebar .sidebar-menu li .menu-item{color:#4b5563;text-align:right;cursor:pointer;background:0 0;border:none;border-right:4px solid #0000;align-items:center;width:100%;padding:12px 20px;font-size:.9rem;transition:all .2s;display:flex}.glass-settings-container .glass-sidebar .sidebar-menu li .menu-item:hover{color:#1f2937;background:#f3f4f6}.glass-settings-container .glass-sidebar .sidebar-menu li .menu-item.active{color:#4f46e5;background:#eef2ff;border-right-color:#4f46e5;font-weight:600}.glass-settings-container .glass-content-area{scrollbar-width:thin;scrollbar-color:#0000001a transparent;background:#fff;flex-grow:1;padding:35px;overflow-y:auto}.glass-settings-container .glass-content-area::-webkit-scrollbar{width:0}.glass-settings-container .glass-content-area::-webkit-scrollbar-track{background:0 0}.glass-settings-container .glass-content-area::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.glass-settings-container .glass-content-area::-webkit-scrollbar-thumb:hover{background:#0000004d}.glass-settings-container .glass-content-area .section-header{margin-bottom:25px}.glass-settings-container .glass-content-area .section-header h2{color:#111827;margin:0 0 6px;font-size:1.35rem;font-weight:700}.glass-settings-container .glass-content-area .section-header p{color:#6b7280;margin:0;font-size:.85rem}.glass-settings-container .glass-content-area .alert-msg{border-radius:6px;margin-bottom:20px;padding:10px 14px;font-size:.85rem}.glass-settings-container .glass-content-area .alert-msg.success{color:#065f46;background:#d1fae5;border:1px solid #34d399}.glass-settings-container .glass-content-area .alert-msg.error{color:#991b1b;background:#fee2e2;border:1px solid #f87171}.glass-settings-container .glass-content-area .glass-form .form-group{margin-bottom:20px}.glass-settings-container .glass-content-area .glass-form .form-group label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.glass-settings-container .glass-content-area .glass-form .form-group .input-wrapper{align-items:center;display:flex;position:relative}.glass-settings-container .glass-content-area .glass-form .form-group .input-wrapper input{color:#1f2937;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 14px;font-size:.9rem;transition:all .2s}.glass-settings-container .glass-content-area .glass-form .form-group .input-wrapper input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.glass-settings-container .glass-content-area .glass-form .form-group .input-wrapper .toggle-password{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:.9rem;position:absolute;right:12px}.glass-settings-container .glass-content-area .glass-form .form-group .input-wrapper .toggle-password:hover{opacity:1}.glass-settings-container .glass-content-area .glass-form .form-group .form-hint{color:#6b7280;margin-top:5px;font-size:.75rem;display:block}.glass-settings-container .glass-content-area .glass-form .form-group .form-hint a{color:#4f46e5;text-decoration:none}.glass-settings-container .glass-content-area .glass-form .form-group .form-hint a:hover{text-decoration:underline}.glass-settings-container .glass-content-area .glass-form .form-actions{margin-top:25px}.glass-settings-container .glass-content-area .glass-form .form-actions .glass-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.glass-settings-container .glass-content-area .glass-form .form-actions .glass-btn.primary{color:#fff;background:#4f46e5;box-shadow:0 2px 4px #4f46e533}.glass-settings-container .glass-content-area .glass-form .form-actions .glass-btn.primary:hover:not(:disabled){background:#4338ca}.glass-settings-container .glass-content-area .glass-form .form-actions .glass-btn.primary:disabled{opacity:.6;cursor:not-allowed}.glass-settings-container .glaspps-content-area{background:#fff;flex-grow:1;padding:35px;overflow-y:auto}.glass-settings-container .glaspps-content-area .section-header{margin-bottom:25px}.glass-settings-container .glaspps-content-area .section-header h2{color:#111827;margin:0 0 6px;font-size:1.35rem;font-weight:700}.glass-settings-container .glaspps-content-area .section-header p{color:#6b7280;margin:0;font-size:.85rem}.glass-settings-container .glaspps-content-area .alert-msg{border-radius:6px;margin-bottom:20px;padding:10px 14px;font-size:.85rem}.glass-settings-container .glaspps-content-area .alert-msg.success{color:#065f46;background:#d1fae5;border:1px solid #34d399}.glass-settings-container .glaspps-content-area .alert-msg.error{color:#991b1b;background:#fee2e2;border:1px solid #f87171}.glass-settings-container .glaspps-content-area .glass-form .form-group{margin-bottom:20px}.glass-settings-container .glaspps-content-area .glass-form .form-group label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.glass-settings-container .glaspps-content-area .glass-form .form-group .input-wrapper{align-items:center;display:flex;position:relative}.glass-settings-container .glaspps-content-area .glass-form .form-group .input-wrapper input{color:#1f2937;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 14px;font-size:.9rem;transition:all .2s}.glass-settings-container .glaspps-content-area .glass-form .form-group .input-wrapper input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.glass-settings-container .glaspps-content-area .glass-form .form-group .input-wrapper .toggle-password{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:.9rem;position:absolute;right:12px}.glass-settings-container .glaspps-content-area .glass-form .form-group .input-wrapper .toggle-password:hover{opacity:1}.glass-settings-container .glaspps-content-area .glass-form .form-group .form-hint{color:#6b7280;margin-top:5px;font-size:.75rem;display:block}.glass-settings-container .glaspps-content-area .glass-form .form-group .form-hint a{color:#4f46e5;text-decoration:none}.glass-settings-container .glaspps-content-area .glass-form .form-group .form-hint a:hover{text-decoration:underline}.glass-settings-container .glaspps-content-area .glass-form .form-actions{margin-top:25px}.glass-settings-container .glaspps-content-area .glass-form .form-actions .glass-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.glass-settings-container .glaspps-content-area .glass-form .form-actions .glass-btn.primary{color:#fff;background:#4f46e5;box-shadow:0 2px 4px #4f46e533}.glass-settings-container .glaspps-content-area .glass-form .form-actions .glass-btn.primary:hover:not(:disabled){background:#4338ca}.glass-settings-container .glaspps-content-area .glass-form .form-actions .glass-btn.primary:disabled{opacity:.6;cursor:not-allowed}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tg-settings-wrapper{padding:24px}.tg-settings-wrapper .tg-settings-header{margin-bottom:24px}.tg-settings-wrapper .tg-settings-header h2{color:#1f2937;align-items:center;gap:10px;margin-bottom:8px;font-size:24px;display:flex}.tg-settings-wrapper .tg-settings-header p{color:#6b7280;font-size:15px}.tg-loading-state{justify-content:center;align-items:center;gap:12px;padding:48px;display:flex}.tg-loading-state .spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.tg-bots-grid{flex-direction:column;gap:16px;display:flex}.tg-bots-grid .tg-bot-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #00000005}.tg-bots-grid .tg-bot-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.tg-bots-grid .tg-bot-card.add-new-card{cursor:pointer;background:#eff6ff66;border:2px dashed #93c5fd;justify-content:center;align-items:center;min-height:80px;padding:16px;display:flex}.tg-bots-grid .tg-bot-card.add-new-card .add-content{color:#2563eb;align-items:center;gap:12px;display:flex}.tg-bots-grid .tg-bot-card.add-new-card .add-content h4{margin:0;font-size:16px;font-weight:700}.tg-bots-grid .tg-bot-card.add-new-card:hover{background:#eff6ff}.tg-bots-grid .tg-bot-card .card-top-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tg-bots-grid .tg-bot-card .card-top-row .bot-info{align-items:center;gap:16px;display:flex}.tg-bots-grid .tg-bot-card .card-top-row .bot-info .text-info{text-align:right;flex-direction:column;display:flex}.tg-bots-grid .tg-bot-card .card-top-row .bot-info .text-info .bot-name{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:800}.tg-bots-grid .tg-bot-card .card-top-row .bot-info .text-info .bot-username{color:#64748b;margin:0;font-family:monospace;font-size:14px}.tg-bots-grid .tg-bot-card .card-top-row .bot-info .avatar{background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.tg-bots-grid .tg-bot-card .card-top-row .card-actions{align-items:center;gap:12px;display:flex}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .settings-btn{color:#0284c7;cursor:pointer;background:#e0f2fe;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .settings-btn:hover{background:#bae6fd}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .toggle-btn{cursor:pointer;border:none;border-radius:13px;width:50px;height:26px;transition:all .3s;position:relative}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .toggle-btn.active{background:#10b981}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .toggle-btn.inactive{background:#cbd5e1}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .toggle-btn .toggle-circle{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000001a}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .toggle-btn.active .toggle-circle{left:calc(100% - 23px)}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .delete-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.tg-bots-grid .tg-bot-card .card-top-row .card-actions .delete-btn:hover{background:#fecaca}.tg-bots-grid .tg-bot-card .card-stats{background:#f8fafc;border-radius:12px;justify-content:space-between;padding:16px 40px;display:flex}.tg-bots-grid .tg-bot-card .card-stats .stat-item{flex-direction:column;align-items:center;gap:6px;display:flex}.tg-bots-grid .tg-bot-card .card-stats .stat-item .label{color:#64748b;font-size:13px;font-weight:600}.tg-bots-grid .tg-bot-card .card-stats .stat-item .value{color:#0f172a;font-size:20px;font-weight:800}.glass-modal{-webkit-backdrop-filter:blur(10px);z-index:999999!important}.glass-modal .settings-modal-content{background:#fffefedc;border:1px solid #fff6;box-shadow:0 25px 50px -12px #00000026}.glass-modal .settings-modal-content .bot-settings-modal-container{direction:rtl;padding:10px}.glass-modal .settings-modal-content .bot-settings-modal-container .modal-header h2{color:#1f2937;margin-bottom:20px;font-size:20px}.glass-modal .settings-modal-content .bot-settings-modal-container .glass-tabs{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.glass-modal .settings-modal-content .bot-settings-modal-container .glass-tabs .tab-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.glass-modal .settings-modal-content .bot-settings-modal-container .glass-tabs .tab-btn:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.glass-modal .settings-modal-content .bot-settings-modal-container .glass-tabs .tab-btn.active{color:#fff;background:#2563eb}.glass-modal .settings-modal-content .bot-settings-modal-container .glass-tabs .tab-btn:disabled{opacity:.5;cursor:not-allowed}.glass-modal .settings-modal-content .bot-settings-modal-container .grid-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.glass-modal .settings-modal-content .bot-settings-modal-container .grid-form .form-group{flex-direction:column;gap:6px;display:flex}.glass-modal .settings-modal-content .bot-settings-modal-container .grid-form .form-group.full-width{grid-column:span 2}.glass-modal .settings-modal-content .bot-settings-modal-container .grid-form .form-group label{color:#374151;font-size:14px;font-weight:600}.glass-modal .settings-modal-content .bot-settings-modal-container .grid-form .form-group .glass-input{background:#ffffffe6;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:all .2s}.glass-modal .settings-modal-content .bot-settings-modal-container .grid-form .form-group .glass-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.glass-modal .settings-modal-content .bot-settings-modal-container .form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.glass-modal .settings-modal-content .bot-settings-modal-container .form-actions button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.glass-modal .settings-modal-content .bot-settings-modal-container .form-actions button.cancel-btn{color:#475569;background:#f1f5f9}.glass-modal .settings-modal-content .bot-settings-modal-container .form-actions button.cancel-btn:hover{background:#e2e8f0}.glass-modal .settings-modal-content .bot-settings-modal-container .form-actions button.save-btn{color:#fff;background:#2563eb}.glass-modal .settings-modal-content .bot-settings-modal-container .form-actions button.save-btn:hover:not(:disabled){background:#1d4ed8}.glass-modal .settings-modal-content .bot-settings-modal-container .form-actions button.save-btn:disabled{opacity:.7;cursor:not-allowed}.tab-list-container{flex-direction:column;gap:16px;display:flex}.tab-list-container .empty-msg{text-align:center;color:#64748b;background:#f1f5f980;border:1px dashed #cbd5e1;border-radius:12px;padding:24px}.tab-list-container .inline-edit-form{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fffc;border-radius:16px;margin-bottom:24px;padding:20px;animation:.3s fadeIn;box-shadow:0 10px 25px #0000000d}.tab-list-container .inline-edit-form h4{color:#1e293b;margin:0 0 16px;font-size:16px;font-weight:700}.tab-list-container .inline-edit-form .form-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.tab-list-container .inline-edit-form .form-row .form-group{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.tab-list-container .inline-edit-form .form-row .form-group label{color:#475569;font-size:14px;font-weight:600}.tab-list-container .inline-edit-form .form-row .form-group .glass-input{color:#0f172a;background:#ffffffd9;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.tab-list-container .inline-edit-form .form-row .form-group .glass-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.tab-list-container .inline-edit-form .form-row .form-actions-inline{gap:8px;height:44px;display:flex}.tab-list-container .inline-edit-form .form-row .form-actions-inline button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;height:100%;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-list-container .inline-edit-form .form-row .form-actions-inline button.save-btn{color:#fff;background:#2563eb}.tab-list-container .inline-edit-form .form-row .form-actions-inline button.save-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.tab-list-container .inline-edit-form .form-row .form-actions-inline button.cancel-btn{color:#ef4444;background:#ef44441a}.tab-list-container .inline-edit-form .form-row .form-actions-inline button.cancel-btn:hover{color:#fff;background:#ef4444;transform:translateY(-2px)}.tab-list-container .glass-list{flex-direction:column;gap:5px;display:flex}.tab-list-container .glass-list .list-item{background:#ffffffb3;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:5px 16px;transition:all .2s;display:flex}.tab-list-container .glass-list .list-item:hover{background:#fff;border:.5px dashed #afddf8;transform:translate(-4px)}.tab-list-container .glass-list .list-item .item-info{align-items:center;gap:12px;display:flex}.tab-list-container .glass-list .list-item .item-info .item-index{color:#64748b;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px}.tab-list-container .glass-list .list-item .item-info .item-details{flex-direction:column;display:flex}.tab-list-container .glass-list .list-item .item-info .item-details span{color:#1e293b;font-family:Tajawal;font-size:13px}.tab-list-container .glass-list .list-item .item-info .item-details strong{color:#1e293b;font-family:Tajawal;font-size:14px}.tab-list-container .glass-list .list-item .item-info .item-details .sub-text{color:#64748b;font-family:Tajawal;font-size:12px}.tab-list-container .glass-list .list-item .item-actions{gap:8px;display:flex}.tab-list-container .glass-list .list-item .item-actions button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.tab-list-container .glass-list .list-item .item-actions button.edit-btn{color:#0284c7;background:#e0f2fe}.tab-list-container .glass-list .list-item .item-actions button.edit-btn:hover{background:#bae6fd}.tab-list-container .glass-list .list-item .item-actions button.delete-btn{color:#e6400d;background:0 0}.tab-list-container .glass-list .list-item .item-actions button.delete-btn:hover{background:#fecaca}.welcome-msg-tab{flex-direction:column;gap:16px;display:flex}.welcome-msg-tab .section-header{text-align:right;margin-bottom:12px}.welcome-msg-tab .section-header .title{color:#10b981;margin:0 0 6px;font-family:Tajawal;font-size:18px;font-weight:700}.welcome-msg-tab .section-header .desc{color:#475569;margin:0;font-family:Tajawal;font-size:13px}.welcome-msg-tab .msg-content-row{align-items:stretch;gap:12px;margin-bottom:20px;display:flex}.welcome-msg-tab .msg-content-row .glass-textarea{resize:vertical;text-align:right;color:#334155;background:#fffc;border:1px dashed #34d399;border-radius:8px;outline:none;flex:1;min-height:180px;padding:12px;font-family:Tajawal;font-size:14px;line-height:1.6;transition:all .2s}.welcome-msg-tab .msg-content-row .glass-textarea:focus{border-style:solid;box-shadow:0 0 0 3px #10b9811a}.welcome-msg-tab .msg-content-row .image-preview-area{opacity:.7;background-color:#f8fafc;background-position:50%;background-size:cover;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-height:180px;transition:all .3s;position:relative;overflow:hidden}.welcome-msg-tab .msg-content-row .image-preview-area.active,.welcome-msg-tab .msg-content-row .image-preview-area:hover{opacity:1}.welcome-msg-tab .msg-content-row .image-preview-area input[type=file]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.welcome-msg-tab .options-list{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.welcome-msg-tab .options-list .option-row{color:#64748b;cursor:pointer;border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:5px 16px;transition:all .2s;display:flex}.welcome-msg-tab .options-list .option-row:hover{color:#476d3f}.welcome-msg-tab .options-list .option-row:last-child{border-bottom:none}.welcome-msg-tab .options-list .option-row label{color:#3f4046;cursor:pointer;font-family:Tajawal;font-size:14px}.welcome-msg-tab .options-list .option-row .glass-toggle-btn{cursor:pointer;background:0 0;border:none;padding:0;display:flex}.welcome-msg-tab .sticky-actions{justify-content:center;gap:16px;padding-top:16px;display:flex}.welcome-msg-tab .sticky-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:200px;padding:12px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.welcome-msg-tab .sticky-actions button.reset-btn{color:#fff;background:#38bdf8}.welcome-msg-tab .sticky-actions button.reset-btn:hover{background:#0284c7}.welcome-msg-tab .sticky-actions button.save-btn{color:#fff;background:#38bdf8}.welcome-msg-tab .sticky-actions button.save-btn:hover:not(:disabled){background:#0284c7}.welcome-msg-tab .sticky-actions button.save-btn:disabled{opacity:.6}.glass-alert{text-align:center;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:.95rem;font-weight:600}.glass-alert.success{color:#065f46;background:#10b98126;border:1px solid #10b9814d}.glass-alert.error{color:#991b1b;background:#ef444426;border:1px solid #ef44444d}.glass-alert.fade-in{animation:.3s ease-in-out fadeIn}.NotFound-main{background:#f8f8f8;height:100%;padding:105px 0}.NotFound-main .container{-o-box-shadow:0px 15px 16.83px .17px #0000000d;-ms-box-shadow:0px 15px 16.83px .17px #0000000d;-o-border-radius:20px;-ms-border-radius:20px;text-align:center;background:#fff;border-radius:20px;width:900px;margin:0 auto;padding:40px;box-shadow:0 15px 16.83px .17px #0000000d}.NotFound-main .container h1{color:red}.NotFound-main .container img{width:50%}.modern-list-container .list-item{border-bottom:1px solid #f1f4f5;justify-content:space-between;align-items:center;padding:15px 0;transition:transform .2s,background-color .2s;display:flex}@media (width<=600px){.modern-list-container .list-item{flex-direction:column;align-items:flex-start;gap:15px}.modern-list-container .list-item .item-actions{justify-content:space-between;width:100%}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.main-home{flex-direction:column;align-items:center;width:95%;margin-top:20px;display:flex}.main-home .new-wallet-summary{direction:rtl;flex-direction:row;justify-content:space-between;align-items:stretch;gap:20px;width:90%;margin:20px auto;font-family:Tajawal,sans-serif;display:flex}.main-home .new-wallet-summary .charts{width:57%}.main-home .new-wallet-summary .top-cards{flex-direction:column;gap:15px;width:20%;display:flex}.main-home .new-wallet-summary .top-cards .summary-card-mini{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:15px;transition:transform .3s;display:flex;position:relative;box-shadow:0 4px 15px #00000008}.main-home .new-wallet-summary .top-cards .summary-card-mini:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.main-home .new-wallet-summary .top-cards .summary-card-mini.package-active{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#10b981}.main-home .new-wallet-summary .top-cards .summary-card-mini.package-inactive{border-color:#ef4444}.main-home .new-wallet-summary .top-cards .summary-card-mini .icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:10px;font-size:1.2rem;display:flex}.main-home .new-wallet-summary .top-cards .summary-card-mini .icon-wrapper.red-bg{color:#ef4444;background-color:#fee2e2}.main-home .new-wallet-summary .top-cards .summary-card-mini .icon-wrapper.orange-bg{color:#f97316;background-color:#ffedd5}.main-home .new-wallet-summary .top-cards .summary-card-mini .icon-wrapper.green-bg{color:#10b981;background-color:#d1fae5}.main-home .new-wallet-summary .top-cards .summary-card-mini .card-content{text-align:center;flex-direction:column;margin-bottom:10px;display:flex}.main-home .new-wallet-summary .top-cards .summary-card-mini .card-content .amount-value{color:#1f2937;margin-bottom:5px;font-size:1.8rem;font-weight:800}.main-home .new-wallet-summary .top-cards .summary-card-mini .card-content .amount-value.package-name{color:#10b981;font-size:1.2rem}.main-home .new-wallet-summary .top-cards .summary-card-mini .card-content .card-label{color:#6b7280;font-size:.85rem;font-weight:600}.main-home .new-wallet-summary .top-cards .summary-card-mini .card-content .card-label strong{color:#f59e0b}.main-home .new-wallet-summary .top-cards .summary-card-mini .card-content .card-label.error-text{color:#ef4444}.main-home .new-wallet-summary .top-cards .summary-card-mini .quick-action-btn{cursor:pointer;border:none;border-radius:20px;width:90%;padding:8px 10px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .3s}.main-home .new-wallet-summary .top-cards .summary-card-mini .quick-action-btn.upgrade-btn{color:#fff;background-color:#3b82f6}.main-home .new-wallet-summary .top-cards .summary-card-mini .quick-action-btn.upgrade-btn:hover{background-color:#2563eb}.main-home .new-wallet-summary .top-cards .summary-card-mini .quick-action-btn.charge-btn{color:#f97316;background-color:#0000;border:2px solid #f97316}.main-home .new-wallet-summary .top-cards .summary-card-mini .quick-action-btn.charge-btn:hover{color:#fff;background-color:#f97316}.main-home .new-wallet-summary .summary-card-large{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;width:23%;padding:20px;display:flex;box-shadow:0 4px 15px #00000008}.main-home .new-wallet-summary .summary-card-large .card-header{margin-bottom:15px}.main-home .new-wallet-summary .summary-card-large .card-header h3{color:#1f2937;align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.main-home .new-wallet-summary .summary-card-large .card-header h3 i{color:#6366f1}.main-home .new-wallet-summary .summary-card-large .chart-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:250px;display:flex;position:relative}.main-home .new-wallet-summary .summary-card-large .chart-container .chart-center-text{pointer-events:none;text-align:center;flex-direction:column;align-items:center;width:60%;transition:all .4s ease-in-out;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.main-home .new-wallet-summary .summary-card-large .chart-container .chart-center-text .center-value{color:#1f2937;font-size:1.8rem;font-weight:900;line-height:1.1;transition:color .3s}.main-home .new-wallet-summary .summary-card-large .chart-container .chart-center-text .center-label{color:#6b7280;margin-top:5px;font-size:.8rem;font-weight:600;transition:color .3s}.main-home .new-wallet-summary .summary-card-large .chart-container .no-data-chart{color:#9ca3af;font-size:1rem}.main-home .new-wallet-summary.shimmer-container .top-cards{flex-direction:row;width:100%}.main-home .new-wallet-summary.shimmer-container .shimmer-box{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/800px 100%;border-radius:16px;animation:1.5s linear infinite shimmer}.main-home .new-wallet-summary.shimmer-container .shimmer-box.card-mini{flex:1;height:200px}.main-home .new-wallet-summary.shimmer-container .shimmer-box.card-large{width:100%;height:350px}.main-home .analysis{flex-direction:row;justify-content:center;align-items:flex-start;width:88%;margin-top:20px;display:flex}.main-home .analysis .left-panel{flex-wrap:nowrap;justify-content:center;width:90%;display:flex}.main-home .analysis .rght-panel{width:25%}.main-home .analysis .card{background-color:var(--main-bg);box-shadow:var(--box-shadow);border-radius:var(--border-radius);margin-bottom:30px;padding:30px}.main-home .analysis .card.full-height{min-height:calc(100% - 30px)}.main-home .analysis .card>div~div{margin-top:30px}.main-home .analysis .card .card__header{text-transform:capitalize}.main-home .analysis .card .card__footer{text-align:center;text-transform:capitalize}.main-home .cards{flex-wrap:wrap;justify-content:space-around;width:90%;display:flex}.main-home .status-card{background-color:var(--main-bg);box-shadow:var(--box-shadow);border-radius:var(--border-radius);z-index:1;color:#30d3af;align-items:center;width:18%;margin-bottom:30px;padding:30px;transition:color .5s;display:flex;position:relative;overflow:hidden}.main-home .status-card__icon{z-index:1;justify-content:center;align-items:center;width:30%;height:100%;font-size:3rem;display:flex}.main-home .status-card__info{text-align:center;z-index:1;text-transform:capitalize;flex-grow:1}.main-home .status-card__info>h4{margin-bottom:10px;font-size:1.7rem}.main-home .status-card:before{content:"";background-image:linear-gradient(to top right, var(--main-color), var(--second-color));border-radius:50%;width:100%;padding-top:100%;transition:transform .8s;position:absolute;top:0;left:-50%;transform:scale(0)}.main-home .status-card:hover:before{transform:scale(3)}.main-home .status-card:hover{color:var(--txt-white)}.main-home .ContainerLastProducts{height:410px;margin:15px}.main-home .ContainerLastProducts .ListItem{flex-wrap:wrap;display:flex}.main-home .ContainerLastProducts .ListItem .Item .product_m{border:3px solid #fff;border-radius:8px;width:65px;height:65px;margin:5px;overflow:hidden;box-shadow:-2px 2px #ecf0f3}.main-home .ContainerLastProducts .ListItem .Item .product_m ._P_{opacity:.8;background-position:50%;background-size:cover;border-radius:6px;justify-content:center;align-items:flex-end;width:60px;height:60px;display:flex}.main-home .ContainerLastProducts .ListItem .Item .product_m ._P_ ._code_{color:#fff;background-color:#00adff9e;border-radius:5px;width:fit-content;max-width:100%;height:fit-content;margin:72px 0 10px 1px;padding:1px 6px;display:none;overflow:hidden}.main-home .ContainerLastProducts .ListItem .Item .product_m ._P_ ._code_ span{color:#fff;font-size:12px}.main-home .ContainerLastProducts .ListItem .Item:hover,.main-home .ContainerLastProducts .ListItem .Item.Active{height:120px;margin:8px;width:85px!important}.main-home .ContainerLastProducts .ListItem .Item:hover .product_m,.main-home .ContainerLastProducts .ListItem .Item.Active .product_m{height:inherit;width:inherit;border:3px solid #ffb22be8;border-radius:8px}.main-home .ContainerLastProducts .ListItem .Item:hover .product_m ._P_,.main-home .ContainerLastProducts .ListItem .Item.Active .product_m ._P_{height:120px;width:inherit}.main-home .ContainerLastProducts .ListItem .Item:hover .product_m ._P_ ._code_,.main-home .ContainerLastProducts .ListItem .Item.Active .product_m ._P_ ._code_{display:block}.main-home .last-auduon{color:#15711d;direction:rtl;background-color:#ecf1ee;border:2px dashed #59d38b70;border-radius:14px;height:200px;padding:20px;font-family:Tajawal,sans-serif}.main-home .last-auduon h1{font-family:inherit;font-size:x-large}.main-home .orders{justify-content:center;width:70%;display:flex}.main-home .orders hr{border:1px solid #e7e7e7ab;margin:5px 0 10px}.main-home .orders h3{color:currentColor;text-align:center;font-family:monospace}.main-home .orders .lastOrders{width:90%}.main-home .MainTopClint{margin:10px}.main-home .MainTopClint hr{border:1px solid #eee;margin:8px}.main-home .MainTopClint .TopClint{border-bottom:1px solid #f1f4f5;flex-direction:row-reverse;justify-content:flex-start;align-items:center;height:60px;margin:2px;display:flex}.main-home .MainTopClint .TopClint:hover{border-bottom:1px dashed #c1d3e3}.main-home .MainTopClint .TopClint .clintinfo{flex-direction:column;align-items:flex-end;width:65%;display:flex}.main-home .MainTopClint .TopClint .clintinfo.lasta{width:58%!important}.main-home .MainTopClint .TopClint .clintinfo.lasta .botN{color:#47b66f;font-size:11px}.main-home .MainTopClint .TopClint span{text-align:right;direction:rtl;margin-left:10px;font-family:Tajawal,sans-serif}.main-home .MainTopClint .TopClint .City{color:#47b66f}.main-home .MainTopClint .TopClint .City:after{font-size:11px}.main-home .MainTopClint .TopClint .Button_Selected{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:60%;border:1px dashed #dfe5e7c4;border-radius:7px;width:24px;height:23px;margin:0 0 0 5px}.main-home .MainTopClint .TopClint .Button_Selected:hover,.main-home .MainTopClint .TopClint .Button_Selected.Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9!important}.main-home .MainTopClint .TopClint .SendButton{color:#fff;cursor:pointer;background-color:#30d3af;border:none;border-radius:5px;padding:6px 12px;font-size:12px;transition:background-color .3s}.main-home .MainTopClint .TopClint .SendButton:hover{background-color:#0c9545}.main-home .MainTopClint .TopClint .QV{color:#fff;font-style:revert;background-color:#5aaff7;border-radius:3px;margin:5px;padding:2px 5px;font-family:cursive}.main-home .MainTopClint .TopClint .userImg{float:left;opacity:.7;background-color:#cad3d863;background-image:url(/images/DefaultCover.png);background-size:cover;border:1px solid #59d38b;border-radius:50%;width:40px;height:40px;margin:6px}.main-home .MainTopClint h1{color:#0cbb8b;text-align:center;font-family:cursive;font-size:xxx-large}.main-home .MainTopClint h3{color:currentColor;text-align:center;font-family:monospace}.main-home .MainTopClint .mQ{color:#a0a7a1;font-size:xx-large;-webkit-text-decoration:line-through dashed #77a79a;text-decoration:line-through dashed #77a79a}.main-home .MainTopClint .wallet{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.main-home .MainTopClint .wallet div{color:#008b8b;justify-content:center;align-items:center;width:28%;height:30px;display:flex}.main-home .MainTopClint .wallet div img{height:25px;margin:5px}.main-home .MainTopClint .wallet div span{font-size:12px}@media screen and (width<=1200px){.main-home .ContainerLastProducts{justify-content:center;width:95%;height:120px}.main-home .ContainerLastProducts .Item{width:11%;height:100px}.main-home .new-wallet-summary{flex-direction:column}.main-home .new-wallet-summary .charts,.main-home .new-wallet-summary .top-cards,.main-home .new-wallet-summary .summary-card-large{width:100%}.main-home .new-wallet-summary .top-cards{flex-direction:row}}@media screen and (width<=870px){.main-home .orders{flex-flow:column wrap;width:90%;display:flex}.main-home .orders .lastOrders{width:101%;margin:20px 0}}@media screen and (width<=780px){.main-home .orders{flex-direction:column;width:90%;display:flex}.main-home .orders .lastOrders{flex-wrap:wrap;width:101%;margin:20px 0}.main-home .new-wallet-summary .top-cards{flex-direction:column}}@media screen and (width<=681px){.main-home .ContainerLastProducts{justify-content:center;align-items:center;width:95%;padding-left:10px}.main-home .ContainerLastProducts .Item{width:21.5%}.main-home .ContainerLastProducts .Item:nth-child(3n+1){display:none}}@media screen and (device-width<=430px){.main-home .orders .MainTopClint{width:100%;margin:0 0 50px 5px}.main-home .orders .lastOrders,.main-home .ContainerLastProducts{display:none}.main-home .analysis{flex-direction:column-reverse;align-items:center;width:98%;margin-top:50px;display:flex}.main-home .analysis .charts{z-index:101;width:100%;margin:0;position:fixed;top:45px;left:0}.main-home .analysis .charts .card{border-radius:0 0 20px 20px!important;padding:24px!important}.main-home .analysis .cards{flex-direction:column;align-items:center;width:100%;display:flex}.main-home .analysis .cards .status-card{width:85%;margin-bottom:30px}}@media print{.Layout{background-color:#fff}}.row .table-saidbar{width:70%}.row .left-saidbar,.row .modal-content{flex-direction:column;width:25%;display:flex}.row .left-saidbar h2,.row .modal-content h2{text-align:center}.row .left-saidbar .AnalyticsCity,.row .modal-content .AnalyticsCity{flex-flow:wrap;justify-content:center;display:flex}.row .left-saidbar .AnalyticsCity .city,.row .modal-content .AnalyticsCity .city{color:#5d635d;cursor:pointer;background:#c3fcfb33;border:1px dashed #8ae5f1;border-radius:9px;justify-content:space-around;align-items:center;width:fit-content;height:29px;margin:2px;padding:0 21px;display:flex}.row .left-saidbar .AnalyticsCity .city span,.row .modal-content .AnalyticsCity .city span{color:#e4138dad}.row .left-saidbar .AnalyticsCity .city:hover,.row .modal-content .AnalyticsCity .city:hover{background:#bbf7f673}.row .left-saidbar .NewClint .list,.row .modal-content .NewClint .list{background:0 0;border:1px solid #eee;border-radius:8px;outline:none;height:35px;margin:8px}.row .left-saidbar .NewClint input,.row .modal-content .NewClint input{border:1px solid #e1f5fe;border-radius:6px;outline:0;height:29px;margin:5px;padding-left:10px}.row .left-saidbar .NewClint .inputError,.row .modal-content .NewClint .inputError{border:1px dashed #ffcf6d!important}.row .left-saidbar .NewClint .inputSuccess,.row .modal-content .NewClint .inputSuccess{border:1px dashed #0ec97b!important}.row .left-saidbar .NewClint .sButon,.row .modal-content .NewClint .sButon{display:flex}.row .left-saidbar .NewClint .btn-success,.row .modal-content .NewClint .btn-success{color:#fffbfb;cursor:pointer;background:#03a9f4b5;border:1px solid #90caf9;border-radius:4px;width:100%;height:fit-content;margin:5px;padding:13px;font-family:monospace;font-size:21px;transition:all .2s ease-in;box-shadow:0 2px 2px #e3f2fd,0 3px 1px -2px #28bebd33,0 1px 5px #b3e5fc}.row .left-saidbar .NewClint .btn-success:hover,.row .modal-content .NewClint .btn-success:hover{background:#59d38b;border:1px solid #f1f8e9;border-radius:8px;box-shadow:0 2px 2px #f1f8e9,0 3px 1px -2px #dcedc8,0 1px 5px #d8f7b5b0}@media screen and (device-width>=320px) and (device-width<=768px){.row{flex-direction:column;align-items:center;width:96%;margin-top:60px;display:flex}.row .LastClint,.row .NewClint{width:98%}}@media screen and (device-width<=820px){.row{flex-direction:column;align-items:center;width:96%;margin-top:60px;display:flex}.row .LastClint,.row .NewClint{width:98%}}.table-wrapper{overflow-y:auto}.table-wrapper table{border-spacing:0;width:100%;min-width:400px;font-size:14px}.table-wrapper thead{background-color:var(--second-bg)}.table-wrapper tr{text-align:left}.table-wrapper th,.table-wrapper td{text-transform:capitalize;padding:7px 9px}.table-wrapper tbody>tr:hover{background-color:var(--main-color);color:var(--txt-white)}.table__pagination{justify-content:flex-end;align-items:center;width:100%;margin-top:20px;display:flex}.table__pagination-item~.table__pagination-item{margin-left:10px}.table__pagination-item{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.table__pagination-item.active,.table__pagination-item.active:hover{background-color:var(--main-color);color:var(--txt-white);font-weight:600}.table__pagination-item:hover{color:var(--txt-white);background-color:var(--second-color)}.wrapper-Audience h1{color:#29b3c3;margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2}.wrapper-Audience .NavAud{width:98%;padding:0 0 0 42px}.wrapper-Audience .NavAud .row{justify-content:space-between;align-items:center;width:70%;display:flex}.wrapper-Audience .NavAud .p-title{width:30%}.wrapper-Audience .NavAud hr .style16{border:none;border-top:1px dashed #a0d2fc61;margin-top:20px}.wrapper-Audience .NavAud hr .style16:after{content:"✂";color:#03a9f4;padding:0 3px;font-size:18px;display:inline-block;position:relative;top:-15px;left:47px}.wrapper-Audience .NavAud .SearchCat{justify-content:center;align-items:center;width:25%;display:flex}.wrapper-Audience .NavAud .SearchCat input{color:#647073;text-align:center;direction:rtl;background:url(/images/sh-robot.gif) 10px/25px no-repeat;border:1px dashed #dae2e4;border-radius:19px;outline-style:none;width:90%;height:45px;margin:8px;padding:16px;font-size:22px}.wrapper-Audience .NavButton{color:#6abb7d;display:flex}.wrapper-Audience .NavButton .AtoCalc{cursor:pointer;text-align:center;border:1px dashed #cdc8c8ab;border-radius:7px;width:30px;height:30px;margin:auto auto auto 4px;padding:5px;font-size:13px}.wrapper-Audience .NavButton .AtoCalc:hover{border:1px dashed #048ee4}.wrapper-Audience .NavButton .Check-Audience{background-position:50%;background-repeat:no-repeat;background-size:68%;border-radius:4px;width:30px}.wrapper-Audience .Checked-true,.wrapper-Audience .Check-Audience:hover{background-image:url(/images/check.png)}.wrapper-Audience .MainAudience{background:#fff;justify-content:flex-start;align-items:flex-start;width:97%;min-height:80vh;margin:0 0 0 30px;padding-top:20px;display:flex}.wrapper-Audience .MainAudience .LiftBar{width:20%;padding-right:10px}.wrapper-Audience .MainAudience .LiftBar .labels .title{justify-content:center;align-items:flex-start;height:50px;display:flex}.wrapper-Audience .MainAudience .LiftBar .labels .title h2{color:#9400d3;margin:5px;font:25px sans-serif}.wrapper-Audience .MainAudience .LiftBar .labels .title h2 svg{color:#6abb7d}.wrapper-Audience .MainAudience .LiftBar .labels .list-label button{text-align:center;color:#fafafa;background:#26dad2;border:1px solid #26dad2;border-radius:5px;width:-webkit-fill-available;height:53px;margin:3px;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .btn-success:hover{opacity:.7;color:#fff;background:#d61f1f;border:1px solid #d61f1f}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style:hover{color:#00add8;cursor:pointer;border-bottom:1px solid #bee5efdb}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style:hover .control div{color:#2e7d9c;font-size:smaller}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style{border-bottom:1px dashed #eeeeee9c;justify-content:space-between;align-items:center;margin:3px;padding:5px;font-size:15px;display:flex}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style .option{justify-content:space-between;align-items:center;display:flex}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style .option .Aud_labels{cursor:pointer;float:left;background-position:50%;background-repeat:no-repeat;background-size:75%;border:1px solid #d7e4fb;border-radius:4px;width:15px;height:15px;margin:0 7px 0 6px}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style .option .Aud_labels:hover{background-image:url(/images/check.png);border:1px solid #b5e27aba}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style .control{justify-content:space-between;width:12%;display:flex}.wrapper-Audience .MainAudience .LiftBar .labels .list-label .label-list-style .control div{color:#fdfdfd;font-size:smaller}.wrapper-Audience .MainAudience .LiftBar .labels .label_desc{color:#5e919e;text-align:center;border-top:1px solid #d0e7ec;margin-top:10px;padding:4px;font-size:small;line-height:1.5}.wrapper-Audience .MainAudience .LiftBar .labels .form-label{background:#fcfcfc;justify-content:center;align-items:center;display:flex}.wrapper-Audience .MainAudience .LiftBar .labels .form-label .BPicker{border-radius:6px;width:30px;height:40px}.wrapper-Audience .MainAudience .LiftBar .labels .form-label .BPicker .Color{position:inherit;padding:42px;display:none;position:fixed}.wrapper-Audience .MainAudience .LiftBar .labels .form-label .BPicker:hover .Color{display:block}.wrapper-Audience .MainAudience .LiftBar .labels .form-label input{color:#647073;text-align:center;direction:rtl;background-size:25px;border:1px dashed #dae2e4;border-radius:6px;outline-style:none;width:60%;height:45px;margin:8px;padding:16px;font-size:22px}.wrapper-Audience .MainAudience .LiftBar .labels .form-label .btn{cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#fff;direction:rtl;background:#90ceff;border:1px solid #0000;border-radius:.25rem;height:43px;margin-bottom:5px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.wrapper-Audience .MainAudience .LiftBar .labels .form-label .btn:hover{background-color:#65b6f6}.wrapper-Audience .MainAudience .RightPage{border-left:1px solid #ededed;flex-flow:wrap;justify-content:space-evenly;align-items:flex-start;width:80%;min-height:75vh;display:flex}.wrapper-Audience .MainAudience .RightPage .more{justify-content:center;align-items:center;width:100%;height:100px;display:flex}.wrapper-Audience .MainAudience .RightPage .more .loadMore{text-align:center;cursor:pointer;border:1px solid #5ecee124;border-radius:15px;justify-content:center;align-items:center;width:90%;padding:10px;display:flex}.wrapper-Audience .MainAudience .RightPage .more .loadMore:hover{color:#6abb7d}.wrapper-Audience .MainAudience .RightPage .audience{float:left;background-color:beige;border:1px solid #e9ecefd9;border-radius:7px;flex-direction:row;justify-content:flex-start;align-items:center;width:fit-content;max-width:200px;height:60px;margin:5px;padding:0 25px 0 0;display:flex;overflow:hidden}.wrapper-Audience .MainAudience .RightPage .audience .labelsColor{width:7px;height:inherit;flex-direction:column;justify-content:center;align-items:center;display:flex}.wrapper-Audience .MainAudience .RightPage .audience .labelsColor .lab{opacity:.6;background-color:#de30e1;border-radius:3px;width:5px;height:5px;margin-top:1px}.wrapper-Audience .MainAudience .RightPage .audience .labelsColor div:nth-child(3){background:#2faddf}.wrapper-Audience .MainAudience .RightPage .audience .audInfo{flex-direction:column;justify-content:space-evenly;align-items:center;height:55px;line-height:1.1em;display:flex;overflow:hidden}.wrapper-Audience .MainAudience .RightPage .audience .audInfo .optionAud img{height:15px}.wrapper-Audience .MainAudience .RightPage .audience .audInfo span{font-size:13px;overflow:hidden}.wrapper-Audience .MainAudience .RightPage .audience .Img{float:left;opacity:.7;background-image:url(/images/DefaultCover.png);background-position:50%;background-repeat:no-repeat;background-size:90%;border:1px solid #d4dfe880;border-radius:50%;width:45px;height:45px;margin:5px}.wrapper-Audience .MainAudience .RightPage .audience:hover{color:#2f4587;background-color:#dee2e67a}.wrapper-Audience .MainAudience .RightPage .audience:hover .Img,.wrapper-Audience .MainAudience .RightPage .audience:hover .labelsColor .lab{opacity:.9}.wrapper-Audience .MainAudience .RightPage .Selected{color:#2f4587;background-color:#dee2e67a}.wrapper-Audience .MainAudience .RightPage .Selected .Img,.wrapper-Audience .MainAudience .RightPage .Selected .labelsColor .lab{opacity:.9}.row{justify-content:space-evenly;width:98%;margin-top:30px;display:flex}.row .card>div~div{margin-top:17px}.row .editTool{justify-content:space-evenly;align-items:center;display:flex}.row .editTool .EditPencil{cursor:pointer;color:#90caf9}.row .editTool .fa-trash{color:coral;cursor:pointer}.row .left-saidbar{flex-direction:column;width:25%;display:flex}.row .left-saidbar h2{text-align:center}.row .left-saidbar .AnalyticsCity{flex-flow:wrap;justify-content:center;display:flex}.row .left-saidbar .AnalyticsCity .city{color:#5d635d;cursor:pointer;background:#c3fcfb33;border:1px dashed #8ae5f1;border-radius:9px;width:fit-content;height:29px;margin:2px;padding:3px 21px}.row .left-saidbar .AnalyticsCity .city span{color:#e4138dad}.row .left-saidbar .AnalyticsCity .city:hover{background:#bbf7f673}.row .left-saidbar .NewClint .list{background:0 0;border:1px solid #eee;border-radius:8px;outline:none;height:35px;margin:8px}.row .left-saidbar .NewClint input{border:1px solid #e1f5fe;border-radius:6px;outline:0;height:29px;margin:5px;padding-left:10px}.row .left-saidbar .NewClint .inputError{border:1px dashed #ffcf6d!important}.row .left-saidbar .NewClint .inputSuccess{border:1px dashed #0ec97b!important}.row .left-saidbar .NewClint .sButon{display:flex}.row .left-saidbar .NewClint .btn-success{color:#fffbfb;cursor:pointer;background:#03a9f4b5;border:1px solid #90caf9;border-radius:4px;width:100%;height:fit-content;margin:5px;padding:13px;font-family:monospace;font-size:21px;transition:all .2s ease-in;box-shadow:0 2px 2px #e3f2fd,0 3px 1px -2px #28bebd33,0 1px 5px #b3e5fc}.row .left-saidbar .NewClint .btn-success:hover{background:#59d38b;border:1px solid #f1f8e9;border-radius:8px;box-shadow:0 2px 2px #f1f8e9,0 3px 1px -2px #dcedc8,0 1px 5px #d8f7b5b0}.row .LastClint{width:65%}.row .LastClint .headClint{flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;display:flex}.row .LastClint .headClint input{color:#647073;text-align:center;direction:rtl;background:url(/images/sh-robot.gif) 10px/30px no-repeat;border:2px dashed #dae2e4;border-radius:19px;outline-style:none;width:26%;height:50px;padding:16px;font-size:22px}.row .LastClint .headClint .page-header{margin-bottom:unset;text-transform:capitalize}.row .LastClint .headClint h1{margin:0;padding:0}@media screen and (device-width>=320px) and (device-width<=768px){.row{flex-direction:column;align-items:center;width:96%;margin-top:60px;display:flex}.row .LastClint,.row .NewClint{width:98%}}@media screen and (device-width<=820px){.row{flex-direction:column;align-items:center;width:96%;margin-top:60px;display:flex}.row .LastClint,.row .NewClint{width:98%}}@media screen and (device-width>=420px) and (device-width<=430px){.row{flex-direction:column;align-items:center;margin-top:60px;display:flex}.row .card{width:85%!important}.row .left-saidbar{display:flex;flex-direction:column!important;align-items:flex-end!important;width:100%!important}.row .LastClint{display:none!important}}.invoice-form-container{direction:rtl;background:#fff;padding:10px;font-family:Tajawal,sans-serif}.invoice-form-container h3{color:#1f2937;margin-bottom:25px;font-weight:700}.invoice-form-container .invoice-header{flex-wrap:wrap;gap:20px;margin-bottom:25px;display:flex}.invoice-form-container .invoice-header .col{flex-direction:column;flex:1;min-width:200px;display:flex}.invoice-form-container .invoice-header .col label{color:#6b7280;margin-bottom:8px;font-size:.9rem;font-weight:600}.invoice-form-container .invoice-header .col input,.invoice-form-container .invoice-header .col select{border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;font-family:inherit;transition:border-color .2s}.invoice-form-container .invoice-header .col input:focus,.invoice-form-container .invoice-header .col select:focus{border-color:#0056b3;outline:none}.invoice-form-container hr{border:0;border-top:1px solid #e5e7eb;margin:25px 0}.invoice-form-container .invoice-items .d-flex{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.invoice-form-container .invoice-items h4{color:#1f2937;margin:0;font-weight:700}.invoice-form-container .invoice-items .btn-primary{color:#fff;cursor:pointer;background:#0056b3;border:none;border-radius:6px;padding:6px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.invoice-form-container .invoice-items .btn-primary:hover{background:#006fe6}.invoice-form-container .invoice-items .invoice-items-scrollable{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;max-height:450px;overflow-y:auto}.invoice-form-container .invoice-items .invoice-items-scrollable::-webkit-scrollbar{width:3px}.invoice-form-container .invoice-items .invoice-items-scrollable::-webkit-scrollbar-track{background:0 0}.invoice-form-container .invoice-items .invoice-items-scrollable::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.invoice-form-container .invoice-items .invoice-items-scrollable table{border-collapse:collapse;width:100%;margin-top:0}.invoice-form-container .invoice-items .invoice-items-scrollable table thead th{z-index:2;background:#f9fafb;position:sticky;top:0;box-shadow:0 1px #e5e7eb}.invoice-form-container .invoice-items .invoice-items-scrollable table th{text-align:right;color:#6b7280;padding:14px;font-size:.9rem;font-weight:600}.invoice-form-container .invoice-items .invoice-items-scrollable table td{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:12px}.invoice-form-container .invoice-items .invoice-items-scrollable table td input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit}.invoice-form-container .invoice-items .invoice-items-scrollable table td input:focus{border-color:#0056b3;outline:none}.invoice-form-container .invoice-items .invoice-items-scrollable table td.text-center{text-align:center}.invoice-form-container .invoice-items .invoice-items-scrollable table td.text-muted{color:#6b7280}.invoice-form-container .invoice-items .invoice-items-scrollable table td.p-4{padding:20px}.invoice-form-container .invoice-items .invoice-items-scrollable table .btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:8px 14px;font-weight:700;transition:all .2s}.invoice-form-container .invoice-items .invoice-items-scrollable table .btn-danger:hover{background:#f37373}.invoice-form-container .invoice-footer{justify-content:flex-start;margin-top:20px;display:flex}.invoice-form-container .invoice-footer .btn-success{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .2s}.invoice-form-container .invoice-footer .btn-success:hover{background:#14e8a2}.invoice-form-container .invoice-footer .btn-success:disabled{opacity:.6;cursor:not-allowed}.catalogue-sidebar .categories-strip{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.catalogue-sidebar .selection-control-bar{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.catalogue-sidebar .products-grid-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;padding:10px;overflow-y:auto}.catalogue-sidebar .products-grid-container::-webkit-scrollbar-track{background:0 0}.catalogue-sidebar .products-grid-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.catalogue-sidebar .catalogue-footer-action{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;gap:8px;padding:10px;display:flex;box-shadow:0 -4px 12px #00000008}.payment-form-container{direction:rtl;background:#fff;max-width:800px;padding:10px;font-family:Tajawal,sans-serif}.payment-form-container h3{color:#1f2937;margin-bottom:25px;font-weight:700}.payment-form-container .alert-danger{color:#991b1b;background:#fef2f2;border:1px solid #f87171;border-radius:6px;margin-bottom:20px;padding:12px 15px;font-weight:600}.payment-form-container label{color:#6b7280;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.payment-form-container .form-control{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.payment-form-container .form-control:focus{border-color:#0056b3;outline:none;box-shadow:0 0 0 2px #0056b31a}.payment-form-container textarea.form-control{resize:vertical;min-height:100px}.payment-form-container .row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.payment-form-container .row .col-md-12{grid-column:1/-1}.payment-form-container .btn-success{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;margin-top:10px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .2s}.payment-form-container .btn-success:hover{background:#14e8a2}.payment-form-container .btn-success:disabled{opacity:.6;cursor:not-allowed}.modal-overlay .new-supplier-modal{background:#fff;border-radius:12px;width:100%;max-width:650px;animation:.3s ease-out slideIn;overflow:hidden;box-shadow:0 10px 25px #0003}.modal-overlay .new-supplier-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.modal-overlay .new-supplier-modal .modal-header h2{color:#1f2937;margin:0;font-size:1.25rem}.modal-overlay .new-supplier-modal .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.modal-overlay .new-supplier-modal .modal-header .close-btn:hover{color:#ef4444}.modal-overlay .new-supplier-modal .box-body{padding:25px}.modal-overlay .new-supplier-modal .box-body .form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.modal-overlay .new-supplier-modal .box-body .form-grid .form-group{flex-direction:column;display:flex}.modal-overlay .new-supplier-modal .box-body .form-grid .form-group.full-width{grid-column:1/-1}.modal-overlay .new-supplier-modal .box-body .form-grid .form-group label{color:#1f2937;margin-bottom:6px;font-size:.9rem;font-weight:600}.modal-overlay .new-supplier-modal .box-body .form-grid .form-group .input-control{border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;font-family:inherit;transition:border-color .2s}.modal-overlay .new-supplier-modal .box-body .form-grid .form-group .input-control:focus{border-color:#0056b3;outline:none}.modal-overlay .new-supplier-modal .box-body .form-grid .form-group .input-control.inputError{background-color:#fef2f2;border-color:#ef4444}.modal-overlay .new-supplier-modal .box-body .form-grid .form-group .error-text{color:#ef4444;margin-top:4px;font-size:.8rem}.modal-overlay .new-supplier-modal .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:15px 25px;display:flex}.modal-overlay .new-supplier-modal .modal-footer button{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .2s}.modal-overlay .new-supplier-modal .modal-footer button.btn-secondary{color:#1f2937;background:#e5e7eb}.modal-overlay .new-supplier-modal .modal-footer button.btn-secondary:hover{background:#d1d5db}.modal-overlay .new-supplier-modal .modal-footer button.btn-primary{color:#fff;background:#0056b3}.modal-overlay .new-supplier-modal .modal-footer button.btn-primary:hover{background:#006fe6}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invoice-details-modal{background:#fff;border-radius:12px;width:100%;max-width:650px;animation:.3s ease-out slideIn;overflow:hidden;box-shadow:0 10px 25px #0003}.invoice-details-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.invoice-details-modal .modal-header h2{color:#1f2937;margin:0;font-size:1.25rem}.invoice-details-modal .modal-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.invoice-details-modal .modal-header .close-btn:hover{color:#ef4444}.invoice-details-modal .box-body{padding:25px}.invoice-details-modal .box-body .invoice-summary-info{background:#f8fafc;border-radius:8px;justify-content:space-between;margin-bottom:15px;padding:10px 15px;display:flex}.invoice-details-modal .box-body .invoice-summary-info p{color:#1f2937;margin:0}.invoice-details-modal .modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:15px 25px;display:flex}.invoice-details-modal .modal-footer button{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .2s}.invoice-details-modal .modal-footer button.btn-secondary{color:#1f2937;background:#e5e7eb}.invoice-details-modal .modal-footer button.btn-secondary:hover{background:#d1d5db}.suppliers-dashboard-overview{flex-direction:column;gap:20px;height:100%;padding:5px;font-family:Tajawal,sans-serif;display:flex}.suppliers-dashboard-overview .dashboard-top-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000005}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini .icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.5rem;display:flex}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini .icon-wrapper.blue-bg{color:#3b82f6;background:#eff6ff}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini .icon-wrapper.red-bg{color:#ef4444;background:#fef2f2}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini .icon-wrapper.green-bg{color:#10b981;background:#ecfdf5}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini .card-content{flex-direction:column;display:flex}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini .card-content .amount-value{color:#1e293b;font-size:1.6rem;font-weight:800;line-height:1.2}.suppliers-dashboard-overview .dashboard-top-cards .dashboard-card-mini .card-content .card-label{color:#64748b;margin-top:4px;font-size:.9rem;font-weight:700}.suppliers-dashboard-overview .dashboard-charts-grid{grid-template-columns:4fr 1fr;gap:20px;display:grid}@media (width<=1200px){.suppliers-dashboard-overview .dashboard-charts-grid{grid-template-columns:1fr}}.suppliers-dashboard-overview .dashboard-charts-grid .chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 2px 10px #00000005}.suppliers-dashboard-overview .dashboard-charts-grid .chart-card .card-header{margin-bottom:20px}.suppliers-dashboard-overview .dashboard-charts-grid .chart-card .card-header h3{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:800;display:flex}.suppliers-dashboard-overview .dashboard-charts-grid .chart-card .card-header h3 i{color:#64748b}.suppliers-dashboard-overview .dashboard-charts-grid .chart-card .chart-container{flex-grow:1;justify-content:center;align-items:center;width:100%;min-height:280px;display:flex;position:relative}.suppliers-dashboard-overview .dashboard-charts-grid .doughnut-chart-card .chart-container .chart-center-text{pointer-events:none;flex-direction:column;align-items:center;margin-top:-10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.suppliers-dashboard-overview .dashboard-charts-grid .doughnut-chart-card .chart-container .chart-center-text .center-value{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1}.suppliers-dashboard-overview .dashboard-charts-grid .doughnut-chart-card .chart-container .chart-center-text .center-label{color:#64748b;text-align:center;margin-top:5px;font-size:.75rem;font-weight:700}.suppliers-dashboard-overview .recent-transactions-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000005}.suppliers-dashboard-overview .recent-transactions-section .section-header{margin-bottom:20px}.suppliers-dashboard-overview .recent-transactions-section .section-header h3{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:800;display:flex}.suppliers-dashboard-overview .recent-transactions-section .section-header h3 i{color:#64748b}.suppliers-dashboard-overview .recent-transactions-section .table-responsive{overflow-x:auto}.suppliers-dashboard-overview .recent-transactions-section .recent-table{border-collapse:collapse;width:100%}.suppliers-dashboard-overview .recent-transactions-section .recent-table th{text-align:right;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:.9rem;font-weight:700}.suppliers-dashboard-overview .recent-transactions-section .recent-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.95rem}.suppliers-dashboard-overview .recent-transactions-section .recent-table tr:last-child td{border-bottom:none}.suppliers-dashboard-overview .recent-transactions-section .recent-table tr:hover{background:#f8fafc}.suppliers-dashboard-overview .recent-transactions-section .recent-table .badge-type{border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-block}.suppliers-dashboard-overview .recent-transactions-section .recent-table .badge-type.invoice{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.suppliers-dashboard-overview .recent-transactions-section .recent-table .badge-type.payment{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.suppliers-dashboard-overview .recent-transactions-section .recent-table .text-success{color:#10b981;font-weight:800}.suppliers-dashboard-overview .recent-transactions-section .recent-table .text-danger{color:#ef4444;font-weight:800}.suppliers-page-container{box-sizing:border-box;direction:rtl;background-color:#f1f5f9;gap:15px;width:98%;height:calc(100vh - 65px);padding:15px;font-family:Tajawal,sans-serif;display:flex}.suppliers-page-container *{box-sizing:border-box}.suppliers-page-container .suppliers-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex-shrink:0;width:270px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.suppliers-page-container .suppliers-sidebar .sidebar-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:15px;display:flex}.suppliers-page-container .suppliers-sidebar .sidebar-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.suppliers-page-container .suppliers-sidebar .sidebar-header .btn-add-supplier{color:#fff;cursor:pointer;background-color:#0ea5e9;border:none;border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:700}.suppliers-page-container .suppliers-sidebar .sidebar-header .btn-add-supplier:hover{background-color:#0284c7}.suppliers-page-container .suppliers-sidebar .suppliers-list{flex-direction:column;flex-grow:1;gap:4px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.suppliers-page-container .suppliers-sidebar .suppliers-list::-webkit-scrollbar{width:4px}.suppliers-page-container .suppliers-sidebar .suppliers-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item{cursor:pointer;background:#fff;border:1px solid #0000;border-bottom-color:#f1f5f9;border-radius:6px;padding:7px 10px;transition:all .2s;position:relative}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item:hover{background-color:#f8fafc;border-color:#e2e8f0}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item.active{background-color:#f0f9ff;border-color:#bae6fd;box-shadow:inset 3px 0 #0ea5e9}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item .supplier-info .supplier-name{color:#0f172a;margin-bottom:4px;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:700}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item .supplier-info .supplier-phone{color:#64748b;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item .btn-edit-supplier{color:#0ea5e9;cursor:pointer;opacity:0;background:0 0;border:none;font-size:.9rem;transition:all .2s;position:absolute;top:12px;left:10px}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item .btn-edit-supplier:hover{color:#0284c7;transform:scale(1.1)}.suppliers-page-container .suppliers-sidebar .suppliers-list .supplier-item:hover .btn-edit-supplier{opacity:1}.suppliers-page-container .suppliers-main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.suppliers-page-container .suppliers-main-content .empty-state{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;height:100%;font-size:1.1rem;font-weight:600;display:flex}.suppliers-page-container .suppliers-main-content .supplier-workspace{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-header h2{color:#0f172a;margin:0;font-size:1.2rem;font-weight:800}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-header .supplier-quick-stats{gap:10px;display:flex}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-header .supplier-quick-stats .stat-badge{border:1px solid #0000;border-radius:20px;padding:5px 12px;font-size:.85rem;font-weight:700}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-header .supplier-quick-stats .stat-badge.info{color:#0284c7;background:#e0f2fe;border-color:#bae6fd}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-header .supplier-quick-stats .stat-badge.warning{color:#b45309;background:#fef3c7;border-color:#fde68a}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-tabs{background:#fff;border-bottom:1px solid #e2e8f0;gap:5px;padding:0 15px;display:flex}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-tabs .tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:all .2s}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-tabs .tab-btn:hover{color:#0ea5e9}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-tabs .tab-btn.active{color:#0ea5e9;border-bottom-color:#0ea5e9}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body{flex-grow:1;padding:15px 20px;overflow-y:auto}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body::-webkit-scrollbar{width:5px}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body h4{color:#0f172a;margin:0 0 15px;font-size:1.1rem;font-weight:800}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:10px 15px;display:flex;overflow-x:auto}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container::-webkit-scrollbar{height:4px}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .month-filter-group{flex-wrap:nowrap;gap:4px;display:flex}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .month-filter-group .filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:32px;height:32px;padding:0 8px;font-size:.85rem;font-weight:700;transition:all .2s}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .month-filter-group .filter-btn.all-btn{padding:0 12px}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .month-filter-group .filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .month-filter-group .filter-btn.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 2px 4px #0ea5e933}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .form-group{flex-direction:row;align-items:center;gap:6px;margin:0;display:flex}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .form-group label{color:#64748b;white-space:nowrap;margin:0;font-size:.85rem;font-weight:700}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .form-group .form-control{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:135px;height:32px;padding:4px 10px;font-family:inherit;font-size:.85rem}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .form-group .form-control:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #f0f9ff}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#0ea5e9;border:none;border-radius:6px;height:32px;padding:0 15px;font-size:.85rem;font-weight:700}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .btn-primary:hover{background:#0284c7}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .btn-secondary{color:#64748b;cursor:pointer;white-space:nowrap;background:#e2e8f0;border:none;border-radius:6px;height:32px;padding:0 15px;font-size:.85rem;font-weight:700}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .filters-container .date-filter-group .btn-secondary:hover{color:#0f172a;background:#cbd5e1}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .summary-cards{border-bottom:1px dashed #00c0ff;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:5px;display:grid}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .summary-cards .card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px;box-shadow:0 1px 2px #00000005}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .summary-cards .card span{color:#64748b;margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .summary-cards .card strong{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1;display:block}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .summary-cards .card.highlight{background:#f0f9ff;border-color:#bae6fd}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .summary-cards .card.highlight strong{color:#0ea5e9}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table{border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table th{text-align:right;color:#64748b;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px;font-size:.9rem;font-weight:700}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:5px;font-size:.9rem}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table tr:last-child td{border-bottom:none}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table tr:hover{background:#f8fafc}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table .row-invoice td:nth-child(2) strong{color:#ef4444}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table .row-payment td:nth-child(2) strong{color:#10b981}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table .text-success{color:#10b981;font-weight:800}.suppliers-page-container .suppliers-main-content .supplier-workspace .workspace-body .statement-table .text-danger{color:#ef4444;font-weight:800}.modal-overlay{z-index:1000;direction:rtl;background:#0f172a99;justify-content:center;align-items:center;font-family:Tajawal,sans-serif;display:flex;position:fixed;inset:0}.modal-overlay .invoice-details-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.modal-overlay .invoice-details-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-overlay .invoice-details-modal .modal-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.modal-overlay .invoice-details-modal .modal-header .close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-overlay .invoice-details-modal .modal-header .close-btn:hover{color:#ef4444}.modal-overlay .invoice-details-modal .box-body{padding:20px;overflow-y:auto}.modal-overlay .invoice-details-modal .box-body .invoice-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;display:flex}.modal-overlay .invoice-details-modal .box-body .invoice-info p{color:#0f172a;margin:0;font-size:.9rem}.modal-overlay .invoice-details-modal .box-body .invoice-info p strong{color:#64748b;margin-left:5px}.modal-overlay .invoice-details-modal .box-body h4{color:#0f172a;margin:0 0 10px;font-size:1rem;font-weight:700}.modal-overlay .invoice-details-modal .box-body .statement-table{border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow:hidden}.modal-overlay .invoice-details-modal .box-body .statement-table th{text-align:right;color:#64748b;background:#f1f5f9;border-bottom:2px solid #e2e8f0;padding:10px;font-size:.85rem;font-weight:700}.modal-overlay .invoice-details-modal .box-body .statement-table td{color:#0f172a;border-bottom:1px solid #e2e8f0;padding:10px;font-size:.85rem}.modal-overlay .invoice-details-modal .box-body .statement-table tr:last-child td{border-bottom:none}.NavControls .Nav-options .Check-inOrder{background-position:50%;background-repeat:no-repeat;background-size:68%;border-radius:4px}.NavControls .Nav-options .Checked-true,.NavControls .Nav-options .Check-inOrder:hover{background-image:url(/images/check.png)}.NavControls .Nav-options .btn-success:hover{background:#26dad2;border:1px solid #26dad2;box-shadow:0 14px 26px -12px #28bebd6b,0 4px 23px #0000001f,0 8px 10px -5px #28bebd33}.wrapper-catalog{padding-top:25px}.wrapper-catalog .products-wrapper{flex-wrap:wrap;justify-content:center;width:100%;padding-top:45px;display:flex}.wrapper-catalog .products-wrapper .Zoom{width:315px!important;height:290px!important}.wrapper-catalog .products-wrapper .Qrcode{float:left;opacity:.8;background-position:50%;background-size:cover;border-radius:8px;place-content:center;align-items:center;margin:5px;display:flex;box-shadow:-2px 2px #ecf0f3;border:2px dashed #3dcf3d!important;width:auto!important;height:auto!important}.wrapper-catalog .products-wrapper .Qrcode:hover,.wrapper-catalog .products-wrapper .QrcodeSelected{border:2px dashed #03a9f4!important}.wrapper-catalog .products-wrapper .product{float:left;opacity:.8;background-position:50%;background-size:cover;border:5px solid #cdd2cd;border-radius:8px;justify-content:center;align-items:flex-end;width:215px;height:190px;margin:5px;display:flex;box-shadow:-2px 2px #ecf0f3}.wrapper-catalog .products-wrapper .product div .QUnV_{color:#fff;text-align:center;background-color:#8b008b;border-radius:4px;width:43px;height:39px;margin:10px;padding:5px;font-size:21px}.wrapper-catalog .products-wrapper .product div ._code_{color:#fff;background-color:#238dd9;border-radius:5px;width:fit-content;margin:auto auto 15px;padding:1px 6px;font-size:14px}.wrapper-catalog .products-wrapper .product:hover{opacity:.9;cursor:pointer;border:5px solid #ffb22be8}.wrapper-catalog .products-wrapper .Selected{opacity:.9;cursor:pointer;border:5px solid #13a0e3}.wrapper-catalog .products-wrapper .item-checked{opacity:.9;cursor:pointer;border:5px solid #ffb22be8}.wrapper-catalog .products-wrapper i{color:#161816;margin:8px;font-size:20px}.wrapper-catalog .products-wrapper .eyeView{float:right;color:#7a9999}.wrapper-catalog .products-wrapper ._code_ strong{color:#fff}@media print{#root>div>main>div.NavControls,#root>div>header>div>div.userInfo,#root>div>header>div>div.sysOptions,.LeftSidebar,footer{display:none}.product{width:30%}}.k{bottom:8px}.fix-tolBar{justify-content:center;align-items:center;height:48px;display:flex;margin-top:45px!important}.fix-tolBar .NotINNavControls{color:#6abb7d;z-index:100;background:#fff;border:0 solid #e7e7e7;border-radius:0 0 40px 40px;justify-content:center;align-items:center;margin:0 auto 8px;padding:8px;display:flex;position:fixed;box-shadow:0 5px 20px #0000000d;width:75%!important}.fix-tolBar .NotINNavControls .Nav-options{justify-content:flex-start;align-items:center;display:flex}.fix-tolBar .NotINNavControls .Nav-options .Checked-true,.fix-tolBar .NotINNavControls .Nav-options .Check-inOrder:hover{background-image:url(/images/check.png);background-position:50%;background-repeat:no-repeat;background-size:80%}.fix-tolBar .NotINNavControls .Nav-options .btn-success{-o-transition:.2s ease-in;background:#26dad2;border:1px solid #26dad2;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.fix-tolBar .NotINNavControls .Nav-options .AtoCalc{cursor:pointer;text-align:center;border:1px dashed #eee;border-radius:7px;width:30px;height:30px;margin:auto auto auto 4px;padding:5px;font-size:13px}.fix-tolBar .NotINNavControls .Nav-options .AtoCalc:hover{border:1px dashed #048ee4}.fix-tolBar .NotINNavControls .Nav-options input{text-align:center;color:#6abb7d;border:1px solid #eee;border-radius:5px;width:58px;height:30px;margin:5px}.fix-tolBar .NotINNavControls .Nav-options input:focus{outline:none}.fix-tolBar .NotINNavControls .Nav-options button{text-align:center;color:#fafafa;border:1px solid #eee;border-radius:5px;width:30px;height:30px;margin:3px}.fix-tolBar .NotINNavControls .Nav-options .btn-success:hover{background:#26dad2;border:1px solid #26dad2;box-shadow:0 14px 26px -12px #28bebd6b,0 4px 23px #0000001f,0 8px 10px -5px #28bebd33}.fix-tolBar .NotINNavControls .Nav-options select{font:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:thin solid #ebebf1;border-radius:4px;margin:1px 0 0 3px;padding:.5em 3.5em .5em 1em;font-size:smaller;line-height:1.3em;display:inline-block}.fix-tolBar .NotINNavControls .Nav-options .btnOpenOrder{width:65px}.fix-tolBar .NotINNavControls .Nav-options select.round{color:#506666;background-image:linear-gradient(45deg,#0000 50%,#6abb7d 50%),linear-gradient(135deg,#6abb7d 50%,#0000 50%),radial-gradient(#d4f3db 70%,#0000 72%);background-position:calc(100% - 14px) 1em,calc(100% - 9px) 1em,calc(100% - .4em) .4em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1.5em 1.5em;font-family:tahoma}.fix-tolBar .NotINNavControls .Nav-options select.round:focus{background-image:linear-gradient(45deg,#6abb7d 50%,#0000 50%),linear-gradient(135deg,#0000 50%,#6abb7d 50%),radial-gradient(#d4f3db 70%,#0000 72%);background-position:calc(100% - 12px) 1em,calc(100% - 17px) 1em,calc(100% - .5em) .4em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1.5em 1.5em;border-color:#e0e2e0;outline:0}.fix-tolBar .NotINNavControls .Nav-options select.minimal{background-image:linear-gradient(45deg,#0000 50%,gray 50%),linear-gradient(135deg,gray 50%,#0000 50%),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em}.fix-tolBar .NotINNavControls .Nav-options select.minimal:focus{background-image:linear-gradient(45deg,green 50%,#0000 50%),linear-gradient(135deg,#0000 50%,green 50%),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;border-color:green;outline:0}.fix-tolBar .NotINNavControls .Nav-options select:-moz-focusring{color:#0000;text-shadow:0 0 #000}.wrapper-NotInOrder{flex-wrap:wrap;justify-content:flex-start;width:98%;padding-top:25px;display:flex}.wrapper-NotInOrder .fixContainer{width:18%;height:fit-content;margin-right:30px}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item{background-color:#fff;border-radius:25px;height:fit-content;margin-right:25px;padding:16px;position:fixed;box-shadow:0 5px 20px #0000000d;width:inherit!important}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item h2{color:#13a0e3;text-align:right!important}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .Opt-bar{justify-content:flex-end;align-items:center;display:flex!important}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .Opt-bar .pushAction{cursor:pointer;color:#ff8c00;border:2px dashed #85c7e5;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;margin:0 7px 0 15px;padding:5px;font-size:23px;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item hr{border-top:1px dashed #21aced;margin-top:5px}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item #transparent-scroll::-webkit-scrollbar-track{background-color:#fff0;border-radius:0%;-webkit-box-shadow:inset 0 0 6px #f3f2f200}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item #transparent-scroll::-webkit-scrollbar{background-color:#bbbaba00;width:0}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item #transparent-scroll::-webkit-scrollbar-thumb{background-color:#fff0;background-image:-webkit-linear-gradient(50deg,#fff0 25%,#0000 25% 50%,#fff0 50%,#fafafa00 75%,#0000 85%,#0000);border-radius:0}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers{flex-direction:column;justify-content:flex-start;min-height:300px;max-height:300px;padding-right:5px;display:flex;overflow:hidden scroll}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item{flex-direction:row;place-content:center;align-items:flex-start;height:fit-content;margin:5px 0;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .item{background-position:50%;background-size:cover;border:2px solid #ecf0f3;border-radius:8px;width:52px;height:52px;margin:5px}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder{background-color:#f7f7f7;border-radius:0 0 15px 15px;width:80%;height:fit-content;padding-bottom:10px}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder h3{color:#479d5a;margin:5px 5px 5px 18px;font-family:Amiri,serif}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder h3 .hv{color:#5aaff7;font-size:x-small}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint{direction:ltr;flex-direction:row;justify-content:flex-start;align-items:center;height:20px;margin:4px 0 4px 15px;font-family:Amiri,serif;font-size:small;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint .Check-inOrder{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:68%;border:1px solid #ffb22b7a;border-radius:3px;width:15px;height:15px;margin:5px}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint .Check-inOrder:hover,.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint .Checked-true{background-image:url(/images/check.png)}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint strong{color:#266c8d;padding:0 5px;font-family:Amiri,serif}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint span{color:#0e100fac;font-family:Amiri,serif}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint .QV{color:#fff;font-style:revert;background-color:#5aaff7;border-radius:3px;margin:5px;padding:2px 5px;font-family:cursive}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .containers .header-item .clintOrder .clint .fa-folder{color:#64dafc}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList{height:320px;overflow:scroll}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Report{flex-direction:column;justify-content:center;align-items:center;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Report .ItemReport{background-color:#f0f8ff;border:1px dashed #a7d7ed;border-radius:6px;place-content:center space-around;align-items:center;width:98%;margin:2px;padding:10px;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Report .ItemReport div h1{color:#789}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Report .ItemReport h2{color:#6bb8db;font-size:12px}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier{text-align:right;flex-direction:row-reverse;justify-content:flex-start;align-items:center;margin:5px 0;padding:5px;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .op-btn{flex-direction:column;justify-content:space-around;min-height:80px;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .op-btn .pushAction{color:#03a9f4e6;cursor:pointer;border:1px dashed #03a9f4c4;border-radius:10px;justify-content:center;align-items:center;width:35px;height:31px;margin:0 0 0 5px;padding:5px;font-size:17px;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .op-btn .sh{color:#8fbc8f}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .pushAction:hover{cursor:pointer;color:#ffb22b;border:1px dashed #ffb22b}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .checkAction{color:#0000;cursor:pointer;border:1px dashed #dfe5e7c4;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0 10px 0 5px;padding:5px;font-size:20px;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .checkAction:hover,.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .Checked-true{color:#ffb22b;border:1px dashed #30befbe8}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .details{direction:rtl;background:#eeeeee7d;border-radius:0 0 10px 10px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:-webkit-fill-available;height:fit-content;margin:0 10px 0 0;padding:10px;font-family:Amiri,serif;font-size:11px;display:flex}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .details strong{color:#03a9f4}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item .SuppliersList .Supplier .details .title{color:#266c8d;padding:0 5px;font-family:Amiri,serif}.wrapper-NotInOrder .products-wrapper{flex-wrap:wrap;align-content:flex-start;width:75%;padding-top:45px;display:flex}.wrapper-NotInOrder .products-wrapper .Hide{opacity:.4!important}.wrapper-NotInOrder .products-wrapper .Zoom{width:315px!important;height:326px!important}.wrapper-NotInOrder .products-wrapper .product{float:left;opacity:.8;background-position:50%;background-size:cover;border:5px solid #cdd2cd;border-radius:8px;justify-content:center;align-items:flex-end;width:215px;height:190px;margin:5px;display:flex;box-shadow:-2px 2px #ecf0f3}.wrapper-NotInOrder .products-wrapper .product .product-info{justify-content:space-evenly;align-items:center;width:98%;display:flex}.wrapper-NotInOrder .products-wrapper .product .product-info .checkAction{cursor:pointer;background-color:#787e819c;border:2px solid #e5e5e5e8;border-radius:5px;width:25px;height:25px;margin:2px}.wrapper-NotInOrder .products-wrapper .product .product-info .checkAction:hover,.wrapper-NotInOrder .products-wrapper .product .product-info .checked{background-color:#048ee4c9;border:2px solid #246893}.wrapper-NotInOrder .products-wrapper .product .product-info .checked:hover{background-color:#787e819c;border:2px solid #e5e5e5e8}.wrapper-NotInOrder .products-wrapper .product .product-info .QUnV_{color:#fff;text-align:center;background-color:#058723bf;border-radius:4px;width:35px;height:34px;margin:5px;padding:5px;font-size:21px}.wrapper-NotInOrder .products-wrapper .product .product-info ._code_{color:#fff;background-color:#238dd9;border-radius:5px;width:fit-content;padding:1px 6px;font-size:14px}.wrapper-NotInOrder .products-wrapper .product:hover{cursor:pointer;border:5px solid #ffb22be8;opacity:.9!important}.wrapper-NotInOrder .products-wrapper .Selected{opacity:.9;cursor:pointer;border:5px solid #13a0e3}.wrapper-NotInOrder .products-wrapper .item-checked{opacity:.9;cursor:pointer;border:5px solid #ffb22be8}.wrapper-NotInOrder .products-wrapper i{color:#161816;margin:8px;font-size:20px}.wrapper-NotInOrder .products-wrapper .eyeView{float:right;color:#7a9999}.wrapper-NotInOrder .products-wrapper ._code_ strong{color:#fff}@media screen and (device-width<=430px){.LeftSidebar{float:left;z-index:99;background-color:#eeeeee8a;border-radius:0 10px 18px 0;align-items:center;height:100vh;padding:35px 5px 5px;display:flex;position:fixed;left:0}.wrapper-NotInOrder{flex-direction:column;align-items:flex-end;display:flex;padding-top:1px!important}.wrapper-NotInOrder .fixContainer{justify-content:space-around;height:-moz-fit-content;display:flex;width:90%!important}.wrapper-NotInOrder .fixContainer .wrapper-listOrder-item{border-radius:25px;position:relative;margin-right:0!important}.wrapper-NotInOrder .products-wrapper{place-content:flex-start center;width:90%;padding-top:15px;display:flex}.wrapper-NotInOrder .products-wrapper .product{float:left;opacity:.8;background-position:50%;background-size:cover;border:5px solid #cdd2cd;border-radius:8px;justify-content:center;align-items:flex-end;width:45%;height:160px;margin:5px;display:flex;box-shadow:-2px 2px #ecf0f3}.wrapper-NotInOrder .products-wrapper .product .product-info{justify-content:space-evenly;align-items:center;width:98%;display:flex}.wrapper-NotInOrder .products-wrapper .product .product-info .checkAction{cursor:pointer;background-color:#787e819c;border:2px solid #e5e5e5e8;border-radius:5px;width:25px;height:25px;margin:2px}.wrapper-NotInOrder .products-wrapper .product .product-info .checkAction:hover,.wrapper-NotInOrder .products-wrapper .product .product-info .checked{background-color:#048ee4c9;border:2px solid #246893}.wrapper-NotInOrder .products-wrapper .product .product-info .checked:hover{background-color:#787e819c;border:2px solid #e5e5e5e8}.wrapper-NotInOrder .products-wrapper .product .product-info .QUnV_{color:#fff;text-align:center;background-color:#058723bf;border-radius:4px;width:35px;height:34px;margin:5px;padding:5px;font-size:21px}.wrapper-NotInOrder .products-wrapper .product .product-info ._code_{color:#fff;background-color:#238dd9;border-radius:5px;width:fit-content;padding:1px 6px;font-size:14px}.wrapper-NotInOrder .products-wrapper .product:hover{cursor:pointer;border:5px solid #ffb22be8;opacity:.9!important}.wrapper-NotInOrder .products-wrapper .Selected{opacity:.9;cursor:pointer;border:5px solid #13a0e3}.wrapper-NotInOrder .products-wrapper .item-checked{opacity:.9;cursor:pointer;border:5px solid #ffb22be8}.fix-tolBar{height:110px!important;display:block!important}.fix-tolBar .NavControls{color:#6abb7d;background:#fff;border:0 solid #e7e7e7;border-radius:5px;justify-content:center;align-items:center;width:95%;margin:8px auto;padding:8px;display:flex;box-shadow:0 5px 20px #0000000d}.fix-tolBar .NavControls .Nav-options{flex-wrap:wrap;align-items:center;display:flex}.fix-tolBar .NavControls .Nav-options .round,.fix-tolBar .NavControls .Nav-options .SendPush{display:none!important}.fix-tolBar .NavControls .Nav-options #search{height:35px;margin-top:10px;width:80%!important}}.HCover{background-position-y:50%;background-repeat:no-repeat;background-size:cover;border-bottom:7px solid #6abb7d;width:102.2%;height:350px;margin-top:-5px;margin-left:-45px}.HCover .HCover__Content{height:inherit;justify-content:space-evenly;align-items:center;display:flex}.HCover .HCover__Content .counter{border-radius:15px;align-items:center;width:45%;padding:25px;display:flex}.HCover .HCover__Content .counter .SubscribeInfo{justify-content:space-around;align-items:center;width:100%;display:flex}.HCover .HCover__Content .counter .SubscribeInfo .SubscribeCount h1{color:#feffff;height:80px;font-family:Tajawal;font-size:88px;font-weight:600}.HCover .HCover__Content .counter .SubscribeInfo .SubscribeCount h1 span{font-family:monospace;font-size:20px}.HCover .HCover__Content .counter .SubscribeInfo .pageName h2{color:#fff;font-family:Aref Ruqaa;font-size:2em}.HCover .HCover__Content .upload{flex-direction:row;align-items:center;width:50%;display:flex}.HCover .HCover__Content .CoverUploaded{justify-content:flex-end}.HCover .HCover__Content .CoverUploaded .sB{color:#fff;cursor:pointer;background:#c3fcfb33;border:1px dashed #8ae5f1;border-radius:8px;width:-moz-fit-content;height:35px;margin:5px;padding-left:20px;padding-right:20px;font-weight:700}.HCover .HCover__Content .CoverUploaded .sB:hover{color:#fff;background:#129390c2;font-weight:700}.HCover .HCover__Content .CoverUploaded .btn{opacity:.4;cursor:pointer;color:#eaeeef54;background-color:#b8bec147;background-image:url(/images/camera.png);background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:50%;width:80px;height:80px;font-size:xxx-large;transition:opacity .3s,color .3s}.HCover .HCover__Content .CoverUploaded .btn:hover{color:#ffffff96;opacity:.9;animation:1.2s ease-in-out infinite blinkEffect}.HCover .HCover__Content .CoverUploaded .btn.blink{animation:1.2s ease-in-out infinite blinkEffect}.HCover .HCover__Content .CoverUploaded .btn.Transition{transition:opacity .3s,color .3s}.HCover .HCover__Content .CoverUploaded .btn input[type=file]{opacity:0;height:inherit;width:inherit;top:0;left:0}@keyframes blinkEffect{0%,to{opacity:.4;color:#eaeeef54}50%{opacity:.9;color:#ffffff96}}.HCover .HCover__Content .custom{background:#7bb7d13b;flex-direction:row;justify-content:center;align-items:center;display:flex}.HCover .HCover__Content .custom .subscribe{justify-content:space-between;align-items:center;width:100%;display:flex}.HCover .HCover__Content .custom .subscribe .sB{color:#071211;cursor:pointer;background:#c3fcfb33;border:1px dashed #8ae5f1;border-radius:8px;width:40%;height:35px;margin:5px;padding-left:20px;padding-right:20px;font-weight:700}.HCover .HCover__Content .custom .subscribe .sB:hover,.HCover .HCover__Content .custom .subscribe .IsSubscribe{color:#fff;background:#129390c2;font-weight:700}.HCover .HCover__Content .custom .subscribe .fllowers{justify-content:center;align-items:center;width:60%;height:45px;display:flex}.HCover .HCover__Content .custom .subscribe .fllowers .fllower{background-image:url(/images/DefaultCover.png);background-repeat:no-repeat;background-size:cover;border:2px solid #fdffff;border-radius:50%;width:45px;height:45px;margin-left:-17px}.HCover .HCover__Content .custom .subscribe .fllower:hover{cursor:pointer;border:4px solid #307e7ead;width:50px;height:50px;position:relative}.container-post{background:#fff;border:0 #fff;flex-flow:wrap;justify-content:center;width:100%;margin:0 5px;padding:20px;display:flex;border-right:4px solid #fff!important}.container-post .productSize{flex-direction:row;justify-content:center;display:flex}.container-post .productSize .S_NUM{cursor:pointer;color:#5f9ea0;border:1px dashed #b1d5c6;border-radius:4px;margin:3px;padding:3px}.container-post .productSize .S_NUM:hover,.container-post .productSize .Size-checked{color:#046372b3;background:#d4f3db;border:1px solid #a9d9b4cf}.container-post .ActionPost{flex-direction:column;justify-content:space-around;align-items:center;width:17%;margin:0 5px 0 10px;display:flex}.container-post .ActionPost .user_{flex-direction:column;justify-content:center;align-items:center;display:flex}.container-post .ActionPost .user_ .UserActionButton{background-repeat:no-repeat;background-size:cover;border-radius:50px;width:70px;height:70px}.container-post .ActionPost .user_ .uN_{color:#696969;text-align:center;cursor:pointer;padding:10px;font-family:Tajawal;font-size:20px}.container-post .ActionPost .user_ .uN_:hover{text-decoration:underline}.container-post .ActionPost .Quantity{text-align:center;flex-direction:column;align-items:center;margin:15px;font-size:27px;display:flex}.container-post .ActionPost .ActivQty{color:#ff5722cc}.container-post .ActionPost .PostActionLikesButton{color:#7d8584;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:70px;margin:15px;font-family:Tajawal;font-size:27px;display:flex}.container-post .ActionPost .PostActionLikesButton .islike{color:#f73636db}.container-post .ActionPost .Like{cursor:pointer}.container-post .ActionPost .Like:hover{color:#f73636db}.container-post .content{text-align:start;direction:rtl;width:60%;padding:10px;font-family:Tajawal}.container-post .content span{color:#4e4a4a;white-space:pre-wrap;font-family:Arial;line-height:17.9999px}.container-post .content h3{text-shadow:-4px 2px 6px #b5aeae;text-align:center;margin:5px;font-family:Tajawal;font-size:xx-large}.container-post .imgPost{opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:flex-end;width:80%;height:370px;transition:all .6s ease-in-out;display:flex}.container-post .imgPost .Media-content{color:#483d8b;background-color:#fbfbfb5e;border-radius:8px;justify-content:center;align-items:center;width:165px;height:165px;margin:20px;display:flex}.container-post .imgPost .Media-content .imgsGrid{height:inherit;flex-wrap:wrap;place-content:center;align-items:center;display:flex;overflow:hidden}.container-post .imgPost .Media-content .imgsGrid .thmImg{cursor:pointer;opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;width:75px;height:72px;margin:1px;transition:transform 1.5s,opacity 1.5s}.container-post .imgPost .Media-content .imgsGrid .thmImg:nth-child(n+5){display:none}.container-post .imgPost .Media-content .imgsGrid .thmImg:hover{opacity:1;transform:scale(1.03)}.container-post .imgPost .Media-content .love-container{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ff4081;border-radius:10px;padding:20px 40px;font-size:1.8rem;transition:background .3s;display:inline-block;position:relative;overflow:hidden}.container-post .imgPost .Media-content .love-container:hover{background:#ff6199}.container-post .imgPost .Media-content .love-container .heart{opacity:0;pointer-events:none;font-size:1.5rem;animation:1.2s ease-out forwards floatUp;position:absolute}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.container-post .imgPost .Media-content .count{z-index:2;position:absolute}.container-post .imgPost .Media-content .count span{color:#fbfbfb;font-family:cursive;font-size:75px;font-weight:700}.container-post .imgPost .buyAction{color:#483d8b;background-color:#fbfbfb82;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:65px;margin:20px;padding:0 20px;display:flex}.container-post .imgPost .buyAction .ADtoCrt{cursor:pointer;color:#f3f5f7;font-size:x-large}.container-post .imgPost:hover{opacity:9;height:570px;transform:scale(1.02)}.container-post .imgPost:hover .ADtoCrt{color:#ff5722cc;font-size:xx-large}.container-post:hover{margin:5px;border-right:4px solid #8a2be2!important}.wrapper-product{justify-content:center;align-items:flex-start;margin:25px;display:flex}.wrapper-product .Box{background:#fff;border:0 solid #e7e7e7;border-radius:5px;margin:5px;padding:20px}.wrapper-product .WallPosts{flex-direction:column;justify-content:flex-start;align-items:center;width:50%;display:flex}.wrapper-product .WallPosts .conte-center{border-bottom:1px dashed #9ccce180;border-radius:15px 15px 0 0;flex-direction:row;justify-content:space-between;align-items:flex-start;width:fit-content;margin:5px 0 0;display:flex}.wrapper-product .WallPosts .conte-center .hide{display:none}.wrapper-product .WallPosts .conte-center .CustomForm{width:100%!important}.wrapper-product .WallPosts .conte-center .ProductForm{text-align:right;direction:rtl;width:50%}.wrapper-product .WallPosts .conte-center .ProductForm .product_description textarea{color:#645f6aeb;text-align:right;resize:none;direction:rtl;border:1px solid #eeeeeeb8;border-radius:8px;outline:none;width:100%;max-width:425px;height:85px;margin:5px;padding:10px;font-family:Tajawal;font-size:15px;overflow:hidden}.wrapper-product .WallPosts .conte-center .ProductForm .productSize{flex-direction:row-reverse;justify-content:space-evenly;display:flex}.wrapper-product .WallPosts .conte-center .ProductForm .productSize .S_NUM{cursor:pointer;color:#5f9ea0;border:1px dashed #b1d5c6;border-radius:4px;margin:3px;padding:3px}.wrapper-product .WallPosts .conte-center .ProductForm .productSize .S_NUM:hover,.wrapper-product .WallPosts .conte-center .ProductForm .productSize .Size-checked{color:#046372b3;background:#d4f3db;border:1px solid #a9d9b4cf}.wrapper-product .WallPosts .conte-center .ProductForm .ProductPrice{justify-content:space-evenly;align-items:center;display:flex}.wrapper-product .WallPosts .conte-center .ProductForm .ProductPrice input[type=text]{text-align:center;color:#777a7d;direction:ltr;width:25%;padding-top:10px;font-size:medium}.wrapper-product .WallPosts .conte-center .ProductForm input[type=text]{color:#645f6aeb;text-align:right;text-shadow:-4px 2px 6px #948c8c;direction:rtl;border:1px solid #eeeeeeb8;border-radius:8px;outline:none;margin:5px;padding:5px;font-family:Tajawal;font-size:33px}.wrapper-product .WallPosts .conte-center .ProductForm .productName{width:100%}.wrapper-product .WallPosts .conte-center .ProductForm .Hashtag{flex-flow:wrap;justify-content:flex-start;padding:10px;display:flex}.wrapper-product .WallPosts .conte-center .ProductForm .Hashtag .times-remov{color:#b7b4b4;margin-left:10px}.wrapper-product .WallPosts .conte-center .ProductForm .Hashtag .times-remov:hover{color:red;margin-left:10px}.wrapper-product .WallPosts .conte-center .ProductForm .Hashtag .Hash{color:#464a40;margin:5px;font-family:Harmattan;line-height:.6}.wrapper-product .WallPosts .conte-center .ProductForm .Hashtag .Hash:hover{color:#673ab7;text-decoration:underline}.wrapper-product .WallPosts .conte-center .ProductForm .Hashtag .custom-Hash{color:#8a2be2;font-size:x-large}.wrapper-product .WallPosts .conte-center .upload-btn-wrapper{cursor:pointer;opacity:.8;background-color:#a5d8e817;background-repeat:no-repeat;background-size:100%;border:1px dashed #dbe0e1;border-radius:5px 5px 25px 25px;width:395px;height:350px;margin:8px}.wrapper-product .WallPosts .conte-center .upload-btn-wrapper input[type=file]{opacity:0;height:inherit;width:inherit;top:0;left:0}.wrapper-product .WallPosts .conte-center .upload-btn-wrapper:hover{opacity:.9}.wrapper-product .WallPosts .custom-container{height:87px;overflow:hidden;width:100%!important}.wrapper-product .WallPosts .formAction{justify-content:center;align-items:center;display:flex}.wrapper-product .WallPosts .formAction .savform{background-position:50%;background-repeat:no-repeat;background-size:59%;border:1px dashed #35aaf3;border-radius:5px;width:35px;height:35px;margin:5px}.wrapper-product .WallPosts .formAction .Checked-true,.wrapper-product .WallPosts .formAction .savform:hover{background-image:url(/images/check.png)}.wrapper-product .WallPosts .formAction .btn-success{color:#fffbfb;cursor:pointer;background:#03a9f4b5;border:1px solid #90caf9;border-radius:4px;width:50%;margin:5px;padding:13px;font-family:monospace;font-size:21px;transition:all .2s ease-in;box-shadow:0 2px 2px #e3f2fd,0 3px 1px -2px #28bebd33,0 1px 5px #b3e5fc}.wrapper-product .WallPosts .formAction .btn-success:hover{background:#59d38b;border:1px solid #f1f8e9;border-radius:15px;box-shadow:0 2px 2px #f1f8e9,0 3px 1px -2px #dcedc8,0 1px 5px #d8f7b5b0}.wrapper-product .conte-left-side{flex-flow:wrap;justify-content:flex-end;width:20%;display:flex}.wrapper-product .conte-left-side .cat{color:#5f9ea0;cursor:pointer;background:#c3fcfb33;border:1px dashed #8ae5f1;border-radius:8px;width:fit-content;height:29px;margin:5px;padding-left:20px;padding-right:20px}.wrapper-product .conte-left-side .cat:hover{color:#086252;background:#28bebd6b}.wrapper-product .conte-left-side .IsSelected{color:#2e3425;background:#28bebd6b}.wrapper-product .conte-left-side .tagsContainer{direction:rtl;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:10px;max-width:420px;margin:auto;display:flex}.wrapper-product .conte-left-side .tagsContainer .tagItem{color:#07a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#eaf6ffdc;border:1px solid #cce6f5;border-radius:5px;max-width:100px;padding:3px 14px;font-size:12px;font-weight:500;transition:all .25s ease-in-out;overflow:hidden}.wrapper-product .conte-left-side .tagsContainer .tagItem:hover{transform:scale(1.05);box-shadow:0 2px 8px #0077aa40}.wrapper-product .conte-left-side .tagsContainer .tagItem:not(:nth-child(-n+10)){display:none}.wrapper-product .conte-right-side{width:20%}@media screen and (width<=780px){.wrapper-product .conte-left-side,.wrapper-product .conte-right-side{display:none}.wrapper-product .WallPosts{width:100%}.wrapper-product .WallPosts .conte-center{border-radius:15px 15px 0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.wrapper-product .WallPosts .conte-center .upload-btn-wrapper{width:98%}.wrapper-product .WallPosts .conte-center .ProductForm{width:100%}}@media screen and (width<=870px){.wrapper-product .conte-left-side,.wrapper-product .conte-right-side{display:none}.wrapper-product .WallPosts{width:100%}.wrapper-product .WallPosts .conte-center{border-radius:15px 15px 0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.wrapper-product .WallPosts .conte-center .upload-btn-wrapper{width:98%}.wrapper-product .WallPosts .conte-center .ProductForm{width:100%}}@media screen and (device-width>=320px) and (device-width<=480px){.wrapper-product .conte-left-side,.wrapper-product .conte-right-side{display:none}.wrapper-product .WallPosts{width:100%}.wrapper-product .WallPosts .conte-center{border-radius:15px 15px 0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.wrapper-product .WallPosts .conte-center .upload-btn-wrapper{width:98%}.wrapper-product .WallPosts .conte-center .ProductForm{width:100%}.wrapper-product .WallPosts .container-post{flex-direction:column;align-items:center;width:100%;display:flex}.wrapper-product .WallPosts .container-post .ActionPost{flex-direction:row-reverse;justify-content:space-around;align-items:center;width:90%;margin:0 5px 0 10px;display:flex}.wrapper-product .WallPosts .container-post .ActionPost .user_{flex-direction:row-reverse;justify-content:center;align-items:center;display:flex}.wrapper-product .WallPosts .container-post .content{width:90%}}.NavControls{color:#6abb7d;background:#fff;border:0 solid #e7e7e7;border-radius:5px;justify-content:center;align-items:center;width:95%;margin:8px auto;padding:8px;display:flex;box-shadow:0 5px 20px #0000000d}.NavControls .Nav-options{justify-content:flex-start;align-items:center;display:flex}.NavControls .Nav-options .dateCalender{width:100px}.NavControls .Nav-options .SearchClintInvoices{color:#647073;text-align:center;direction:rtl;background:url(/images/sh-robot.gif) 10px/21px no-repeat;border:2px dashed #dae2e4;border-radius:19px;outline-style:none;width:19%;height:25px;padding:14px;font-size:13px}.NavControls .Nav-options .btn-success{-o-transition:.2s ease-in;background:#26dad2;border:1px solid #26dad2;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.NavControls .Nav-options .AtoCalc{cursor:pointer;text-align:center;border:1px dashed #eee;border-radius:7px;width:30px;height:30px;margin:auto auto auto 4px;padding:5px;font-size:13px}.NavControls .Nav-options .AtoCalc:hover{border:1px dashed #048ee4}.NavControls .Nav-options input{text-align:center;color:#6abb7d;border:1px solid #eee;border-radius:5px;width:58px;height:30px;margin:5px}.NavControls .Nav-options input:focus{outline:none}.NavControls .Nav-options button{text-align:center;color:#fafafa;border:1px solid #eee;border-radius:5px;width:30px;height:30px;margin:3px}.NavControls .Nav-options .btn-succesds:hover{background:#26dad2;border:1px solid #26dad2;box-shadow:0 14px 26px -12px #28bebd6b,0 4px 23px #0000001f,0 8px 10px -5px #28bebd33}.NavControls .Nav-options .btn-red{color:#fff;background:#fb3a3a;border:1px solid #fb3a3a}.NavControls .Nav-options .btn-success:hover{opacity:.7;color:#fff;background:#d61f1f;border:1px solid #d61f1f}.NavControls .Nav-options .btn-red:active{color:#fff;background:#d61f1f;border:1px solid #d61f1f}.NavControls .Nav-options select{font:inherit;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:thin solid #ebebf1;border-radius:4px;margin:1px 0 0 3px;padding:.5em 3.5em .5em 1em;font-size:smaller;line-height:1.3em;display:inline-block}.NavControls .Nav-options .btnOpenOrder{width:94%}.NavControls .Nav-options select.round{color:#506666;background-image:linear-gradient(45deg,#0000 50%,#6abb7d 50%),linear-gradient(135deg,#6abb7d 50%,#0000 50%),radial-gradient(#d4f3db 70%,#0000 72%);background-position:calc(100% - 14px) 1em,calc(100% - 9px) 1em,calc(100% - .4em) .4em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1.5em 1.5em;font-family:tahoma}.NavControls .Nav-options select.round:focus{background-image:linear-gradient(45deg,#6abb7d 50%,#0000 50%),linear-gradient(135deg,#0000 50%,#6abb7d 50%),radial-gradient(#d4f3db 70%,#0000 72%);background-position:calc(100% - 12px) 1em,calc(100% - 17px) 1em,calc(100% - .5em) .4em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1.5em 1.5em;border-color:#e0e2e0;outline:0}.NavControls .Nav-options select.minimal{background-image:linear-gradient(45deg,#0000 50%,gray 50%),linear-gradient(135deg,gray 50%,#0000 50%),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em}.NavControls .Nav-options select.minimal:focus{background-image:linear-gradient(45deg,green 50%,#0000 50%),linear-gradient(135deg,#0000 50%,green 50%),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;border-color:green;outline:0}.NavControls .Nav-options select:-moz-focusring{color:#0000;text-shadow:0 0 #000}.modern-list-container{direction:rtl;background:0 0;flex-direction:column;width:100%;padding:0 10px;font-family:Tajawal,sans-serif;display:flex}.modern-list-container .list-item{border-bottom:1px solid #f1f4f5;border-radius:45px;justify-content:space-between;align-items:center;padding:10px 15px;transition:transform .2s,background-color .2s;display:flex}.modern-list-container .list-item:last-child{border-bottom:none}.modern-list-container .list-item:hover{background-color:#fdfdfd;border-radius:8px;padding-left:10px;padding-right:10px;transform:translate(-5px)}.modern-list-container .list-item .item-info{align-items:center;gap:15px;display:flex}.modern-list-container .list-item .item-info .avatar-icon{color:#0ea5e9;background-color:#e0f2fe;border:2px solid #bae6fd;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.modern-list-container .list-item .item-info .details{flex-direction:column;gap:4px;display:flex}.modern-list-container .list-item .item-info .details .name{color:#1f2937;font-size:1.05rem;font-weight:700}.modern-list-container .list-item .item-info .details .sub-text{color:#10b981;font-size:.85rem;font-weight:600}.modern-list-container .list-item .item-info .details .date{color:#6b7280;font-size:.85rem;font-weight:500}.modern-list-container .list-item .item-actions{align-items:center;gap:15px;display:flex}.modern-list-container .list-item .item-actions .total-badge{color:#3b82f6;background:#eff6ff;border-radius:20px;padding:5px 15px;font-size:1.05rem;font-weight:800}.modern-list-container .list-item .item-actions .buttons-group{gap:8px;display:flex}.modern-list-container .list-item .item-actions .buttons-group .action-btn{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;text-decoration:none;transition:transform .2s,filter .2s;display:flex}.modern-list-container .list-item .item-actions .buttons-group .action-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.modern-list-container .list-item .item-actions .buttons-group .action-btn.print{background-color:#34d399;box-shadow:0 4px 10px #34d3994d}.modern-list-container .list-item .item-actions .buttons-group .action-btn.view{background-color:#3b82f6;box-shadow:0 4px 10px #3b82f64d}.modern-list-container .list-item:hover,.modern-list-container .is-selected{background-color:#f8f8ff;border-radius:45px;padding:8px 15px}.modern-list-container .empty-list{text-align:center;color:#9ca3af;padding:30px;font-size:1rem;font-weight:700}@media (width<=600px){.modern-list-container .list-item{flex-direction:column;align-items:flex-start;gap:15px}.modern-list-container .list-item .item-actions{justify-content:space-between;width:100%}}main{grid-area:main}main .wrapper-invoice{justify-content:center;width:100%;margin:75px 25px 0;display:flex}main .wrapper-invoice .UnLockOrder{cursor:pointer}main .wrapper-invoice .Inv-wrapper-right-side{flex-direction:column;width:24%;padding:7px;display:flex}main .wrapper-invoice .Inv-wrapper-right-side .Content-2{height:100px}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis{background-color:#fff;border:1px solid #e7e7e7ab;border-radius:25px;min-height:fit-content;margin:15px;padding:25px 10px;box-shadow:0 5px 20px #0000000d}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis hr{border:1px solid #e7e7e7ab;margin:5px}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .TopClint{border-bottom:1px solid #f1f4f5;flex-direction:row-reverse;justify-content:flex-start;align-items:center;height:30px;margin:2px;display:flex}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .TopClint span{margin-left:10px}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .TopClint .City{color:#5aaff7}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .TopClint .City:after{content:" ⭐️ ";font-size:11px}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .TopClint .QV{color:#fff;font-style:revert;background-color:#5aaff7;border-radius:3px;margin:5px;padding:2px 5px;font-family:cursive}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .TopClint .userImg{float:left;opacity:.7;background-color:#cad3d863;background-image:url(/images/DefaultCover.png);background-size:cover;border-radius:50%;width:22px;height:22px;margin:6px}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .TopClint:hover{border-bottom:1px dashed #c1d3e3}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis h1{color:#0cbb8b;text-align:center;font-family:cursive;font-size:xxx-large}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis h3{color:currentColor;text-align:center;font-family:monospace}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .mQ{color:#a0a7a1;font-size:xx-large;-webkit-text-decoration:line-through dashed #77a79a;text-decoration:line-through dashed #77a79a}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .tprf{color:#cd10ab;font-size:xx-large}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .wallet{flex-flow:wrap;justify-content:center;align-items:center;display:flex}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .wallet div{color:#008b8b;justify-content:center;align-items:center;width:28%;height:30px;display:flex}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .wallet div img{height:25px;margin:5px}main .wrapper-invoice .Inv-wrapper-right-side .Content-Analysis .wallet div span{font-size:12px}main .wrapper-invoice .list-orders-wrapper{width:68%}main .wrapper-invoice .list-orders-wrapper a{color:#708090}main .wrapper-invoice .list-orders-wrapper .Wallet_img{border-radius:3px;width:25px;height:20px}@media screen and (device-width<=430px){.NavControls{color:#6abb7d;background:#fff;border:0 solid #e7e7e7;border-radius:5px;justify-content:center;align-items:center;width:98%;margin:8px auto;padding:8px;display:flex;position:relative;box-shadow:0 5px 20px #0000000d;z-index:100!important}.NavControls .Nav-options{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.NavControls .Nav-options .SearchClintInvoices{width:75%!important}.NavControls .Nav-options .btn-success{-o-transition:.2s ease-in;background:#26dad2;border:1px solid #26dad2;transition:all .2s ease-in;box-shadow:0 2px 2px #28bebd24,0 3px 1px -2px #28bebd33,0 1px 5px #28bebd1f}.NavControls .Nav-options .btn-success:hover{background:#26dad2;border:1px solid #26dad2;box-shadow:0 14px 26px -12px #28bebd6b,0 4px 23px #0000001f,0 8px 10px -5px #28bebd33}.NavControls .Nav-options .AtoCalc{cursor:pointer;text-align:center;border:1px dashed #eee;border-radius:7px;width:30px;height:30px;margin:auto auto auto 4px;padding:5px;font-size:13px}.NavControls .Nav-options .AtoCalc:hover{border:1px dashed #048ee4}.NavControls .Nav-options input{text-align:center;color:#6abb7d;border:1px solid #eee;border-radius:5px;width:58px;height:30px;margin:5px}.NavControls .Nav-options input:focus{outline:none}.NavControls .Nav-options button{text-align:center;color:#fafafa;border:1px solid #eee;border-radius:5px;width:30px;height:30px;margin:3px}.wrapper-invoice{margin:unset;flex-direction:column-reverse;justify-content:center;padding-left:55px;display:flex}.wrapper-invoice .Inv-wrapper-right-side{width:100%}.wrapper-invoice .list-orders-wrapper{display:none!important}}body{font-size:16px}body .Layout .main-print-invoice{color:#373838;background:#fff;width:100%;max-height:100%;margin:auto;padding-top:10px;font-weight:700}body .Layout .main-print-invoice .FooterInvoice{width:95%;margin:10px}body .Layout .main-print-invoice .FooterInvoice .priv{float:left;width:75%}body .Layout .main-print-invoice .FooterInvoice .priv h2{text-align:right;direction:rtl;font-size:17px}body .Layout .main-print-invoice .FooterInvoice .priv h2 strong,body .Layout .main-print-invoice .FooterInvoice .priv h2 div{color:red}body .Layout .main-print-invoice .FooterInvoice .total{float:right;width:20%;margin-top:10px}body .Layout .main-print-invoice .FooterInvoice .total h1{color:#2372b1;text-align:right;direction:rtl;margin:3px;padding:0}body .Layout .main-print-invoice .FooterInvoice .total h1:first-of-type{color:#939b9d;text-decoration:line-through}body .Layout .main-print-invoice .FooterInvoice .total .inv-mony{font-weight:unset;text-align:right;font-size:12px}body .Layout .main-print-invoice .row{direction:rtl;flex-direction:row-reverse;justify-content:space-between;margin-bottom:15px;margin:0!important}body .Layout .main-print-invoice .row .col-lg-5{float:left;width:250px}body .Layout .main-print-invoice .row .col-lg-5 .marketer_s{direction:rtl}body .Layout .main-print-invoice .row .col-lg-7{float:right;padding-right:10px}body .Layout .main-print-invoice img{width:100%!important}body .Layout .main-print-invoice .clerfx{clear:both;background:#fff;width:100%;height:10px}body .Layout .main-print-invoice .TC_,body .Layout .main-print-invoice h3,body .Layout .main-print-invoice h4{text-align:center}body .Layout .main-print-invoice h4{font-style:italic;text-decoration:underline}body .Layout .main-print-invoice table{margin:auto}body .Layout .main-print-invoice table td{padding-left:5px}body .Layout .main-print-invoice table thead{background:#eee}body .Layout .main-print-invoice table thead th{background:#eee;height:35px}body .Layout .main-print-invoice table tbody tr{height:25px;vertical-align:inherit;border-color:inherit;display:table-row}body .Layout .main-print-invoice table tbody tr td:nth-child(n+4){text-align:center}body .Layout .main-print-invoice table,body .Layout .main-print-invoice th,body .Layout .main-print-invoice td{border-collapse:collapse}body .tbor{border:1px solid #7b9aa9a8}body .Signature{width:685px;margin:10px auto auto}body .Signature h4{text-align:left}@media print{@page{size:a5;margin:22px 0 40px}@page{size:portrait}body .Layout{background:#fff}}.wrapper-container .cat_nav_Owne{padding:25px 0 5px 25px}.wrapper-container .cat_nav_Owne .p-title{justify-content:center;align-items:center;width:25%;display:flex}.wrapper-container .cat_nav_Owne hr .style16{border:none;border-top:1px dashed #a0d2fc61;margin-top:20px}.wrapper-container .cat_nav_Owne hr .style16:after{content:"✂";color:#03a9f4;padding:0 3px;font-size:18px;display:inline-block;position:relative;top:-15px;left:47px}.wrapper-container .cat_nav_Owne .SearchCat{justify-content:center;align-items:center;width:25%;display:flex}.wrapper-container .cat_nav_Owne .SearchCat input{color:#647073;text-align:center;direction:rtl;background:url(/images/sh-robot.gif) 10px/30px no-repeat;border:2px dashed #dae2e4;border-radius:19px;outline-style:none;width:75%;height:50px;padding:16px;font-size:1.08em}.wrapper-container .cat_nav_Owne #MainCat{justify-content:center;width:50%;display:flex}.wrapper-container .cat_nav_Owne #MainCat .cat_H:hover{border:3px dashed #10c0e5;width:165px}.wrapper-container .cat_nav_Owne #MainCat .cat_H:hover .TotaleCat h1,.wrapper-container .cat_nav_Owne #MainCat .cat_H:hover .TotaleCat span{display:block}.wrapper-container .cat_nav_Owne #MainCat .cat_H{border:3px dashed #dbdfe6;border-radius:15px;align-items:center;width:85px;height:85px;margin:5px;display:flex;overflow:hidden}.wrapper-container .cat_nav_Owne #MainCat .cat_H .TotaleCat{text-align:center}.wrapper-container .cat_nav_Owne #MainCat .cat_H .TotaleCat h1{color:#5db3be;margin:15px 10px 0;padding-bottom:0;font-size:1.5em;font-weight:bolder;line-height:35px;display:none}.wrapper-container .cat_nav_Owne #MainCat .cat_H .TotaleCat span{color:#5f9ea0;display:none}.wrapper-container .cat_nav_Owne #MainCat .cat_H .Cat_img{float:left;opacity:.7;background-color:#cad3d863;background-repeat:no-repeat;background-size:cover;border-radius:5px;width:70px;height:71px;margin:5px}.wrapper-container .mainCat{border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:25px;padding:15px;display:flex}.wrapper-container .mainCat .addCat{flex-direction:column;justify-content:center;align-items:center;width:20%;margin-right:5px;display:flex}.wrapper-container .mainCat .addCat .Cont_cat_Cover{background-image:url(/images/no-product.png);width:100%;height:190px}.wrapper-container .mainCat .addCat .Cont_cat_Cover input[type=file]{opacity:0;height:150px;width:inherit;top:0;left:0}.wrapper-container .mainCat .addCat input,.wrapper-container .mainCat .addCat textarea{text-align:left;resize:none;direction:ltr;border:none;border-radius:5px;outline-style:none;width:95%}.wrapper-container .mainCat .addCat .Cont_cat input::placeholder,.wrapper-container .mainCat .addCat .Cont_cat textarea::placeholder{color:#b3c2c5}.wrapper-container .mainCat .addCat .Gallery_title{color:#657165;margin:5px;padding:8px}.wrapper-container .mainCat .addCat .Gallery_subtitle{color:#1c1d1dab;height:65px;margin:5px;padding:10px;font-size:medium;overflow:hidden}.wrapper-container .mainCat .addCat .Cont_cat_input{background:#fff;border-bottom:2px solid #0000}.wrapper-container .mainCat .addCat .Cont_cat_input .Gallery_title:hover{background:#f1f1f14f}.wrapper-container .mainCat .addCat .Cont_cat_input .desc{height:77px;display:block}.wrapper-container .mainCat .addCat .Cont_cat_input .desc .counterC{color:#5f9ea0;text-align:center;background-color:#d0cdcd6b;border-radius:4px;width:25px;margin:10px;padding:5px;font-size:12px;position:relative;top:-53px}.wrapper-container .mainCat .addCat .Cont_cat_Button #ActionButon_{color:#368299;justify-content:space-between;align-items:center;display:flex}.wrapper-container .mainCat .addCat .Cont_cat_Button #ActionButon_ svg{color:#0000}.wrapper-container .mainCat .addCat .Cont_cat_Button #ActionButon_:hover svg{color:#368299}.wrapper-container .mainCat .MainCatW{flex-wrap:wrap;justify-content:center;align-items:flex-start;width:75%;display:flex}.wrapper-container .mainCat .MainCatW .grid-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex;width:100%!important}.wrapper-container .mainCat .Cont_cat{background-color:#fafafa;border:2px dashed #9dc1c542;border-radius:25px;width:285px;margin-bottom:10px;margin-left:10px;padding:0}.wrapper-container .mainCat .Cont_cat .Cont_cat_Cover{color:#ced0d08a;cursor:pointer;background-image:url(/images/no-product.png);background-size:cover;border-bottom:2px solid #fff;border-radius:24px 24px 0 0;width:100%;height:190px;font-size:45px;position:relative}.wrapper-container .mainCat .Cont_cat .Cont_cat_Cover:hover{border-bottom:2px dashed #42afaf}.wrapper-container .mainCat .Cont_cat h1{text-align:center;color:#0b0b0e;margin:2px;padding:5px 0 0;font-family:Amiri,serif;font-size:24px}.wrapper-container .mainCat .Cont_cat .Cont_cat_desc{text-align:center;color:#757879;padding:0 5px;font-size:small}.wrapper-container .mainCat .Cont_cat .Cont_cat_Button{margin:15px}.wrapper-container .mainCat .Cont_cat .Cont_cat_Button .action-btn{align-items:center;display:flex}.wrapper-container .mainCat .Cont_cat .Cont_cat_Button .action-btn .btn{margin:0 5px}.wrapper-container .mainCat .Cont_cat .Cont_cat_Button .btn{cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;direction:rtl;background:#fff;border:1px solid #0000;border-radius:.25rem;width:100%;height:43px;margin-bottom:5px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.wrapper-container .mainCat .Cont_cat .Cont_cat_Button .btn:hover{background-color:#e9e9e9;border:1px dashed #9dc1c542}.wrapper-container .mainCat .Cont_cat:hover{border:2px dashed #73cad8}.wrapper-container .mainCat .isActiveEditable{border:2px dashed #7de603}.wrapper-container .mainCat .isActiveDelete{border:2px dashed #f5241494}@media screen and (width<=780px){.wrapper-container .cat_nav_Owne .p-title,.wrapper-container .cat_nav_Owne .SearchCat,.wrapper-container .cat_nav_Owne #MainCat{width:98%}}@media screen and (width<=870px){.wrapper-container .cat_nav_Owne .p-title,.wrapper-container .cat_nav_Owne .SearchCat,.wrapper-container .cat_nav_Owne #MainCat{width:98%}}@media screen and (width<=430px){.wrapper-container{height:unset!important}.wrapper-container .cat_nav_Owne{justify-content:center;display:flex}.wrapper-container .cat_nav_Owne .row{flex-direction:column;align-items:center;margin:0;padding-bottom:5px;display:flex}.wrapper-container .cat_nav_Owne #MainCat{flex-wrap:wrap;justify-content:center;width:97%;display:flex}.wrapper-container .mainCat{border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;padding:15px;display:flex}.wrapper-container .mainCat .addCat{align-items:flex-end;display:flex;width:100%!important}.wrapper-container .mainCat .addCat .Cont_cat{width:88%!important}.wrapper-container .mainCat .MainCatW{justify-content:flex-end;width:100%;display:flex}.wrapper-container .mainCat .MainCatW .Cont_cat{background-color:#fafafa;border:2px dashed #9dc1c542;border-radius:25px;margin-bottom:10px;margin-left:10px;padding:0;width:90%!important}}.blocks-container .block-item-card{break-inside:avoid;page-break-inside:avoid;direction:rtl;background-color:#fafafa;border:2px dashed #dbdfe6;border-radius:25px;flex-direction:column;width:100%;max-width:285px;height:fit-content;margin-bottom:20px;font-family:Tajawal,sans-serif;display:inline-flex;overflow:hidden}.blocks-container .block-item-card .TRansition{transition:all .3s ease-in-out}.blocks-container .block-item-card:hover{border-color:#73cad8}.blocks-container .block-item-card.text-only-card{padding-top:15px}.blocks-container .block-item-card.text-only-card .block-title{color:#1976d2}.blocks-container .block-item-card .Cont_block_Cover{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fff;border-radius:24px 24px 0 0;justify-content:flex-start;width:100%;height:210px;display:flex;position:relative}.blocks-container .block-item-card .Cont_block_Cover:hover{border-bottom:2px dashed #42afaf}.blocks-container .block-item-card .Cont_block_Cover .type-badge{color:#fff;z-index:2;background:#00000080;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;bottom:10px;left:10px}.blocks-container .block-item-card .Cont_block_Cover .MultipleIMG_bar{z-index:2;background:linear-gradient(90deg,#fff0 0%,#fff9 100%);border-radius:0 24px 0 0;flex-wrap:wrap;place-content:center;width:85px;height:100%;padding:10px 10px 0 0;display:flex}.blocks-container .block-item-card .Cont_block_Cover .Item{cursor:pointer;background-color:#fbfefec4;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:6px;justify-content:flex-end;align-items:flex-start;width:32px;height:32px;margin:2px;display:flex;position:relative;box-shadow:0 1px 3px #0003}.blocks-container .block-item-card .Cont_block_Cover .Item.checked{border-color:#10c0e5;transform:scale(1.05);box-shadow:0 0 5px #10c0e580}.blocks-container .block-item-card .Cont_block_Cover .Item .RemoveImg{opacity:0;color:#fff;cursor:pointer;background:#f00c;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;display:flex;position:absolute;top:-4px;right:-4px}.blocks-container .block-item-card .Cont_block_Cover .Item .RemoveImg i{font-size:8px}.blocks-container .block-item-card .Cont_block_Cover .Item:hover .RemoveImg{opacity:1}.blocks-container .block-item-card .Cont_block_Cover.audio-placeholder{color:#ced0d0;background-color:#f4f6f6;justify-content:center;align-items:center;display:flex}.blocks-container .block-item-card .block-title{text-align:center;color:#34495e;margin:2px;padding:10px 5px 0;font-size:20px;font-weight:700}.blocks-container .block-item-card .block-title .payload-hint{color:#95a5a6;font-size:12px;font-weight:400}.blocks-container .block-item-card .block-desc{text-align:center;color:#757879;padding:5px 15px 10px;font-size:13px;line-height:1.5}.blocks-container .block-item-card .block-inline-keyboard{flex-direction:column;gap:6px;padding:0 15px 10px;display:flex}.blocks-container .block-item-card .block-inline-keyboard .keyboard-row{gap:6px;width:100%;display:flex}.blocks-container .block-item-card .block-inline-keyboard .keyboard-row .keyboard-btn{color:#1976d2;cursor:default;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;flex:1;padding:8px 5px;font-size:13px;font-weight:600;overflow:hidden}.blocks-container .block-item-card .Cont_block_Button{justify-content:space-between;gap:10px;margin:auto 15px 15px;display:flex}.blocks-container .block-item-card .Cont_block_Button .btn{cursor:pointer;color:#657165;background:#fff;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;height:40px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 5px #00000005}.blocks-container .block-item-card .Cont_block_Button .btn:hover{background-color:#f8f9fa;border:1px dashed #9dc1c542}.blocks-container .block-item-card .Cont_block_Button .btn.delete-btn:hover{color:#e74c3c;border-color:#fadbd8}.blocks-container .block-item-card .Cont_block_Button .btn.edit-btn:hover{color:#3498db;border-color:#d6eaf8}.wrapper-container{background:#fff;margin:25px!important}.wrapper-container .row{align-items:center;margin:0;padding-bottom:5px;display:flex;justify-content:space-between!important}.wrapper-container .row .head-btn{display:flex}.wrapper-container .row .head-btn .tab-btn{color:#588295;cursor:pointer;background-color:#f0f8ff3b;border:1px solid #aad5e9;border-radius:8px;margin-left:8px;padding:0 8px}.wrapper-container .row .head-btn .tab-btn:hover{color:#588295;background-color:#f0f8ff;border:1px dashed #3fa6d6}.wrapper-container .list{background:0 0;border:1px solid #eee;border-radius:8px;outline:none;width:95%;height:35px;margin:8px}.wrapper-container .inputSuccess{border:1px dashed #0ec97b!important}.wrapper-container .inputError{border:1px dashed #ffcf6d!important}.wrapper-container .Block_nav_{padding:25px 0 5px 25px}.wrapper-container .Block_nav_ .p-title{justify-content:center;align-items:center;width:25%;display:flex}.wrapper-container .Block_nav_ hr .style16{border:none;border-top:1px dashed #a0d2fc61;margin-top:20px}.wrapper-container .Block_nav_ hr .style16:after{content:"✂";color:#03a9f4;padding:0 3px;font-size:18px;display:inline-block;position:relative;top:-15px;left:47px}.wrapper-container .Block_nav_ .SearchCat{justify-content:center;align-items:center;width:25%;display:flex}.wrapper-container .Block_nav_ .SearchCat input{color:#647073;text-align:center;direction:rtl;background:url(/images/sh-robot.gif) 10px/30px no-repeat;border:2px dashed #dae2e4;border-radius:19px;outline-style:none;width:75%;height:50px;padding:16px;font-size:1.08em}.wrapper-container .Block_nav_ #MainCat{justify-content:center;width:50%;display:flex}.wrapper-container .Block_nav_ #MainCat .cat_H:hover{border:3px dashed #10c0e5;width:165px}.wrapper-container .Block_nav_ #MainCat .cat_H:hover h1,.wrapper-container .Block_nav_ #MainCat .cat_H:hover span{display:block}.wrapper-container .Block_nav_ #MainCat .cat_H{border:3px dashed #dbdfe6;border-radius:15px;width:85px;height:85px;margin:5px;overflow:hidden}.wrapper-container .Block_nav_ #MainCat .cat_H h1{color:#5db3be;margin:15px 10px 0;padding-bottom:0;font-size:2.2em;font-weight:bolder;line-height:35px;display:none}.wrapper-container .Block_nav_ #MainCat .cat_H span{color:#5f9ea0;display:none}.wrapper-container .Block_nav_ #MainCat .cat_H .Cat_img{float:left;opacity:.7;background-color:#cad3d863;background-repeat:no-repeat;background-size:cover;border-radius:5px;width:70px;height:71px;margin:5px}.wrapper-container .MainChatComponent{border-radius:8px;justify-content:space-evenly;align-items:flex-start;margin:15px;padding:15px;display:flex}.wrapper-container .MainChatComponent .NewBlock{flex-direction:row-reverse;place-content:space-between center;align-items:center;width:25%;margin-right:5px;display:flex}.wrapper-container .MainChatComponent .NewBlock .labelblock{display:flex}.wrapper-container .MainChatComponent .NewBlock .AutherMedia{background-color:#0000;justify-content:center;align-items:center;height:60px;display:flex;overflow:hidden}.wrapper-container .MainChatComponent .NewBlock .BtnBlockType{width:35px}.wrapper-container .MainChatComponent .NewBlock .BtnBlockType .tab-btn{color:#5f9ea0;border:1px dashed #c1c4c6;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin:5px;display:flex}.wrapper-container .MainChatComponent .NewBlock .BtnBlockType .tab-btn:hover,.wrapper-container .MainChatComponent .NewBlock .BtnBlockType .active{color:#10c0e5;cursor:pointer;border:1px dashed #10c0e5}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover{opacity:.8;background-image:url(/images/no-product.png);width:100%;height:190px}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover input[type=file]{opacity:0;height:150px;width:inherit;top:0;left:0}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover{flex-direction:row-reverse;display:flex}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover .MultipleIMG_bar{width:100px;height:inherit;flex-flow:wrap;place-content:center;margin-right:5px;padding-top:5px;display:flex}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover .MultipleIMG_bar .Item{opacity:7.5;background-color:#fbfefec4;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:5px;flex-direction:row-reverse;align-items:flex-end;width:33px;height:33px;margin:1px;display:flex}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover .MultipleIMG_bar .Item .RemoveImg{color:#0000;margin-right:3px;font-size:11px}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover .MultipleIMG_bar .Item .RemoveImg:hover{color:#e53b3b;font-size:15px}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover .MultipleIMG_bar .Item:hover{opacity:9;border:2px solid #10c0e5}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover .MultipleIMG_bar .Item:hover .RemoveImg{color:#e53b3b}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover .MultipleIMG_bar .checked{opacity:9;border:3px solid #10c0e5}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Cover:hover{opacity:1}.wrapper-container .MainChatComponent .NewBlock .Header_Block .mediaUpload{background:url(/images/pattern.png) 0 13px;flex-direction:column;place-content:stretch flex-start;display:flex}.wrapper-container .MainChatComponent .NewBlock .Header_Block .mediaUpload input[type=file]{opacity:0;height:40px;width:inherit;cursor:pointer;top:0;left:0}.wrapper-container .MainChatComponent .NewBlock .Header_Block .info{color:#5f9ea0;text-align:center;font-size:small;line-height:1.7}.wrapper-container .MainChatComponent .NewBlock input,.wrapper-container .MainChatComponent .NewBlock textarea{text-align:left;resize:none;direction:ltr;border:none;border-radius:5px;outline-style:none;width:95%}.wrapper-container .MainChatComponent .NewBlock .Cont_cat input::placeholder,.wrapper-container .MainChatComponent .NewBlock .Cont_cat textarea::placeholder{color:#b3c2c5}.wrapper-container .MainChatComponent .NewBlock .Gallery_title{color:#657165;margin:5px;padding:8px}.wrapper-container .MainChatComponent .NewBlock .Gallery_subtitle{color:#1c1d1dab;text-align:right;direction:rtl;height:145px;margin:5px;padding:10px;font-size:small;line-height:1.5;overflow:hidden}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_input{background:#fff;border-bottom:2px solid #0000}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_input .Gallery_title:hover{background:#f1f1f14f}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_input .desc{height:145px;display:block}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_input .desc .counterC{color:#5f9ea0;text-align:center;background-color:#d0cdcd6b;border-radius:4px;width:25px;margin:10px;padding:5px;font-size:12px;position:relative;top:-53px}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .Roq{justify-content:center;display:flex;overflow:hidden}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .Roq .truncate{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border:#0000;max-width:10ch;display:inline-block;overflow:hidden}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .btn{width:100%!important}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .info{color:#5f9ea0;text-align:center;font-size:small;line-height:1.7}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .btn-submit{width:100%!important}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .control{flex-direction:row-reverse;width:100%;display:flex}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .control .btn{width:100%!important}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button .control .btn-plus{width:20%!important}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button #ActionButon_{color:#368299;justify-content:space-between;align-items:center;display:flex}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button #ActionButon_ svg{color:#0000}.wrapper-container .MainChatComponent .NewBlock .Cont_cat_Button #ActionButon_:hover svg{color:#368299}.wrapper-container .MainChatComponent .MainCatW{flex-direction:column;justify-content:center;align-items:flex-start;width:70%;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom{border-bottom:2px dashed #eee;margin-bottom:20px;padding-bottom:20px;width:90%!important}.wrapper-container .MainChatComponent .MainCatW .FormBottom h2{color:#00ced1}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop{height:250px;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .Form{border-right:1px dashed #03a9f4}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .Form .actionType{align-items:center;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .Form .actionType .custom-radio{cursor:pointer;width:25px;height:25px;display:inline-block}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .Form .btn-success{color:#fffbfb;cursor:pointer;background:#03a9f4b5;border:1px solid #90caf9;border-radius:4px;height:fit-content;margin:5px;padding:10px;font-family:monospace;font-size:21px;transition:all .2s ease-in;box-shadow:0 2px 2px #e3f2fd,0 3px 1px -2px #28bebd33,0 1px 5px #b3e5fc}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .Form .btn-success:hover{background:#59d38b;border:1px solid #f1f8e9;border-radius:8px;box-shadow:0 2px 2px #f1f8e9,0 3px 1px -2px #dcedc8,0 1px 5px #d8f7b5b0}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .Form .info{text-align:right;color:#5f9ea0;direction:rtl;padding:10px;font-size:small;line-height:1.5}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .Form input{border:1px solid #e1f5fe;border-radius:6px;outline:0;width:-webkit-fill-available;height:33px;margin:5px;padding-left:10px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom{width:100%;max-height:700px;padding:10px;overflow:hidden scroll}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Button_{border-bottom:1px dashed #b5cad48a;justify-content:space-between;align-items:center;height:30px;padding:2px;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Button_ .QuestValue{justify-content:flex-start;align-items:center;width:85%;font-size:14px;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Button_ .QuestValue .icon{color:#03a9f4;margin:5px;font-size:14px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Button_:hover{border-bottom:2px dashed #03a9f4}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Button_:hover .privPath{color:#fff;float:left;background-color:#03a9f4;border-radius:0 5px 5px 0;margin:5px;padding-left:10px;padding-right:10px;font-size:11px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Button_:hover .clearItem{color:#e00040}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Button_:hover .DLMsg_Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .Active{border-bottom:2px dashed #03a9f4}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .ANSWER:hover{border-bottom:2px dashed #4de161}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .ANSWER:hover .privPath{color:#fff!important;background-color:#4de161!important}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .AnswerActive{border-bottom:2px dashed #4de161}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .ANSWER .ABtnActive{color:#fff!important;background-color:#4de161!important}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .priv{border-bottom:1px dashed #b5cad48a;height:30px;padding:2px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .pActive{color:#fff!important;background-color:#03a9f4!important}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .priv:hover{border-bottom:2px dashed #b5cad48a}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .priv:hover .privPath{color:#fff;float:left;background-color:#03a9f4;border-radius:0 5px 5px 0;margin:5px;padding-left:10px;padding-right:10px;font-size:11px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .privPath{color:#7d878c;float:left;background-color:#f0fff0;border-radius:0 5px 5px 0;margin:5px;padding:4px 10px;font-size:11px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .QuestOption{justify-content:space-between;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .QuestOption .clearItem{color:#f1eaee;cursor:pointer;justify-content:flex-end;width:20px;margin:0 10px;font-size:14px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .QuestOption .DLMsg_Selected{float:right;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:66%;border:1px dashed #b3dce680;border-radius:4px;width:16px;height:16px;margin-right:10px}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop .List-bottom .QuestOption .Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9}.wrapper-container .MainChatComponent .MainCatW .Cont_cat{background-color:#fafafa;border:2px dashed #9dc1c542;border-radius:25px;margin-bottom:10px;margin-left:10px;padding:0;width:25%!important}.wrapper-container .MainChatComponent .MainCatW .Cont_cat .form .Header_Block .info{color:#5f9ea0;text-align:center;font-size:small;line-height:1.7}.wrapper-container .MainChatComponent .MainCatW .Cont_cat .Cont_cat_Cover{color:#ced0d08a;cursor:pointer;background-size:cover;border-bottom:2px solid #fff;border-radius:24px 24px 0 0;width:100%;height:190px;font-size:45px;position:relative}.wrapper-container .MainChatComponent .MainCatW .Cont_cat .Cont_cat_Button{flex-direction:column;display:flex}.wrapper-container .MainChatComponent .MainCatW .Cont_cat .Cont_cat_Button .btn{width:100%!important}.wrapper-container .MainChatComponent .Cont_cat{background-color:#fafafa;border:2px dashed #9dc1c542;border-radius:25px;margin-bottom:10px;margin-left:10px;padding:0;width:100%!important}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_Cover{color:#ced0d08a;cursor:pointer;background-image:url(/images/no-product.png);background-size:cover;border-bottom:2px solid #fff;border-radius:24px 24px 0 0;width:100%;height:330px;font-size:45px;position:relative}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_Cover:hover{border-bottom:2px dashed #42afaf}.wrapper-container .MainChatComponent .Cont_cat h1{text-align:center;color:#0b0b0e;margin:2px;padding:5px 0 0;font-family:Amiri,serif;font-size:24px}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_desc{text-align:center;color:#757879;padding:0 5px;font-size:small}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_Button{margin:15px}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_Button .action-btn{align-items:center;display:flex}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_Button .action-btn .btn{margin:0 5px 5px}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_Button .btn{cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;direction:rtl;background:#fff;border:1px solid #0000;border-radius:.25rem;width:32%;height:43px;margin-bottom:5px;margin-left:5px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.wrapper-container .MainChatComponent .Cont_cat .Cont_cat_Button .btn:hover{background-color:#e9e9e9;border:1px dashed #9dc1c542}.wrapper-container .MainChatComponent .Cont_cat:hover{border:2px dashed #73cad8}.wrapper-container .MainChatComponent .isActiveEditable{border:2px dashed #7de603}.wrapper-container .MainChatComponent .isActiveDelete{border:2px dashed #f5241494}@media screen and (width<=780px){.Block_nav_ .p-title,.Block_nav_ .SearchCat,.Block_nav_ #MainCat{width:98%}}@media screen and (width<=870px){.Block_nav_ .p-title,.Block_nav_ .SearchCat,.Block_nav_ #MainCat{width:98%}}@media screen and (width<=430px){.wrapper-container{height:unset!important}.wrapper-container .Block_nav_{flex-direction:column;display:flex}.wrapper-container .Block_nav_ .p-title{justify-content:center;font-family:Tajawal;display:flex;width:100%!important}.wrapper-container .Block_nav_ .row{justify-content:space-between;align-items:center;margin:0;padding-bottom:5px;display:flex}.wrapper-container .Block_nav_ #MainCat{flex-wrap:wrap;justify-content:center;width:97%;display:flex}.wrapper-container .MainChatComponent{flex-direction:column;align-items:center;margin:0 0 5px 20px;display:flex}.wrapper-container .MainChatComponent .NewBlock{width:inherit}.wrapper-container .MainChatComponent .NewBlock .Cont_cat{width:100%!important}.wrapper-container .MainChatComponent .NewBlock .Cont_cat .Cont_cat_Button .btn{cursor:pointer;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:rtl;background:#fff;border:1px solid #0000;height:35px;margin-bottom:5px;margin-left:5px;padding:.375rem .75rem;font-size:11px;line-height:1.5}.wrapper-container .MainChatComponent .MainCatW{width:100%;padding-top:20px;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom{border-bottom:2px dashed #eee;flex-direction:column;margin-bottom:20px;padding-bottom:20px;display:flex;width:90%!important;height:unset!important}.wrapper-container .MainChatComponent .MainCatW .FormBottom h2{color:#00ced1;text-align:right;direction:rtl;padding:5px;font-family:Tajawal}.wrapper-container .MainChatComponent .MainCatW .FormBottom .FormTop{flex-direction:column;display:flex;width:100%!important;height:unset!important}.wrapper-container .MainChatComponent .MainCatW .FormBottom .Form{width:unset!important;border-right:unset!important}.wrapper-container .MainChatComponent .MainCatW .FormBottom .Form .info{text-align:right;color:#092927;direction:rtl;padding:10px;font-family:Tajawal;font-size:small;line-height:1.5}.wrapper-container .MainChatComponent .MainCatW .FormBottom .Form .actionType:last-of-type{color:#38a81c;flex-direction:column;align-items:flex-start;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom .Form .actionType:last-of-type label{align-items:center;margin-right:5px;display:flex}.wrapper-container .MainChatComponent .MainCatW .FormBottom .Form .actionType:last-of-type .btn-success{width:100%}.wrapper-container .MainChatComponent .MainCatW .FormBottom .List-bottom .Button_ .QuestValue{justify-content:flex-start;align-items:center;width:85%;font-size:12px;display:flex}.wrapper-container .MainChatComponent .MainCatW .Cont_cat{background-color:#fafafa;border:2px dashed #9dc1c542;border-radius:25px;width:25%;margin-bottom:10px;margin-left:10px;padding:0}.wrapper-container .mainCat{border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;padding:15px;display:flex}}.wrapper-container{background:#fff}.wrapper-container hr{border:none;border-top:1px dashed #a0d2fc61;display:block!important}.wrapper-container .row{justify-content:space-evenly;align-items:center;margin:0;padding-bottom:5px;display:flex}.wrapper-container .TRansition{transition:all .6s ease-in-out}.wrapper-container h1{color:#29b3c3;margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2}.wrapper-container .Container{flex-direction:column;align-items:center;display:flex}.wrapper-container .Container hr{border:none;border-top:1px dashed #a0d2fc61;width:75%;margin:8px;display:block!important}.wrapper-container .Container .QuestForm{justify-content:center;align-items:flex-start;width:75%;display:flex}.wrapper-container .Container .QuestForm form{align-items:flex-start;width:100%;display:flex}.wrapper-container .Container .QuestForm form textarea{resize:none;text-align:right;color:#242825d1;text-shadow:-4px 2px 6px #b5aeae;direction:rtl;border:2px dashed #14c1e3b8;border-radius:5px;outline-style:none;width:98%;height:45px;min-height:45px;margin:12px 0 2px;padding:10px;font-size:1.3em;overflow:hidden;font-family:Tajawal!important}.wrapper-container .Container .QuestForm form textarea::selection{color:#fff;background-color:#3cce60}.wrapper-container .Container .QuestForm form .Answer{width:50%}.wrapper-container .Container .QuestForm form .Answer textarea{resize:vertical;max-height:130px}.wrapper-container .Container .QuestForm form .Answer .AnswerButton{color:#3f90b2;justify-content:space-evenly;align-items:center;margin-left:20px;padding-top:5px;display:flex}.wrapper-container .Container .QuestForm form .Answer .AnswerButton button{color:#00bfff;border:1px solid #eee;padding:3px 10px;background-color:#0000!important;border-radius:7px!important}.wrapper-container .Container .QuestForm form .Answer .AnswerButton button:hover{color:#4eb0dd;border:1px dashed #4eb0dd}.wrapper-container .Container .QuestForm form .Answer .AnswerButton .Button{cursor:pointer}.wrapper-container .Container .QuestForm form .Questions{width:50%}.wrapper-container .Container .ASQuest_container{justify-content:space-around;align-items:flex-start;width:75%;display:flex}.wrapper-container .Container .ASQuest_container .ASQ_Quest,.wrapper-container .Container .ASQuest_container .ASQ_answer{width:48%}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar{border-bottom:1px dashed #eee;justify-content:space-between;align-items:center;display:flex}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .SectionTitle,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .SectionTitle{width:50%}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .SectionTitle h4,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .SectionTitle h4{color:#5f9ea0;direction:rtl;width:100%;margin:5px;padding-bottom:10px;font-family:inherit;font-size:23px;font-weight:500;line-height:1.2}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .optionButton,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .optionButton{justify-content:flex-start;align-items:center;width:50%;display:flex}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .optionButton .Button-custom,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .optionButton .Button-custom{cursor:pointer;text-align:center;color:#5f9ea0;border:1px dashed #eee;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;margin:3px;display:flex}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .optionButton .Button-custom:hover,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .optionButton .Button-custom:hover{border:1px dashed #32e3e9}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .optionButton .Check-select,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .optionButton .Check-select{background-position:50%;background-repeat:no-repeat;background-size:55%}.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .optionButton .Check-select:hover,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .optionButton .Check-select:hover,.wrapper-container .Container .ASQuest_container .ASQ_Quest .toolbar .optionButton .Selected,.wrapper-container .Container .ASQuest_container .ASQ_answer .toolbar .optionButton .Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9!important}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer{width:100%;max-height:700px;overflow:hidden scroll}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Button_,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Button_{border-bottom:1px dashed #b5cad48a;justify-content:space-between;align-items:center;height:30px;padding:2px;display:flex}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Button_ .QuestValue,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Button_ .QuestValue{justify-content:flex-start;align-items:center;width:85%;font-size:14px;display:flex}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Button_ .QuestValue .icon,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Button_ .QuestValue .icon{color:#03a9f4;margin:5px;font-size:14px}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Button_:hover,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Button_:hover{border-bottom:2px dashed #03a9f4}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Button_:hover .privPath,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Button_:hover .privPath{color:#fff;float:left;background-color:#03a9f4;border-radius:0 5px 5px 0;margin:5px;padding-left:10px;padding-right:10px;font-size:11px}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Button_:hover .clearItem,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Button_:hover .clearItem{color:#e00040}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Button_:hover .DLMsg_Selected,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Button_:hover .DLMsg_Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .Active,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .Active{border-bottom:2px dashed #03a9f4}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .ANSWER:hover,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .ANSWER:hover{border-bottom:2px dashed #4de161}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .ANSWER:hover .privPath,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .ANSWER:hover .privPath{color:#fff!important;background-color:#4de161!important}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .AnswerActive,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .AnswerActive{border-bottom:2px dashed #4de161}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .ANSWER .ABtnActive,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .ANSWER .ABtnActive{color:#fff!important;background-color:#4de161!important}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .priv,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .priv{border-bottom:1px dashed #b5cad48a;height:30px;padding:2px}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .pActive,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .pActive{color:#fff!important;background-color:#03a9f4!important}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .priv:hover,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .priv:hover{border-bottom:2px dashed #b5cad48a}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .priv:hover .privPath,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .priv:hover .privPath{color:#fff;float:left;background-color:#03a9f4;border-radius:0 5px 5px 0;margin:5px;padding-left:10px;padding-right:10px;font-size:11px}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .privPath,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .privPath{color:#7d878c;float:left;background-color:#f0fff0;border-radius:0 5px 5px 0;margin:5px;padding:4px 10px;font-size:11px}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .QuestOption,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .QuestOption{justify-content:space-between;display:flex}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .QuestOption .clearItem,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .QuestOption .clearItem{color:#f1eaee;cursor:pointer;justify-content:flex-end;width:20px;margin:0 10px;font-size:14px}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .QuestOption .DLMsg_Selected,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .QuestOption .DLMsg_Selected{float:right;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:66%;border:1px dashed #b3dce680;border-radius:4px;width:16px;height:16px;margin-right:10px}.wrapper-container .Container .ASQuest_container .ASQ_Quest .answer .QuestOption .Selected,.wrapper-container .Container .ASQuest_container .ASQ_answer .answer .QuestOption .Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9}.auth-wrapper{background-color:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Tajawal,sans-serif;display:flex}.auth-wrapper .unified-auth-card{background:#fff;border-radius:20px;flex-direction:row;width:100%;max-width:1000px;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000014}.auth-wrapper .unified-auth-card .auth-form-block{flex-direction:column;justify-content:flex-end;padding:40px 35px;transition:flex .3s;display:flex}.auth-wrapper .unified-auth-card .auth-form-block .auth-tabs{background:#f1f5f9;border-radius:8px;margin-bottom:25px;padding:4px;display:flex}.auth-wrapper .unified-auth-card .auth-form-block .auth-tabs .tab{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-weight:700;transition:all .3s}.auth-wrapper .unified-auth-card .auth-form-block .auth-tabs .tab.active{color:#1e293b;background:#fff;box-shadow:0 2px 4px #0000000d}.auth-wrapper .unified-auth-card .auth-form-block .form-group{text-align:right;margin-bottom:20px}.auth-wrapper .unified-auth-card .auth-form-block .form-group label{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.auth-wrapper .unified-auth-card .auth-form-block .form-group label .validation-status{font-size:12px;font-weight:600}.auth-wrapper .unified-auth-card .auth-form-block .form-group input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 15px}.auth-wrapper .unified-auth-card .auth-form-block .form-group input:focus{border-color:#1c4b6e}.auth-wrapper .unified-auth-card .auth-form-block .form-group input.input-error{border-color:#ef4444}.auth-wrapper .unified-auth-card .auth-form-block .form-group .error-text{color:#ef4444;margin-top:5px;font-size:11px;display:block}.auth-wrapper .unified-auth-card .auth-form-block .form-group .password-input-wrapper{align-items:center;display:flex;position:relative}.auth-wrapper .unified-auth-card .auth-form-block .form-group .password-input-wrapper input{text-align:right;padding-left:45px}.auth-wrapper .unified-auth-card .auth-form-block .form-group .password-input-wrapper .eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;left:12px}.auth-wrapper .unified-auth-card .auth-form-block .form-group .password-input-wrapper .eye-btn:hover{color:#1c4b6e}.auth-wrapper .unified-auth-card .auth-form-block .form-group .forgot-pass{color:#1c4b6e;cursor:pointer;margin-top:8px;font-size:12px;text-decoration:underline}.auth-wrapper .unified-auth-card .auth-form-block .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2c5c8f,#f26f33);border:none;border-radius:50px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.auth-wrapper .unified-auth-card .auth-form-block .submit-btn:hover:not(:disabled){filter:brightness(.9);box-shadow:0 4px 10px #00000026}.auth-wrapper .unified-auth-card .auth-form-block .submit-btn:active:not(:disabled){transform:scale(.98)}.auth-wrapper .unified-auth-card .auth-form-block .submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-wrapper .unified-auth-card .auth-form-block .terms-text{text-align:center;color:#94a3b8;margin-top:25px;font-size:12px}.auth-wrapper .unified-auth-card .auth-branding-block{background-color:#fdfdfd;border-right:1px solid #f1f5f9;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-wrapper .unified-auth-card .auth-branding-block .login-image{background:url(/images/ylog.png) 50%/cover no-repeat;width:100%;max-width:280px;height:250px;margin-bottom:20px}.auth-wrapper .unified-auth-card .auth-branding-block .app-install-section{box-shadow:none!important;background:0 0!important;max-width:100%!important;margin:0!important;padding:0!important}.auth-wrapper .unified-auth-card .auth-branding-block .app-install-section .install-buttons-container{flex-direction:column}@media (width<=850px){.auth-wrapper{padding:10px}.auth-wrapper .unified-auth-card{flex-direction:column}.auth-wrapper .unified-auth-card .auth-branding-block{border-top:1px solid #f1f5f9;border-right:none;order:2;padding:30px 20px}.auth-wrapper .unified-auth-card .auth-form-block{order:1;padding:30px 20px}}.app-install-section{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:650px;margin:20px auto;padding:40px 24px;display:flex;box-shadow:0 10px 30px #0000000a}.app-install-section .install-text-wrapper{margin-bottom:25px}.app-install-section .install-text-wrapper .install-title{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:800}.app-install-section .install-text-wrapper .install-subtitle{color:#64748b;margin:0;font-size:14px;line-height:1.6}.app-install-section .install-buttons-container{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.app-install-section .install-buttons-container .universal-install-btn{color:#fff;background:linear-gradient(90deg,#2c5c8f,#f26f33);border-radius:50px;align-items:center;min-width:200px;padding:12px 28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #f26f3326}.app-install-section .install-buttons-container .universal-install-btn:hover{filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 8px 25px #f26f3340}.app-install-section .install-buttons-container .universal-install-btn:active{transform:translateY(-1px)}.app-install-section .install-buttons-container .universal-install-btn.app-store-accent{background:linear-gradient(90deg,#1e293b,#2c5c8f);box-shadow:0 4px 15px #2c5c8f26}.app-install-section .install-buttons-container .universal-install-btn.app-store-accent:hover{box-shadow:0 8px 25px #2c5c8f40}.app-install-section .install-buttons-container .universal-install-btn .icon-spacing{margin-left:12px;font-size:24px}.app-install-section .install-buttons-container .universal-install-btn .button-text-layout{text-align:right;flex-direction:column;align-items:flex-start;display:flex}.app-install-section .install-buttons-container .universal-install-btn .button-text-layout .sub-label{opacity:.8;font-size:10px;font-weight:500}.app-install-section .install-buttons-container .universal-install-btn .button-text-layout .main-label{margin-top:2px;font-size:15px;font-weight:700;line-height:1.2}@media (width<=500px){.app-install-section{padding:30px 16px}.app-install-section .install-buttons-container{flex-direction:column;align-items:center}.app-install-section .install-buttons-container .universal-install-btn{width:100%;max-width:280px}}.NewClint .KHCwJ{background-image:url(/images/coverNewClint.png);background-position:50%;background-size:cover;border-radius:8px;width:100%;max-width:90vw;height:160px;max-height:22.5vw;margin:auto}.NewClint .box-body{margin:12px 16px!important}.NewClint{margin:auto}.NewClint .card-header{text-align:right;color:gray;background:#fffc;border-bottom:1px solid #eee;border-radius:9px;padding:12px 16px;font-family:serif;font-weight:bolder;margin-top:15px!important}.NewClint h2{text-align:center}.NewClint .alert-success{text-align:center;padding:10px}.NewClint .alert-success hr{border:1px dashed #eee;margin:10px}.NewClint .alert-success .sucss{background-image:url(/images/AnimationSucss.gif);background-position:50%;background-size:cover;width:110px;height:110px;margin:auto}.NewClint form .list{background:0 0;border:1px solid #eee;border-radius:8px;outline:none;width:-webkit-fill-available;height:35px;margin:8px}.NewClint form input{border:1px solid #e1f5fe;border-radius:6px;outline:0;width:-webkit-fill-available;height:42px;margin:5px;padding-left:10px}.NewClint form .inputError{border:1px dashed #ffcf6d!important}.NewClint form .inputSuccess{border:1px dashed #0ec97b!important}.NewClint form .sButon{display:flex}.NewClint form .btn-success{color:#fffbfb;cursor:pointer;background:#03a9f4b5;border:1px solid #90caf9;border-radius:4px;width:100%;height:fit-content;margin:5px;padding:13px;font-family:monospace;font-size:21px;transition:all .2s ease-in;box-shadow:0 2px 2px #e3f2fd,0 3px 1px -2px #28bebd33,0 1px 5px #b3e5fc}.NewClint form .btn-success:hover{background:#59d38b;border:1px solid #f1f8e9;border-radius:8px;box-shadow:0 2px 2px #f1f8e9,0 3px 1px -2px #dcedc8,0 1px 5px #d8f7b5b0}@media (width>=1200px){.NewClintForm{width:50%!important}}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.blocks-container{column-width:285px;column-gap:20px;width:100%;margin:0 auto;padding:15px}.block-item-card{break-inside:avoid;page-break-inside:avoid;direction:rtl;background-color:#fafafa;border:2px dashed #dbdfe6;border-radius:25px;flex-direction:column;width:100%;max-width:285px;height:fit-content;font-family:Tajawal,sans-serif;display:inline-flex;overflow:hidden}.block-item-card .custom-handle{border:2px solid #fff;border-radius:50%;width:12px;height:12px}.block-item-card .custom-handle.target-handle{background-color:#ff7675;top:-6px}.block-item-card .custom-handle.source-handle{background-color:#0984e3;bottom:-6px}.block-item-card .TRansition{transition:all .3s ease-in-out}.block-item-card:hover{border-color:#73cad8}.block-item-card.text-only-card{padding-top:15px}.block-item-card.text-only-card .block-title{color:#1976d2}.block-item-card .Cont_block_Cover{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fff;border-radius:24px 24px 0 0;justify-content:flex-start;width:100%;height:210px;display:flex;position:relative}.block-item-card .Cont_block_Cover:hover{border-bottom:2px dashed #42afaf}.block-item-card .Cont_block_Cover .type-badge{color:#fff;z-index:2;background:#00000080;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;bottom:10px;left:10px}.block-item-card .Cont_block_Cover .MultipleIMG_bar{z-index:2;background:linear-gradient(90deg,#fff0 0%,#fff9 100%);border-radius:0 24px 0 0;flex-wrap:wrap;place-content:center;align-items:flex-start;width:85px;height:100%;padding:10px 10px 0 0;display:flex}.block-item-card .Cont_block_Cover .Item{cursor:pointer;background-color:#fbfefec4;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:6px;justify-content:flex-end;align-items:flex-start;width:32px;height:32px;margin:2px;display:flex;position:relative;box-shadow:0 1px 3px #0003}.block-item-card .Cont_block_Cover .Item.checked{border-color:#10c0e5;transform:scale(1.05);box-shadow:0 0 5px #10c0e580}.block-item-card .Cont_block_Cover .Item .RemoveImg{opacity:0;color:#fff;cursor:pointer;background:#f00c;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;display:flex;position:absolute;top:-4px;right:-4px}.block-item-card .Cont_block_Cover .Item .RemoveImg i{font-size:8px}.block-item-card .Cont_block_Cover .Item:hover .RemoveImg{opacity:1}.block-item-card .Cont_block_Cover.audio-placeholder{color:#ced0d0;background-color:#f4f6f6;justify-content:center;align-items:center;display:flex}.block-item-card .block-title{text-align:center;color:#34495e;margin:2px;padding:10px 5px 0;font-size:20px;font-weight:700}.block-item-card .block-title .payload-hint{color:#95a5a6;font-size:12px;font-weight:400}.block-item-card .block-desc{text-align:center;color:#757879;padding:5px 15px 10px;font-size:13px;line-height:1.5}.block-item-card .block-inline-keyboard{flex-direction:column;gap:6px;padding:0 15px 10px;display:flex}.block-item-card .block-inline-keyboard .keyboard-row{gap:6px;width:100%;display:flex}.block-item-card .block-inline-keyboard .keyboard-row .keyboard-btn-wrapper{flex:1;position:relative}.block-item-card .block-inline-keyboard .keyboard-row .keyboard-btn{color:#1976d2;cursor:default;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;width:100%;padding:8px 5px;font-size:13px;font-weight:600;overflow:hidden}.block-item-card .Cont_block_Button{justify-content:space-between;gap:10px;margin:auto 15px 15px;display:flex}.block-item-card .Cont_block_Button .btn{cursor:pointer;color:#657165;background:#fff;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;height:40px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 5px #00000005}.block-item-card .Cont_block_Button .btn:hover{background-color:#f8f9fa;border:1px dashed #9dc1c542}.block-item-card .Cont_block_Button .btn.delete-btn:hover{color:#e74c3c;border-color:#fadbd8}.block-item-card .Cont_block_Button .btn.edit-btn:hover{color:#3498db;border-color:#d6eaf8}.block-item-card .Cont_block_Button .btn.test-btn{color:#fff;background-color:#00b894}.block-item-card .Cont_block_Button .btn.test-btn:hover{background-color:#00a884;border-color:#00a884}.chatbot-builder-layout{background:#f8f9fa;border:1px solid #f4f1f1;border-radius:8px;height:85vh;margin:30px;padding:10px;display:flex;overflow:hidden;width:98%!important}.chatbot-builder-layout .builder-sidebar{background:#fff;border-left:1px solid #eee;flex-direction:column;gap:10px;width:auto;padding:15px;display:flex}.chatbot-builder-layout .builder-sidebar .dndnode{color:#5f9ea0;cursor:grab;text-align:center;background:#fafafa;border:1px solid #eee;border-radius:11px;width:35px;padding:8px;font-weight:400}.chatbot-builder-layout .builder-sidebar .dndnode:active{cursor:grabbing}.chatbot-builder-layout .builder-sidebar .dndnode i{margin-left:0}.chatbot-builder-layout .flow-canvas-wrapper{flex-grow:1;height:100%;position:relative}.chatbot-builder-layout .property-panel{background:#fff;border-right:1px solid #eee;flex-direction:column;width:300px;padding:15px;display:flex}.chatbot-builder-layout .property-panel.empty{color:#999;text-align:center;justify-content:center;align-items:center}.chatbot-builder-layout .property-panel h3{color:#333;border-bottom:2px solid #eee;margin-top:0;padding-bottom:10px}.chatbot-builder-layout .property-panel .prop-group{flex-direction:column;margin-bottom:15px;display:flex}.chatbot-builder-layout .property-panel .prop-group label{color:#555;margin-bottom:5px;font-weight:700}.chatbot-builder-layout .property-panel .prop-group input,.chatbot-builder-layout .property-panel .prop-group textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-family:inherit}.react-flow__edges{z-index:10000!important}.react-flow__connection{z-index:9998!important}.react-flow__edge-path{filter:drop-shadow(0 2px 3px #0006)}.react-flow__edge.selected .react-flow__edge-path{stroke:#ff9f43!important;stroke-width:1.5px!important}.subscription-container{direction:rtl;max-width:1200px;margin:0 auto;padding:40px 20px}.subscription-container .subscription-header{text-align:center;margin-bottom:50px}.subscription-container .subscription-header h2{color:#1f2937;margin-bottom:10px;font-size:2.5rem;font-weight:700}.subscription-container .subscription-header p{color:#6b7280;font-size:1.1rem}.subscription-container .subscription-header .toggle-container{justify-content:center;align-items:center;gap:15px;margin-top:30px;display:flex}.subscription-container .subscription-header .toggle-container span{color:#6b7280;font-weight:600}.subscription-container .subscription-header .toggle-container span.active{color:#2563eb}.subscription-container .subscription-header .toggle-container .switch{width:60px;height:30px;display:inline-block;position:relative}.subscription-container .subscription-header .toggle-container .switch input{opacity:0;width:0;height:0}.subscription-container .subscription-header .toggle-container .switch .slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.subscription-container .subscription-header .toggle-container .switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s;position:absolute;bottom:4px;left:4px}.subscription-container .subscription-header .toggle-container .switch input:checked+.slider{background-color:#2563eb}.subscription-container .subscription-header .toggle-container .switch input:checked+.slider:before{transform:translate(30px)}.subscription-container .packages-grid{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:start;gap:30px;display:grid}.subscription-container .package-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;height:auto;padding:40px 30px;transition:all .3s;display:flex;position:relative}.subscription-container .package-card.active-package{background-color:#f0fdf4;border:2px solid #10b981;box-shadow:0 0 20px #10b98126}.subscription-container .package-card.active-package .active-badge{color:#fff;background:#10b981;border-radius:20px;align-items:center;gap:5px;padding:6px 20px;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:-15px;right:20px;box-shadow:0 4px 6px #10b98133}.subscription-container .package-card.active-package .active-badge:before{content:"✨"}.subscription-container .package-card.active-package .btn-subscribe.current{cursor:default;box-shadow:none;background:#10b981}.subscription-container .package-card.active-package .btn-subscribe.current:hover{transform:none}.subscription-container .package-card.active-package .feature-value-badge{color:#059669;background-color:#10b98126}.subscription-container .package-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #00000014}.subscription-container .package-card.popular{border:2px solid #f59e0b}.subscription-container .package-card.popular .popular-badge{color:#fff;background:#f59e0b;border-radius:20px;padding:5px 20px;font-size:.9rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.subscription-container .package-card.popular .btn-subscribe{background:#f59e0b}.subscription-container .package-card.popular .btn-subscribe:hover{background:#c57f08}.subscription-container .package-card.popular .feature-value-badge{color:#d97706;background-color:#f59e0b26}.subscription-container .package-card .package-name{color:#1f2937;margin-bottom:20px;font-size:1.5rem;font-weight:700}.subscription-container .package-card .package-price{margin-bottom:30px}.subscription-container .package-card .package-price .amount{color:#1f2937;font-size:3rem;font-weight:800}.subscription-container .package-card .package-price .currency{margin-left:5px;font-size:1.2rem}.subscription-container .package-card .package-price .period{color:#6b7280}.subscription-container .package-card .features-list{flex-grow:0;margin:0 0 30px;padding:0;list-style:none}.subscription-container .package-card .features-list .feature-item{color:#1f2937;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.subscription-container .package-card .features-list .feature-item .feature-text{align-items:center;gap:8px;display:flex}.subscription-container .package-card .features-list .feature-item .feature-text i{color:#10b981;font-size:1.1rem}.subscription-container .package-card .features-list .feature-item .feature-text i.icon-light{color:inherit;opacity:.8}.subscription-container .package-card .features-list .feature-item .feature-value-badge{color:#4f46e5;white-space:nowrap;background-color:#e0e7ff;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:.75rem;font-weight:800}.subscription-container .package-card .btn-subscribe{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;margin-top:0;padding:15px;font-size:1.1rem;font-weight:700;transition:background .3s,transform .2s}.subscription-container .package-card .btn-subscribe:hover{background:#3b82f6}.subscription-container .package-card .btn-subscribe:disabled{cursor:not-allowed;background:#9ca3af}@media (width<=1024px){.subscription-container .packages-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (width<=768px){.subscription-container .subscription-header h2{font-size:2rem}.subscription-container .packages-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}@media (width<=576px){.subscription-container{padding:20px 15px}.subscription-container .package-card{padding:30px 20px}.subscription-container .package-card .package-price .amount{font-size:2.5rem}}.payment-modal-overlay .payment-modal-content{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:420px;padding:30px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;box-shadow:0 25px 50px -12px #00000040}.payment-modal-overlay .payment-modal-content .payment-options button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.payment-modal-overlay .payment-modal-content .payment-options button i{font-size:1.3rem}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.privacy-container{color:#f8fafc;direction:rtl;max-width:900px;margin:40px auto;padding:32px;line-height:1.8}.privacy-container .privacy-header{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:40px;padding-bottom:20px}.privacy-container .privacy-header .header-icon{margin-bottom:16px}.privacy-container .privacy-header h1{color:#3b82f6;margin-bottom:8px;font-size:2rem}.privacy-container .privacy-header p{color:#94a3b8;font-family:Tajawal;font-size:1.1rem}.privacy-container .privacy-header .last-updated{color:#64748b;background:#ffffff0d;border-radius:20px;margin-top:10px;padding:4px 12px;font-size:.85rem;display:inline-block}.privacy-container .privacy-section{margin-bottom:32px}.privacy-container .privacy-section h2{color:#3b5679;align-items:center;gap:10px;margin-bottom:16px;font-size:1.3rem;display:flex}.privacy-container .privacy-section p{color:#2d3947;margin-bottom:12px;font-family:Tajawal;font-size:1rem}.privacy-container .privacy-section ul{color:#4e5155;margin-right:24px;list-style-type:disc}.privacy-container .privacy-section ul li{margin-bottom:8px}.privacy-container .privacy-section ul li strong{color:#377bb3}.privacy-container .highlight-section .strict-policy-box{background:#ef44441a;border:1px solid #ef44444d;border-right:4px solid #ef4444;border-radius:12px;padding:20px}.privacy-container .highlight-section .strict-policy-box p,.privacy-container .highlight-section .strict-policy-box li{color:#fca5a5}.privacy-container .highlight-section .strict-policy-box strong{color:#f87171}.privacy-container .privacy-footer{text-align:center;color:#3f4144;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px;font-size:.9rem}.wallet-page-container{direction:rtl;width:85%;max-width:1300px;margin:0 auto;padding:40px 20px;font-family:Tajawal,sans-serif}.wallet-page-container .wallet-layout-main{align-items:flex-start;gap:40px;display:flex}.wallet-page-container .wallet-right-panel{flex-direction:column;gap:30px;width:35%;display:flex;position:sticky;top:20px}.wallet-page-container .wallet-left-panel{width:65%}.wallet-page-container .wallet-header-section{justify-content:center;display:flex}.wallet-page-container .wallet-header-section .digital-card{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);border-radius:24px;width:100%;padding:30px;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #3b82f680}.wallet-page-container .wallet-header-section .digital-card:after{content:"";background:#ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.wallet-page-container .wallet-header-section .digital-card .card-top{opacity:.9;align-items:center;gap:10px;margin-bottom:30px;font-size:1.2rem;display:flex}.wallet-page-container .wallet-header-section .digital-card .card-middle{margin-bottom:30px}.wallet-page-container .wallet-header-section .digital-card .card-middle .balance-label{opacity:.8;margin-bottom:5px;font-size:.9rem;display:block}.wallet-page-container .wallet-header-section .digital-card .card-middle .balance-amount{letter-spacing:1px;align-items:baseline;gap:8px;font-size:3.5rem;font-weight:900;display:flex}.wallet-page-container .wallet-header-section .digital-card .card-middle .balance-amount .val-sub{opacity:.8;font-size:1.2rem;font-weight:400}.wallet-page-container .wallet-header-section .digital-card .card-bottom{border-top:1px solid #fff3;justify-content:space-between;padding-top:20px;display:flex}.wallet-page-container .wallet-header-section .digital-card .card-bottom .info-item{flex-direction:column;gap:5px;display:flex}.wallet-page-container .wallet-header-section .digital-card .card-bottom .info-item span{opacity:.8;font-size:.85rem}.wallet-page-container .wallet-header-section .digital-card .card-bottom .info-item strong{font-size:1.1rem}.wallet-page-container .wallet-header-section .digital-card .card-bottom .info-item .status-active{color:#6ee7b7}.wallet-page-container .section-title{text-align:center;margin-bottom:30px}.wallet-page-container .section-title h3{color:#1f2937;margin-bottom:8px;font-size:1.8rem;font-weight:800}.wallet-page-container .section-title p{color:#6b7280;font-size:1rem}.wallet-page-container .recharge-section .packages-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.wallet-page-container .recharge-section .packages-grid .point-package-card{text-align:center;border:none;border-radius:20px;height:360px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014}.wallet-page-container .recharge-section .packages-grid .point-package-card:hover{transform:translateY(-8px);box-shadow:0 20px 35px -5px #0003}.wallet-page-container .recharge-section .packages-grid .point-package-card:hover .pkg-cover-bg{transform:scale(1.08)}.wallet-page-container .recharge-section .packages-grid .point-package-card:hover .pkg-overlay{background:linear-gradient(#0f172a33 0%,#0f172a99 50%,#0f172afa 100%)}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-cover-bg{z-index:1;background-position:50%;background-size:cover;transition:transform .5s;position:absolute;inset:0}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-cover-bg.fallback-bg{background:linear-gradient(135deg,#3b82f6 0%,#1e3a8a 100%)}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-cover-bg.fallback-bg .fallback-icon{color:#ffffff0a;font-size:12rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-overlay{z-index:2;background:linear-gradient(#0f172a0d 0%,#0f172a4d 40%,#0f172ae6 100%);flex-direction:column;justify-content:flex-end;transition:background .3s;display:flex;position:absolute;inset:0}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-content{flex-direction:column;align-items:center;padding:30px 20px;display:flex}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-content h4{color:#fff;text-shadow:0 2px 6px #0009;margin-bottom:12px;font-size:1.4rem;font-weight:800}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-content .points-amount{color:#fff;text-shadow:0 2px 6px #0009;margin-bottom:10px;font-size:2.3rem;font-weight:900}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-content .points-amount span:last-child{color:#cbd5e1;font-size:1.1rem;font-weight:400}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-content .pkg-price{color:#10b981;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b98126;border:1px solid #10b9814d;border-radius:20px;margin-bottom:25px;padding:6px 18px;font-size:1.15rem;font-weight:700}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-content .btn-buy{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:background .3s,transform .2s;box-shadow:0 4px 15px #3b82f666}.wallet-page-container .recharge-section .packages-grid .point-package-card .pkg-content .btn-buy:hover{background:#5392f7;transform:translateY(-2px)}.wallet-page-container .transactions-section .modern-list-container{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:1px solid #e5e7eb;border-radius:20px;height:350px;padding:10px 25px;overflow-y:auto}.wallet-page-container .transactions-section .modern-list-container::-webkit-scrollbar{display:none}.wallet-page-container .transactions-section .modern-list-container .list-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.wallet-page-container .transactions-section .modern-list-container .list-item:last-child{border-bottom:none}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info{align-items:center;gap:15px;display:flex}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info .avatar-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info .avatar-icon.consume-icon{color:#ef4444;background:#fee2e2}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info .avatar-icon.charge-icon{color:#10b981;background:#d1fae5}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info .details{flex-direction:column;gap:5px;display:flex}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info .details .name{color:#1f2937;font-size:.95rem;font-weight:700}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info .details .sub-text{color:#6b7280;font-size:.8rem}.wallet-page-container .transactions-section .modern-list-container .list-item .item-info .details .dir-ltr{text-align:right;direction:ltr}.wallet-page-container .transactions-section .modern-list-container .list-item .total-badge{border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:700}.wallet-page-container .transactions-section .modern-list-container .list-item .total-badge.badge-danger{color:#ef4444;background:#fee2e2}.wallet-page-container .transactions-section .modern-list-container .list-item .total-badge.badge-success{color:#10b981;background:#d1fae5}@media (width<=1024px){.wallet-page-container{width:95%}.wallet-page-container .wallet-layout-main{flex-direction:column}.wallet-page-container .wallet-right-panel,.wallet-page-container .wallet-left-panel{width:100%}.wallet-page-container .wallet-right-panel{position:static}}.payment-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#11182799;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payment-modal-overlay .payment-modal-content{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:420px;padding:30px;box-shadow:0 25px 50px -12px #00000040}.payment-modal-overlay .payment-modal-content h3{color:#1f2937;margin-bottom:15px;font-size:1.5rem;font-weight:800}.payment-modal-overlay .payment-modal-content .payment-desc{color:#6b7280;margin-bottom:30px;font-size:1.05rem;line-height:1.6}.payment-modal-overlay .payment-modal-content .payment-desc strong{color:#2563eb;font-weight:800}.payment-modal-overlay .payment-modal-content .payment-error-box{color:#b91c1c;text-align:right;background-color:#fef2f2;border:1px solid #f87171;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.95rem;font-weight:700;display:flex}.payment-modal-overlay .payment-modal-content .payment-options{flex-direction:column;gap:15px;display:flex}.payment-modal-overlay .payment-modal-content .payment-options button{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:1.1rem;font-weight:700;transition:transform .2s;display:flex}.payment-modal-overlay .payment-modal-content .payment-options button:hover{transform:translateY(-2px)}.payment-modal-overlay .payment-modal-content .payment-options button.btn-stripe{color:#fff;background:#6366f1}.payment-modal-overlay .payment-modal-content .payment-options button.btn-paymob{color:#fff;background:#0ea5e9}.payment-modal-overlay .payment-modal-content .btn-cancel{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-top:25px;padding:10px;font-size:1rem;font-weight:700}.payment-modal-overlay .payment-modal-content .btn-cancel:hover{text-decoration:underline}.glass-modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:999999!important}.glass-modal-overlay .glass-modal-card{-webkit-backdrop-filter:blur(20px);text-align:center;direction:rtl;background:#ffffffd9;border:1px solid #fff9;border-radius:18px;width:92%;max-width:380px;padding:30px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleInCard;box-shadow:0 15px 35px #0000001a}.glass-modal-overlay .glass-modal-card .modal-icon-header{margin-bottom:12px;font-size:2.4rem;transition:color .3s}.glass-modal-overlay .glass-modal-card h3{color:#1e293b;margin:0 0 20px;font-size:1.15rem;font-weight:700}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper{align-items:center;gap:12px;margin-bottom:24px;display:flex}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper .color-picker-wrapper{position:relative}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper .color-picker-wrapper .color-circle-btn{cursor:pointer;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper .color-picker-wrapper .color-circle-btn:hover{transform:scale(1.05)}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper .color-picker-wrapper .picker-popover-glass{border-radius:8px;position:absolute;top:45px;right:0;box-shadow:0 4px 12px #00000026;z-index:999999!important}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper .color-picker-wrapper .picker-popover-glass .popover-cover-glass{position:fixed;inset:0}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper .glass-input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;margin-bottom:0;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-modal-overlay .glass-modal-card .glass-input-color-wrapper .glass-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.glass-modal-overlay .glass-modal-card .modal-actions-flex{justify-content:center;gap:12px;display:flex}.glass-modal-overlay .glass-modal-card .modal-actions-flex button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s}.glass-modal-overlay .glass-modal-card .modal-actions-flex button.confirm-btn{color:#fff}.glass-modal-overlay .glass-modal-card .modal-actions-flex button.confirm-btn:hover{opacity:.9;transform:translateY(-1px)}.glass-modal-overlay .glass-modal-card .modal-actions-flex button.cancel-glass{color:#334155;background:#0000000d}.glass-modal-overlay .glass-modal-card .modal-actions-flex button.cancel-glass:hover{background:#00000014;transform:translateY(-1px)}.catalogue-sidebar{-webkit-backdrop-filter:blur(16px);z-index:10;direction:rtl;background:#fffffff2;border-right:1px solid #e2e8f0e6;flex-direction:column;width:380px;min-width:340px;max-width:420px;height:100%;display:flex;overflow:hidden;box-shadow:-4px 0 20px #0000000a}.catalogue-sidebar .sidebar-header{background:#fff;border-bottom:1px solid #f1f5f9e6;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.catalogue-sidebar .sidebar-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.catalogue-sidebar .sidebar-header h3 i{color:#0ea5e9;font-size:17px}.catalogue-sidebar .sidebar-header .close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:15px;transition:all .2s}.catalogue-sidebar .sidebar-header .close-btn:hover{color:#ef4444;background:#f1f5f9}.catalogue-sidebar .catalogue-search{background:#fff;border-bottom:1px solid #f1f5f9;padding:10px 14px}.catalogue-sidebar .catalogue-search .search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.catalogue-sidebar .catalogue-search .search-input-wrapper .fa-magnifying-glass{color:#94a3b8;pointer-events:none;z-index:2;justify-content:center;align-items:center;width:16px;height:16px;font-size:13px;line-height:1;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.catalogue-sidebar .catalogue-search .search-input-wrapper input{color:#334155;box-sizing:border-box;background-color:#f1f5f9;border:1px solid #0000;border-radius:20px;outline:none;width:100%;height:37px;padding:0 40px;font-size:14.4px;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.catalogue-sidebar .catalogue-search .search-input-wrapper input::placeholder{color:#6f7274a4}.catalogue-sidebar .catalogue-search .search-input-wrapper input:focus{background:#fff;border-color:#f2f3f3f6}.catalogue-sidebar .catalogue-search .search-input-wrapper .clear-search-btn{color:#94a3b8;cursor:pointer;z-index:3;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:color .2s,background-color .2s,transform .2s;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.catalogue-sidebar .catalogue-search .search-input-wrapper .clear-search-btn .fas.fa-times-circle{justify-content:center;align-items:center;width:16px;height:16px;font-size:13px;line-height:1;display:flex}.catalogue-sidebar .catalogue-search .search-input-wrapper .clear-search-btn:hover{color:#ef4444;background-color:#ef444414}.catalogue-sidebar .catalogue-search .search-input-wrapper .clear-search-btn:active{transform:translateY(-50%)scale(.92)}.catalogue-sidebar .categories-strip{white-space:nowrap;scrollbar-width:none;background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.catalogue-sidebar .categories-strip::-webkit-scrollbar{display:none}.catalogue-sidebar .categories-strip .cat-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s}.catalogue-sidebar .categories-strip .cat-tab:hover{color:#0284c7;border-color:#38bdf8}.catalogue-sidebar .categories-strip .cat-tab.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 2px 6px #0ea5e940}.catalogue-sidebar .selection-control-bar{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.catalogue-sidebar .selection-control-bar .btn-text-action{color:#0ea5e9;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.catalogue-sidebar .selection-control-bar .btn-text-action:disabled{color:#cbd5e1;cursor:not-allowed}.catalogue-sidebar .selection-control-bar .btn-text-action:hover:not(:disabled){color:#0284c7}.catalogue-sidebar .selection-control-bar .selected-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.catalogue-sidebar .products-grid-container{scrollbar-width:thin;flex:1;padding:10px;overflow-y:auto}.catalogue-sidebar .products-grid-container::-webkit-scrollbar{width:5px}.catalogue-sidebar .products-grid-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.catalogue-sidebar .products-grid-container .catalogue-state-msg{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.catalogue-sidebar .products-grid-container .catalogue-state-msg i{color:#cbd5e1;margin-bottom:10px;font-size:28px}.catalogue-sidebar .products-grid-container .catalogue-state-msg p{margin:0;font-size:13px}.catalogue-sidebar .products-grid-container .products-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card.out-of-stock{opacity:.6;cursor:not-allowed;filter:grayscale(80%);border-color:#e2e8f0}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card.out-of-stock:hover{box-shadow:none;transform:none}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card.out-of-stock .select-checkbox-overlay{display:none}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card:hover:not(.out-of-stock){border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card.selected{background:#f0f9ff;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card.selected .select-checkbox-overlay i{color:#0ea5e9}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .select-checkbox-overlay{z-index:3;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .select-checkbox-overlay i{color:#94a3b8;font-size:14px;transition:color .2s}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-img-outer{background-color:#f8fafc;width:100%;height:180px;position:relative;overflow:hidden}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-img-outer .card-img-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform .3s}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-img-outer .code-tag{color:#fff;z-index:2;direction:ltr;background:#0f172acc;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;bottom:4px;left:4px}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-img-outer .out-of-stock-badge{color:#fff;z-index:2;background:#dc2626e6;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card:hover:not(.out-of-stock) .card-img-bg{transform:scale(1.08)}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-details{flex-direction:column;flex:1;justify-content:space-between;padding:6px 8px;display:flex}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-details .product-title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:30px;margin:0 0 2px;font-size:11.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-details .product-price-row{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-details .product-price-row .price-amount{color:#10b981;font-size:13px;font-weight:800}.catalogue-sidebar .products-grid-container .products-grid .product-grid-card .card-details .product-price-row .price-amount small{font-size:10px;font-weight:500}.catalogue-sidebar .catalogue-footer-action{background:#fff;border-top:1px solid #e2e8f0;gap:8px;padding:10px;display:flex;box-shadow:0 -4px 12px #00000008}.catalogue-sidebar .catalogue-footer-action .btn-send-products{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.catalogue-sidebar .catalogue-footer-action .btn-send-products.text-send{background:#64748b}.catalogue-sidebar .catalogue-footer-action .btn-send-products.text-send:hover{background:#475569}.catalogue-sidebar .catalogue-footer-action .btn-send-products.template-send{background:#0ea5e9}.catalogue-sidebar .catalogue-footer-action .btn-send-products.template-send:hover{background:#0284c7}.catalogue-sidebar .catalogue-footer-action .btn-send-products i{font-size:13px}main{flex-direction:column;grid-area:main;align-items:center;width:calc(100% - 45px);max-width:calc(100vw - 45px);margin-left:45px;display:flex;overflow-x:hidden;margin-top:36px!important}main .crm-wrapper{direction:rtl;background-color:#f8fafc;border:5px solid #fafafa;border-radius:16px;align-self:stretch;width:96%;max-width:100%;height:calc(100vh - 145px);margin:20px auto;font-family:Tajawal,sans-serif;display:flex;box-shadow:0 4px 20px #0000000d;overflow:hidden!important}main .crm-wrapper .crm-sidebar{background:#fff;border-left:1px solid #f1f4f5;flex-direction:column;width:32%;min-width:320px;display:flex;flex:none!important}main .crm-wrapper .crm-sidebar .sidebar-header{z-index:100;background:#fff;border-bottom:1px solid #f1f4f5;padding:16px;position:relative}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row{flex-direction:column;gap:12px;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .search-box-modern{align-items:center;width:100%;display:flex;position:relative}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .search-box-modern .search-icon{color:#94a3b8;pointer-events:none;font-size:.9rem;position:absolute;right:14px}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .search-box-modern input{width:100%;font-size:.9rem 14.4px;color:#334155;background-color:#f1f5f9;border:none;border-radius:20px;outline:none;padding:12px 40px;transition:all .25s cubic-bezier(.4,0,.2,1)}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .search-box-modern input:focus{background-color:#e2e8f0;box-shadow:inset 0 1px 3px #0000000d}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .search-box-modern input::placeholder{color:#94a3b8}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:4px;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern::-webkit-scrollbar{display:none}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .filter-badge{color:#475569;cursor:pointer;white-space:nowrap;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .filter-badge:hover{background-color:#f1f5f9;border-color:#cbd5e1}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .filter-badge.active-filter{color:#0369a1;background-color:#e0f2fe;border-color:#bae6fd;font-weight:600}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .filter-badge .color-indicator{border-radius:3px;width:10px;height:10px;display:inline-block}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .filter-badge .clear-icon{color:#0284c7;border-radius:50%;margin-right:4px;padding:2px;font-size:.75rem}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .filter-badge .clear-icon:hover{color:#1506f0f6}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .filter-badge .caret{color:#94a3b8;font-size:.75rem}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .custom-dropdown-container{position:relative}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .custom-dropdown-container .custom-dropdown-menu{z-index:99999;transform-origin:100% 0;background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:4px;min-width:200px;padding:8px;animation:.15s cubic-bezier(.4,0,.2,1) scaleInMenu;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .custom-dropdown-container .custom-dropdown-menu .dropdown-item{cursor:pointer;border-radius:8px;flex-direction:row-reverse;justify-content:flex-end;align-items:center;padding:6px 4px;transition:background .2s;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .custom-dropdown-container .custom-dropdown-menu .dropdown-item:hover{background-color:#f8fafc}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .custom-dropdown-container .custom-dropdown-menu .dropdown-item.selected{background-color:#f1f5f9;font-weight:700}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .custom-dropdown-container .custom-dropdown-menu .dropdown-item .label-name{color:#334155;font-size:.9rem}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .custom-dropdown-container .custom-dropdown-menu .dropdown-item .color-indicator-large{border-radius:4px;width:16px;height:16px;margin:0 0 0 12px;display:inline-block}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged{background-color:#e0f2fe;border:1px dashed #0ea5e9;border-radius:8px;justify-content:space-between;align-items:center;padding:2px 15px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .select-all-toggle{cursor:pointer;align-items:center;gap:12px;padding:4px 0;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .select-all-toggle:hover .Check-Audience{border-color:#0284c7}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .select-all-toggle .Check-Audience{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:70%;border:1.5px solid #0ea5e9;border-radius:5px;width:20px;height:20px;transition:all .2s}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .select-all-toggle .Check-Audience.Checked-true{background-image:url(/images/check.png);border-color:#56b8e9}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .select-all-toggle .select-all-text{color:#0369a1;font-size:.85rem;font-weight:700}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .select-all-toggle .select-all-text .select-count-badge{opacity:.8;margin-left:6px;font-size:.8rem}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper{align-items:center;gap:10px;animation:.25s ease-out fadeInMsg;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:700;transition:background .2s;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-btn:hover{background:#0284c7}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-btn-close{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:transform .2s;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-btn-close:hover{color:#dc2626;transform:scale(1.1)}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper{position:relative}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu{z-index:99999;transform-origin:0 0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:250px;animation:.15s cubic-bezier(.4,0,.2,1) scaleInMenu;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 25px #00000026,0 4px 10px #0000000d}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-header{color:#475569;text-align:center;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;padding:10px 16px;font-size:.85rem;font-weight:700}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list{scroll-behavior:smooth;max-height:250px;padding:8px;overflow-y:auto}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list::-webkit-scrollbar{width:5px;height:5px}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list::-webkit-scrollbar-track{background:0 0}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list::-webkit-scrollbar-thumb{background:#64748b26;border-radius:10px}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list::-webkit-scrollbar-thumb:hover{background:#0ea5e94d}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .create-new-btn-item{background-color:#e0f2fe;margin-bottom:6px;font-weight:700;color:#0ea5e9!important;justify-content:center!important}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .create-new-btn-item:hover{color:#0284c7!important;background-color:#bae6fd!important}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .create-new-btn-item span{color:inherit!important;text-align:center!important;flex:none!important}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .bulk-dropdown-item{cursor:pointer;border-radius:8px;justify-content:flex-end;align-items:center;gap:12px;padding:10px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .bulk-dropdown-item:hover{background-color:#f1f5f9}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .bulk-dropdown-item .label-color-icon{align-items:center;font-size:16px;display:flex}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .bulk-dropdown-item .label-name{color:#334155;text-align:right;-webkit-user-select:none;user-select:none;flex:1;font-size:.88rem;font-weight:600}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .bulk-dropdown-item .Check-Audience{border:1.5px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .bulk-dropdown-item .Check-Audience.Checked-true{background-image:url(/images/check.png);background-position:50%;background-repeat:no-repeat;background-size:70%}main .crm-wrapper .crm-sidebar .sidebar-header .header-top-row .filters-row-modern .select-all-bar-merged .bulk-actions-wrapper .bulk-dropdown-wrapper .bulk-custom-menu .bulk-menu-list .bulk-dropdown-item .Check-Audience.Checked-minus:after{content:"";background-color:#0ea5e9;border-radius:2px;width:10px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .crm-wrapper .crm-sidebar .conversations-list{scroll-behavior:smooth;flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}main .crm-wrapper .crm-sidebar .conversations-list::-webkit-scrollbar{width:5px;height:5px}main .crm-wrapper .crm-sidebar .conversations-list::-webkit-scrollbar-track{background:0 0}main .crm-wrapper .crm-sidebar .conversations-list::-webkit-scrollbar-thumb{background:#64748b26;border-radius:10px}main .crm-wrapper .crm-sidebar .conversations-list::-webkit-scrollbar-thumb:hover{background:#0ea5e94d}main .crm-wrapper .crm-sidebar .conversations-list .conv-item{cursor:pointer;z-index:1;background:#fff;border-bottom:1px dashed #eeeff09c;border-radius:12px 12px 0 0;align-items:center;padding:12px 10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}main .crm-wrapper .crm-sidebar .conversations-list .conv-item:hover{background-color:#f8fafc;transform:translate(-2px)}main .crm-wrapper .crm-sidebar .conversations-list .conv-item.active,main .crm-wrapper .crm-sidebar .conversations-list .conv-item.item-selected{background-color:#f1f5f9}main .crm-wrapper .crm-sidebar .conversations-list .conv-item.menu-open{z-index:99;background-color:#f1f5f9}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .checkbox-wrapper{justify-content:center;align-items:center;padding:0 4px;display:flex}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .checkbox-wrapper .Check-Audience{cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:70%;border:1.5px solid #cbd5e1;border-radius:5px;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .checkbox-wrapper .Check-Audience:hover,main .crm-wrapper .crm-sidebar .conversations-list .conv-item .checkbox-wrapper .Check-Audience.Checked-true{background-image:url(/images/check.png)}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .avatar{background:#e0f2fe url(/images/DefaultCover.png) 50%/cover no-repeat;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:44px;height:44px;margin-left:12px;margin-right:6px}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;margin-right:7px;display:flex}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header{justify-content:space-between;align-items:center;display:flex}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header div{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.95rem;display:flex;overflow:hidden}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header div span{font-family:Tajawal,sans-serif}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header div .pin-icon{color:#94a3b8;transform:rotate(45deg)}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header div .real-name{color:#4177b4;font-family:Tajawal,sans-serif;font-weight:700}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header div .real-name .verified-icon{color:#25baf5;margin-left:2px;font-size:12px}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header div .fav-icon{color:#ef4444;font-size:13px}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header div .blocked-icon{color:#9ca3af;font-size:13px}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header .time{color:#64748b;flex-shrink:0;margin-right:5px;font-size:.75rem}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg{justify-content:space-between;align-items:center;display:flex}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:275px;margin:0;font-size:.85rem;font-weight:500;display:flex;overflow:hidden}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text .short-labels{display:flex}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text .short-labels div{color:#fff;opacity:.7;background:#414955;border-radius:4px;margin:2px;padding:3px 6px;font-family:Tajawal,sans-serif;font-size:9px}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text .short-labels div:hover{opacity:1.6}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .badge-unread-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.72rem;font-weight:700;display:flex;box-shadow:0 1px 3px #25d36640;color:#fff!important;background-color:#25d366!important}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-dropdown-trigger{color:#94a3b8;cursor:pointer;opacity:0;flex-shrink:0;padding:4px;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(2px)}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-dropdown-trigger:hover{color:#0ea5e9}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu{z-index:9999;transform-origin:0 0;background:#fff;border:none;border-radius:12px;width:max-content;min-width:168px;padding:8px 0;animation:.15s cubic-bezier(.4,0,.2,1) scaleInMenu;position:absolute;top:25px;left:0;box-shadow:0 2px 5px #191a1a42,0 2px 10px #ffffffe0}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-divider{border:none;border-top:1px solid #e9edef;margin:4px 0}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item{text-align:right;color:#666b6f;cursor:pointer;white-space:nowrap;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:9px;padding:8px 12px;font-size:.95rem;transition:background .1s;display:flex}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item:hover{background-color:#f5f6f6}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item i,main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item svg{color:#54656f;font-size:16px}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item.text-danger,main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item.text-danger i,main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item.text-danger svg{color:#ef4444}main .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-context-menu .menu-action-item.text-danger:hover{background-color:#fef2f2}main .crm-wrapper .crm-sidebar .conversations-list .conv-item:hover .whatsapp-dropdown-trigger,main .crm-wrapper .crm-sidebar .conversations-list .conv-item.menu-open .whatsapp-dropdown-trigger{opacity:1!important;transform:translateY(0)!important}main .crm-wrapper .crm-chat-area{background:#f1f5f9;border-left:1px solid #f1f4f5;flex-direction:column;display:flex;flex:1!important;width:auto!important;min-width:0!important;overflow-x:hidden!important}main .crm-wrapper .crm-chat-area .chat-header{background:#fff;border-bottom:1px solid #f1f4f5;justify-content:space-between;align-items:center;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005}main .crm-wrapper .crm-chat-area .chat-header .clickable-info:hover{opacity:.85}main .crm-wrapper .crm-chat-area .chat-header .header-info-container{align-items:center;gap:12px;display:flex}main .crm-wrapper .crm-chat-area .chat-header .header-info-container .chat-avatar-mini{background:#e0f2fe url(/images/DefaultCover.png) 50%/cover no-repeat;border:1px solid #bae6fd;border-radius:50%;width:40px;height:40px}main .crm-wrapper .crm-chat-area .chat-header .header-info-container .header-text-details{flex-direction:column;gap:2px;display:flex}main .crm-wrapper .crm-chat-area .chat-header .header-info-container .header-text-details h3{color:#1f2937;align-items:center;margin:0;font-size:1rem;font-weight:700;display:flex}main .crm-wrapper .crm-chat-area .chat-header .header-info-container .header-text-details .subtitle-caption{color:#10b981;align-items:center;font-size:.78rem;display:flex}main .crm-wrapper .crm-chat-area .chat-header .status-indicator-wrapper{align-items:center;gap:6px;display:inline-flex}main .crm-wrapper .crm-chat-area .chat-header .status-indicator-wrapper .status-dot{border-radius:50%;width:8px;height:8px;transition:background-color .3s,box-shadow .3s;display:inline-block}main .crm-wrapper .crm-chat-area .chat-header .status-indicator-wrapper .status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b98180}main .crm-wrapper .crm-chat-area .chat-header .status-indicator-wrapper .status-dot.inactive{box-shadow:none;background-color:#94a3b8}main .crm-wrapper .crm-chat-area .chat-header .status-indicator-wrapper .status-text{color:#64748b;font-size:.85rem}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions{align-items:center;gap:10px;display:flex}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .chat-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .chat-action-btn:hover{color:#0ea5e9;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:24px;outline:none;align-items:center;gap:8px;padding:6px 12px;transition:all .3s;display:flex}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle.active .switch-track{background:#fff}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle.active .switch-track .switch-thumb{background:#0ea5e9;left:calc(100% - 14px)}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle .switch-track{background:#e2e8f0;border-radius:999px;align-items:center;width:28px;height:16px;transition:background .3s;display:inline-flex;position:relative}main .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle .switch-track .switch-thumb{background:#94a3b8;border-radius:50%;width:12px;height:12px;transition:left .3s,background .3s;position:absolute;left:2px}main .crm-wrapper .crm-chat-area .chat-history{scroll-behavior:smooth;background-color:#f8fafc;flex-direction:column;flex:1;gap:10px;padding:24px;display:flex;overflow-y:auto}main .crm-wrapper .crm-chat-area .chat-history::-webkit-scrollbar{width:5px;height:5px}main .crm-wrapper .crm-chat-area .chat-history::-webkit-scrollbar-track{background:0 0}main .crm-wrapper .crm-chat-area .chat-history::-webkit-scrollbar-thumb{background:#64748b26;border-radius:10px}main .crm-wrapper .crm-chat-area .chat-history::-webkit-scrollbar-thumb:hover{background:#0ea5e94d}main .crm-wrapper .crm-chat-area .chat-history .msg-bubble{border-radius:12px;max-width:60%;padding:10px 14px;font-size:.9rem;font-weight:500;line-height:1.5;animation:.2s ease-out fadeInMsg;box-shadow:0 2px 8px #0000000a}main .crm-wrapper .crm-chat-area .chat-history .msg-bubble.inbound{color:#1f2937;background:#fff;border:1px solid #e2e8f099;border-top-right-radius:2px;align-self:flex-start}main .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound{background:#fff;border:1px solid #eee;border-top-left-radius:2px;align-self:flex-end}main .crm-wrapper .crm-chat-area .chat-history .msg-bubble .msg-time{color:#64748b;text-align:left;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:.7rem;display:flex}main .crm-wrapper .crm-chat-area .chat-input-area{background:#fff;border-top:1px solid #f1f4f5;align-items:center;gap:12px;padding:16px 20px;display:flex}main .crm-wrapper .crm-chat-area .chat-input-area input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:14px 20px;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}main .crm-wrapper .crm-chat-area .chat-input-area input:focus{background-color:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}main .crm-wrapper .crm-chat-area .chat-input-area button{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0ea5e940}main .crm-wrapper .crm-chat-area .chat-input-area button:hover{background:#0284c7;transform:translateY(-1px)}main .crm-wrapper .crm-profile-drawer{scroll-behavior:smooth;scroll-behavior:smooth;background:#fff;flex-direction:column;gap:20px;width:26%;min-width:260px;padding:24px 20px;display:flex;overflow-y:auto;flex:none!important}main .crm-wrapper .crm-profile-drawer::-webkit-scrollbar{width:5px;height:5px}main .crm-wrapper .crm-profile-drawer::-webkit-scrollbar-track{background:0 0}main .crm-wrapper .crm-profile-drawer::-webkit-scrollbar-thumb{background:#64748b26;border-radius:10px}main .crm-wrapper .crm-profile-drawer::-webkit-scrollbar-thumb:hover{background:#0ea5e94d}main .crm-wrapper .crm-profile-drawer .profile-header{text-align:center}main .crm-wrapper .crm-profile-drawer .profile-header .big-avatar{background:#e0f2fe url(/images/DefaultCover.png) 50%/cover no-repeat;border:2px solid #bae6fd;border-radius:50%;width:84px;height:84px;margin:0 auto 12px}main .crm-wrapper .crm-profile-drawer .profile-header .subtitle-caption{color:#10b981;justify-content:center;align-items:center;font-size:.78rem;display:flex}main .crm-wrapper .crm-profile-drawer .profile-header .status-indicator-wrapper{align-items:center;gap:6px;display:inline-flex}main .crm-wrapper .crm-profile-drawer .profile-header .status-indicator-wrapper .status-dot{border-radius:50%;width:8px;height:8px;transition:background-color .3s,box-shadow .3s;display:inline-block}main .crm-wrapper .crm-profile-drawer .profile-header .status-indicator-wrapper .status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b98180}main .crm-wrapper .crm-profile-drawer .profile-header .status-indicator-wrapper .status-dot.inactive{box-shadow:none;background-color:#94a3b8}main .crm-wrapper .crm-profile-drawer .profile-header .status-indicator-wrapper .status-text{color:#64748b;font-size:.85rem}main .crm-wrapper .crm-profile-drawer .profile-header h2{color:#1f2937;margin:0;font-size:1.05rem;font-weight:700}main .crm-wrapper .crm-profile-drawer .profile-header p{color:#6a736cb5;margin:4px 0 0;font-size:.8rem}main .crm-wrapper .crm-profile-drawer .profile-section{background:#f8fafc;border:1px solid #f1f4f5;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .section-header-flex{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .section-header-flex h4{color:#0ea5e9;align-items:center;gap:6px;margin:0;font-size:.85rem;font-weight:800;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .section-header-flex .add-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}main .crm-wrapper .crm-profile-drawer .profile-section .section-header-flex .add-btn:hover{color:#0ea5e9;transform:scale(1.1)}main .crm-wrapper .crm-profile-drawer .profile-section .info-row{justify-content:flex-start;align-items:center;font-size:.85rem;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .info-row span{color:#64748b;margin-left:10px}main .crm-wrapper .crm-profile-drawer .profile-section .info-row strong{color:#1f2937;font-weight:600}main .crm-wrapper .crm-profile-drawer .profile-section .profile-labels-wrapper{flex-wrap:wrap;gap:6px;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .tag{color:#fff;border-radius:20px;align-items:center;gap:6px;margin:2px;padding:5px 10px;font-size:.75rem;font-weight:700;display:inline-flex}main .crm-wrapper .crm-profile-drawer .profile-section .list-label{flex-direction:column;width:100%;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:5px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style:last-child{border-bottom:none}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style:hover{background-color:#f1f5f9;border-radius:6px}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style:hover .control{opacity:1;color:#65c4f0}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .option{align-items:center;gap:10px;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .option .AcType i{font-size:16px}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .option .Check-Audience{cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:68%;border:1.5px solid #cbd5e1;border-radius:4px;width:20px;height:20px;transition:all .2s}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .option .Check-Audience:hover,main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .option .Check-Audience.Checked-true{background-image:url(/images/check.png)}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .option span{color:#1f2937;cursor:pointer;font-size:.9rem}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .control{opacity:0;align-items:center;gap:14px;transition:opacity .2s;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .control div{cursor:pointer;color:#94a3b8;transition:all .25s cubic-bezier(.4,0,.2,1)}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .control div:hover{color:#0ea5e9}main .crm-wrapper .crm-profile-drawer .profile-section .list-label .label-list-style .control div .fa-times:hover{color:#ef4444}main .crm-wrapper .crm-profile-drawer .profile-section .add-label-container{border-top:1px dashed #e2e8f0;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}main .crm-wrapper .crm-profile-drawer .profile-section .add-label-container .color-picker-wrapper{position:relative}main .crm-wrapper .crm-profile-drawer .profile-section .add-label-container .color-picker-wrapper .color-circle{cursor:pointer;border:2px solid #e2e8f0;border-radius:50%;width:27px;height:27px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}main .crm-wrapper .crm-profile-drawer .profile-section .add-label-container .color-picker-wrapper .color-circle:hover{transform:scale(1.05)}main .crm-wrapper .crm-profile-drawer .profile-section .add-label-container .color-picker-wrapper .picker-popover{border-radius:8px;position:absolute;bottom:-225px;right:-70px;box-shadow:0 4px 12px #00000026;z-index:999999!important}main .crm-wrapper .crm-profile-drawer .profile-section .add-label-container .new-label-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:.85rem;transition:all .25s cubic-bezier(.4,0,.2,1)}main .crm-wrapper .crm-profile-drawer .profile-section .add-label-container .new-label-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}main .crm-wrapper .crm-profile-drawer .system-sales-info .info-row{margin-bottom:4px}main .crm-wrapper .crm-profile-drawer .system-sales-info .info-row strong{color:#334155}main .crm-wrapper .crm-profile-drawer .system-sales-info .badge-count-sales{color:#0ea5e9;background:#e0f2fe;border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:700}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section{margin-top:14px}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .top-products-title{color:#64748b;margin-bottom:8px;font-size:.8rem;font-weight:700;display:block}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000005}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000a}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-img-box{background-color:#f8fafc;background-position:50%;background-size:cover;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-img-box i{color:#cbd5e1;font-size:18px}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-details{flex-direction:column;flex:1;display:flex;overflow:hidden}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-details .prod-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-details .prod-price{color:#10b981;font-size:.75rem;font-weight:700}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-buy-count{background:#f8fafc;border-radius:6px;flex-direction:column;flex-shrink:0;align-items:center;padding:4px 6px;display:flex}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-buy-count .count-num{color:#0ea5e9;font-size:.85rem;font-weight:800}main .crm-wrapper .crm-profile-drawer .system-sales-info .top-products-fav-section .fav-prod-row-item .prod-buy-count .count-lbl{color:#64748b;font-size:.65rem}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInCard{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleInMenu{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.crm-wrapper{border-radius:0;width:100%;height:calc(100vh - 80px);margin:0}.crm-wrapper .crm-profile-drawer{display:none}}@media (width<=768px){.crm-wrapper .crm-sidebar{width:100%;min-width:100%}.crm-wrapper .crm-chat-area{display:none}}.crm-chat-area{background:#f1f5f9;border-left:1px solid #f1f4f5;flex-direction:column;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;flex:1!important;width:auto!important;min-width:0!important;overflow-x:hidden!important}.crm-chat-area .chat-header{z-index:10;background:#fff;border-bottom:1px solid #f1f4f5;justify-content:space-between;align-items:center;min-height:70px;padding:12px 24px;display:flex;box-shadow:0 1px 3px #00000005}.crm-chat-area .chat-header .header-info-container{cursor:pointer;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.crm-chat-area .chat-header .header-info-container:hover{opacity:.85}.crm-chat-area .chat-header .header-info-container .header-text-details{flex-direction:column;gap:2px;display:flex}.crm-chat-area .chat-header .header-info-container .header-text-details h3{color:#1f2937;margin:0;font-size:1rem;font-weight:700}.crm-chat-area .chat-header .header-info-container .header-text-details .subtitle-caption{color:#10b981;align-items:center;gap:10px;font-size:.78rem;display:flex}.crm-chat-area .chat-header .status-indicator-wrapper{align-items:center;gap:6px;display:inline-flex}.crm-chat-area .chat-header .status-indicator-wrapper .status-dot{border-radius:50%;width:8px;height:8px}.crm-chat-area .chat-header .status-indicator-wrapper .status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b98180}.crm-chat-area .chat-header .status-indicator-wrapper .status-dot.inactive{background-color:#94a3b8}.crm-chat-area .chat-header .status-indicator-wrapper .status-text{color:#64748b;font-size:.85rem}.crm-chat-area .chat-header .header-left-actions{align-items:center;gap:8px;display:flex}.crm-chat-area .chat-header .header-left-actions .chat-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.crm-chat-area .chat-header .header-left-actions .chat-action-btn:hover{color:#0ea5e9;background:#f8fafc;border-color:#38bdf8}.crm-chat-area .chat-header .header-left-actions .chat-action-btn.active-btn{color:#fff;background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e94d}.crm-chat-area .chat-header .header-left-actions .auto-reply-toggle{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:24px;align-items:center;gap:8px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.crm-chat-area .chat-header .header-left-actions .auto-reply-toggle.active{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.crm-chat-area .chat-header .header-left-actions .auto-reply-toggle.active .switch-track .switch-thumb{background:#0ea5e9;left:calc(100% - 14px)}.crm-chat-area .chat-header .header-left-actions .auto-reply-toggle .switch-track{background:#e2e8f0;border-radius:999px;align-items:center;width:28px;height:16px;display:inline-flex;position:relative}.crm-chat-area .chat-header .header-left-actions .auto-reply-toggle .switch-track .switch-thumb{background:#94a3b8;border-radius:50%;width:12px;height:12px;transition:left .3s;position:absolute;left:2px}.crm-chat-area .chat-history{flex-direction:column;gap:10px;display:flex}.crm-chat-area .chat-history .msg-bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:12px;flex-direction:column;width:fit-content;min-width:140px;max-width:65%;padding:8px 12px 6px;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.crm-chat-area .chat-history .msg-bubble .action-product-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;margin-top:8px;transition:all .2s;display:flex}.crm-chat-area .chat-history .msg-bubble .action-product-card:hover{background:#f1f5f9;border-color:#cbd5e1}.crm-chat-area .chat-history .msg-bubble .action-product-card .product-inquiry-label{color:#64748b;font-size:.8rem;font-weight:500}.crm-chat-area .chat-history .msg-bubble .action-product-card .btn-add-cart{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;align-items:center;gap:6px;margin:5px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.crm-chat-area .chat-history .msg-bubble .action-product-card .btn-add-cart i{font-size:.9rem}.crm-chat-area .chat-history .msg-bubble .action-product-card .btn-add-cart:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b98133}.crm-chat-area .chat-history .msg-bubble .action-product-card .btn-add-cart:active{box-shadow:none;transform:translateY(0)}.crm-chat-area .chat-history .msg-bubble.document-bubble{width:340px;max-width:100%;padding:4px}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card{background:#0000000a;border:1px solid #0000000d;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px;transition:background .2s;display:flex;position:relative;overflow:hidden}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card:hover{background:#0000000f}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card.doc-pdf .doc-icon-box{color:#ef4444}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card.doc-excel .doc-icon-box{color:#10b981}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card.doc-word .doc-icon-box{color:#3b82f6}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card.doc-archive .doc-icon-box{color:#f59e0b}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card.doc-generic .doc-icon-box{color:#64748b}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card .doc-icon-box{background:#fff;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:52px;display:flex;box-shadow:0 1px 3px #0000000d}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card .doc-icon-box i{font-size:1.6rem}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card .doc-icon-box .doc-ext-label{text-transform:uppercase;margin-top:2px;font-size:.55rem;font-weight:800}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card .doc-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card .doc-info .doc-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;text-align:left;direction:ltr;width:100%;margin-bottom:3px;font-size:.85rem;overflow:hidden}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-doc-card .doc-info .doc-meta{color:#64748b;text-align:left;direction:ltr;font-size:.7rem}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-text-content{color:#334155a8;padding:4px 6px;font-size:.8rem}.crm-chat-area .chat-history .msg-bubble.document-bubble .msg-time{padding:0 6px}.crm-chat-area .chat-history .msg-bubble .msg-text-content .phone-call-btn{direction:rtl;background:linear-gradient(135deg,#048ee4,#d526da);border-radius:50px 10px;justify-content:center;align-items:center;gap:8px;margin:4px 2px;padding:4px 12px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;color:#fff!important}.crm-chat-area .chat-history .msg-bubble .msg-text-content .phone-call-btn .phone-icon{font-size:.85rem;animation:2s infinite pulse-ring}.crm-chat-area .chat-history .msg-bubble .msg-text-content .phone-call-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 8px #28a74566}.crm-chat-area .chat-history .msg-bubble .msg-text-content .phone-call-btn:active{transform:translateY(0);box-shadow:0 1px 3px #28a7454d}.crm-chat-area .chat-history .msg-bubble.inbound .msg-action-trigger,.crm-chat-area .chat-history .msg-bubble.inbound .msg-context-menu{left:8px}.crm-chat-area .chat-history .msg-bubble.outbound .msg-action-trigger,.crm-chat-area .chat-history .msg-bubble.outbound .msg-context-menu{right:8px}.crm-chat-area .chat-history .msg-bubble .msg-action-trigger{color:#64748b;cursor:pointer;z-index:15;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;transition:transform .2s;display:none;position:absolute;top:4px;box-shadow:0 1px 4px #00000026}.crm-chat-area .chat-history .msg-bubble .msg-action-trigger:hover{color:#0ea5e9;transform:scale(1.1)}.crm-chat-area .chat-history .msg-bubble:hover .msg-action-trigger{display:flex}.crm-chat-area .chat-history .msg-bubble.inbound{color:#1f2937;background:#fff;border:1px solid #e2e8f099;border-top-right-radius:2px;align-self:flex-start}.crm-chat-area .chat-history .msg-bubble.inbound .msg-action-trigger{left:4px}.crm-chat-area .chat-history .msg-bubble.outbound{border:1px solid #eee;border-top-left-radius:2px;align-self:flex-end}.crm-chat-area .chat-history .msg-bubble.outbound .msg-action-trigger{margin:4px}.crm-chat-area .chat-history .msg-bubble .msg-context-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:130px;padding:4px 0;animation:.15s ease-out scaleInMenu;position:absolute;top:26px;box-shadow:0 4px 12px #00000026}.inbound .crm-chat-area .chat-history .msg-bubble .msg-context-menu{left:4px}.outbound .crm-chat-area .chat-history .msg-bubble .msg-context-menu{right:4px}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item{color:#1f2937;cursor:pointer;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.8rem;transition:background .15s;display:flex}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item span{font-weight:500}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item svg{color:#94a3b8;font-size:.75rem}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item:hover{color:#0ea5e9;background:#f8fafc}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item:hover svg{color:#0ea5e9}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item.text-danger,.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item.text-danger i{color:#ef4444}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item.text-danger:hover{color:#dc2626;background:#fef2f2}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-action-item.text-danger:hover i{color:#dc2626}.crm-chat-area .chat-history .msg-bubble .msg-context-menu .menu-divider{border:none;border-top:1px solid #f1f5f9;margin:4px 0}.crm-chat-area .chat-history .msg-bubble.media-bubble{border:1px solid #e2e8f0cc;width:450px;max-width:100%;padding:6px;background:#fff!important}.crm-chat-area .chat-history .msg-bubble.media-bubble .msg-action-trigger{background:#ffffffe6;top:10px}.crm-chat-area .chat-history .msg-bubble.media-bubble.inbound .msg-action-trigger{left:10px}.crm-chat-area .chat-history .msg-bubble.media-bubble.outbound .msg-action-trigger{right:10px}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost{opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;height:370px;transition:all .6s ease-in-out;display:flex}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content{color:#483d8b;background-color:#fbfbfb5e;border-radius:8px;justify-content:center;align-items:center;width:165px;height:165px;margin:20px;display:flex;position:relative}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .imgsGrid{height:inherit;flex-wrap:wrap;place-content:center;align-items:center;display:flex;overflow:hidden}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .imgsGrid .thmImg{cursor:pointer;opacity:.7;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;width:75px;height:72px;margin:1px;transition:transform 1.5s,opacity 1.5s}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .imgsGrid .thmImg:nth-child(n+5){display:none}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .imgsGrid .thmImg:hover{opacity:1;transform:scale(1.03)}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .love-container{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ff4081;border-radius:10px;padding:20px 40px;font-size:1.8rem;transition:background .3s;display:inline-block;position:relative;overflow:hidden}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .love-container:hover{background:#ff6199}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .love-container .heart{opacity:0;pointer-events:none;font-size:1.5rem;animation:1.2s ease-out forwards floatUp;position:absolute}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .count{z-index:2;position:absolute}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .Media-content .count span{color:#fbfbfb;font-family:cursive;font-size:75px;font-weight:700}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .buyAction{color:#483d8b;background-color:#fbfbfb82;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:65px;margin:20px;padding:0 20px;display:flex}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost .buyAction .ADtoCrt{cursor:pointer;color:#f3f5f7;font-size:x-large}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost:hover{opacity:1;height:570px;transform:scale(1.02)}.crm-chat-area .chat-history .msg-bubble.media-bubble .imgPost:hover .ADtoCrt{color:#ff5722cc;font-size:xx-large}.crm-chat-area .chat-history .msg-bubble.media-bubble .msg-text-content{color:#545a5c;margin-top:6px;margin-bottom:2px;padding:7px 5px}.crm-chat-area .chat-history .msg-bubble .msg-time{color:#94a3b8;align-self:flex-end;align-items:center;gap:4px;margin-top:4px;margin-bottom:-2px;font-size:.7rem;display:flex}.crm-chat-area .chat-history .msg-bubble.product-bubble{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px #0000000d;background-color:#fff!important;width:380px!important;max-width:360px!important;padding:0!important}.crm-chat-area .chat-history .msg-bubble.product-bubble .product-image{background-color:#f8fafc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #f1f5f9;border-radius:8px 8px 0 0;width:100%;height:360px;position:relative}.crm-chat-area .chat-history .msg-bubble.product-bubble .product-image .buyAction{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fbfbfba6;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:45px;margin:10px;padding:0 15px;transition:all .2s;display:flex;position:absolute;left:0;top:280px!important}.crm-chat-area .chat-history .msg-bubble.product-bubble .product-image .buyAction:hover{background-color:#cffa0ec7}.crm-chat-area .chat-history .msg-bubble.product-bubble .product-image .buyAction:hover .ADtoCrt{color:#fff;transform:scale(1.1)}.crm-chat-area .chat-history .msg-bubble.product-bubble .product-image .buyAction .ADtoCrt{cursor:pointer;color:#e9660f;font-size:1.2rem;transition:all .2s}.crm-chat-area .chat-history .msg-bubble.product-bubble .produffct-image{background-color:#f8fafc;background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #f1f5f9;border-radius:8px 8px 0 0;width:100%;height:230px;position:relative}.crm-chat-area .chat-history .msg-bubble.product-bubble .produffct-image .product-actions-overlay{position:absolute;bottom:10px;right:10px}.crm-chat-area .chat-history .msg-bubble.product-bubble .produffct-image .product-actions-overlay .badge-product{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f59e0b;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0003}.crm-chat-area .chat-history .msg-bubble.product-bubble .msg-text-content{color:#334155;white-space:pre-wrap;text-align:right;direction:rtl;font-size:.95rem;line-height:1.6;padding:12px 15px!important}.crm-chat-area .chat-history .msg-bubble.product-bubble .msg-text-content strong,.crm-chat-area .chat-history .msg-bubble.product-bubble .msg-text-content b{color:#0f282a}.crm-chat-area .chat-history .msg-bubble.product-bubble .msg-time{color:#888;background-color:#0000;justify-content:flex-end;align-items:center;gap:5px;font-size:11px;display:flex;padding:5px 15px 10px!important}.crm-chat-area .chat-history .msg-bubble.product-bubble.inbound{border-right:4px solid #0ea5e9}.crm-chat-area .chat-history .msg-bubble.product-bubble.outbound{border-left:4px solid #10b981}.crm-chat-area .blocked-chat-overlay{text-align:center;color:#eef1f5;background-color:#8392a1;border:1px solid #94a3b8;border-radius:8px;margin:10px 20px;padding:15px}.crm-chat-area .blocked-chat-overlay svg{color:#68db59f8}.crm-chat-area .blocked-chat-overlay span{font-family:Tajawal,sans-serif;font-size:.9rem}.crm-chat-area .chat-input-wrapper{z-index:10;box-sizing:border-box;background:#fff;border-top:1px solid #f1f4f5;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;padding:12px 20px;display:flex}.crm-chat-area .chat-input-wrapper .reply-preview-bar{background:#f1f5f9;border-right:4px solid #0ea5e9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 14px;display:flex;box-shadow:inset 0 2px 4px #00000005}.crm-chat-area .chat-input-wrapper .reply-preview-bar.edit-mode{background:#10b9810d;border-right-color:#10b981}.crm-chat-area .chat-input-wrapper .reply-preview-bar.edit-mode .reply-sender{color:#10b981!important}.crm-chat-area .chat-input-wrapper .reply-preview-bar .reply-content{flex-direction:column;gap:2px;display:flex;overflow:hidden}.crm-chat-area .chat-input-wrapper .reply-preview-bar .reply-content .reply-sender{color:#0ea5e9;font-size:.8rem;font-weight:800}.crm-chat-area .chat-input-wrapper .reply-preview-bar .reply-content .reply-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:350px;font-size:.85rem;overflow:hidden}.crm-chat-area .chat-input-wrapper .reply-preview-bar .cancel-reply-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem}.crm-chat-area .chat-input-wrapper .reply-preview-bar .cancel-reply-btn:hover{color:#ef4444;transform:scale(1.1)}.crm-chat-area .chat-input-wrapper .media-preview-tray{cursor:grab;-ms-overflow-style:none;scrollbar-width:none;background:#e0f2fe url(/images/u.png);border-bottom:1px dashed #e2e8f0;flex-flow:row;gap:12px;width:100%;max-width:100%;margin-bottom:4px;padding:10px 4px 14px;display:flex;overflow:auto hidden}.crm-chat-area .chat-input-wrapper .media-preview-tray::-webkit-scrollbar{display:none}.crm-chat-area .chat-input-wrapper .media-preview-tray:active{cursor:grabbing}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border:2px solid #fff;border-radius:8px;flex:0 0 64px;width:80px;height:75px;position:relative;box-shadow:0 2px 5px #00000014}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-img-bg{background-color:#f1f5f9;background-position:50%;background-size:cover;border-radius:6px;width:100%;height:100%}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;width:140px;height:100%;padding:8px;display:flex;box-shadow:0 2px 4px #00000005}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-pdf .doc-icon svg{color:#ef4444!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-pdf .doc-icon .doc-ext{color:#ef4444!important;background:#ef44441a!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-excel .doc-icon svg{color:#10b981!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-excel .doc-icon .doc-ext{color:#10b981!important;background:#10b9811a!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-word .doc-icon svg{color:#3b82f6!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-word .doc-icon .doc-ext{color:#3b82f6!important;background:#3b82f61a!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-archive .doc-icon svg{color:#f59e0b!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-archive .doc-icon .doc-ext{color:#f59e0b!important;background:#f59e0b1a!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-generic .doc-icon svg{color:#64748b!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg.doc-generic .doc-icon .doc-ext{color:#64748b!important;background:#64748b1a!important}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg .doc-icon{flex-direction:column;justify-content:center;align-items:center;min-width:35px;display:flex}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg .doc-icon i{margin-bottom:2px;font-size:1.8rem}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg .doc-icon .doc-ext{text-transform:uppercase;border-radius:4px;padding:1px 4px;font-size:.55rem;font-weight:700}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg .doc-details{flex-direction:column;justify-content:center;width:100%;display:flex;overflow:hidden}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg .doc-details .file-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;direction:ltr;margin-bottom:4px;font-size:.7rem;font-weight:600;overflow:hidden}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg .doc-details .file-size{color:#94a3b8;font-size:.6rem}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg{color:#475569;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg i{color:#0ea5e9;margin-bottom:6px;font-size:1.5rem}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .preview-doc-bg .file-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;direction:ltr;width:100%;font-size:.65rem;overflow:hidden}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .remove-btn{color:#fff;cursor:pointer;z-index:2;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-6px;right:-6px}.crm-chat-area .chat-input-wrapper .media-preview-tray .preview-item .remove-btn:hover{background:#dc2626;transform:scale(1.1)}.crm-chat-area .chat-input-wrapper .input-main-row{align-items:flex-end;gap:12px;display:flex}.crm-chat-area .chat-input-wrapper .input-main-row .attachment-tools{align-items:center;gap:8px;padding-bottom:6px;display:flex}.crm-chat-area .chat-input-wrapper .input-main-row .attachment-tools .tool-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.crm-chat-area .chat-input-wrapper .input-main-row .attachment-tools .tool-btn:hover{color:#0ea5e9;background:#f1f5f9}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex:1;align-items:center;padding:2px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container:focus-within{background-color:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container .crm-content-editable{color:#1f2937;word-break:break-word;white-space:pre-wrap;cursor:text;scroll-behavior:smooth;background:0 0;border:none;outline:none;width:100%;min-height:44px;max-height:120px;padding:10px 0;font-family:inherit;font-size:.95rem;line-height:1.5;overflow-y:auto}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container .crm-content-editable::-webkit-scrollbar{width:6px;height:6px}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container .crm-content-editable::-webkit-scrollbar-track{background:0 0}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container .crm-content-editable::-webkit-scrollbar-thumb{background:#64748b33;border-radius:10px}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container .crm-content-editable::-webkit-scrollbar-thumb:hover{background:#0ea5e966}.crm-chat-area .chat-input-wrapper .input-main-row .textarea-container .crm-content-editable:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;display:block}.crm-chat-area .chat-input-wrapper .input-main-row .send-actions{align-items:center;padding-bottom:2px;display:flex}.crm-chat-area .chat-input-wrapper .input-main-row .send-actions .btn-send{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding-right:4px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0ea5e940}.crm-chat-area .chat-input-wrapper .input-main-row .send-actions .btn-send:hover{background:#0284c7;transform:scale(1.05)}.crm-chat-area .chat-input-wrapper .input-main-row .send-actions .btn-record{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #10b98140}.crm-chat-area .chat-input-wrapper .input-main-row .send-actions .btn-record:hover{background:#059669;transform:scale(1.05)}.crm-glass-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeInOverlay;display:flex;position:absolute;top:0;left:0}.crm-glass-overlay .crm-confirm-modal{text-align:center;background:#eef2f6;border:1px solid #fff9;border-radius:20px;width:380px;max-width:90%;padding:30px 24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleUpModal;box-shadow:0 20px 40px #0000001a}.crm-glass-overlay .crm-confirm-modal .modal-icon{color:#475569;margin-bottom:12px;font-size:1.8rem}.crm-glass-overlay .crm-confirm-modal .modal-title{color:#0f172a;margin:0 0 12px;font-size:1.15rem;font-weight:700}.crm-glass-overlay .crm-confirm-modal .modal-desc{color:#475569;margin:0 0 24px;padding:0 10px;font-size:.85rem;line-height:1.6}.crm-glass-overlay .crm-confirm-modal .modal-actions{justify-content:center;align-items:center;gap:12px;display:flex}.crm-glass-overlay .crm-confirm-modal .modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 0;font-size:.9rem;font-weight:600;transition:all .2s}.crm-glass-overlay .crm-confirm-modal .modal-actions .btn-cancel{color:#0f172a;background:#e2e8f0}.crm-glass-overlay .crm-confirm-modal .modal-actions .btn-cancel:hover{background:#cbd5e1}.crm-glass-overlay .crm-confirm-modal .modal-actions .btn-confirm-danger{color:#0f172a;background:#f8fafc}.crm-glass-overlay .crm-confirm-modal .modal-actions .btn-confirm-danger:hover{color:#fff;background:#ef4444}.msg-reply-preview-box{-webkit-backdrop-filter:blur(4px);box-sizing:border-box;direction:rtl;background:#ffffff73;border-right:3px solid #0ea5e9;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:6px 10px;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.msg-reply-preview-box .reply-body-content{text-align:right;flex-direction:column;flex:1;display:flex;overflow:hidden}.msg-reply-preview-box .reply-body-content .reply-sender-title{color:#0284c7;margin-bottom:1px;font-size:.78rem;font-weight:700}.msg-reply-preview-box .reply-body-content .reply-text-snippet{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.8rem;overflow:hidden}.msg-reply-preview-box .reply-body-content .reply-text-snippet .icon-spaced{color:#64748b;margin-left:4px}.msg-reply-preview-box .reply-image-thumbnail-box{background:#e2e8f0 0 0/cover no-repeat;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.msg-reply-preview-box .reply-image-thumbnail-box .reply-thumb-img{object-fit:cover;width:100%;height:100%}.msg-bubble.outbound .msg-reply-preview-box{background:#0000000a;border-right-color:#10b981}.msg-bubble.outbound .msg-reply-preview-box .reply-sender-title{color:#065f46}.msg-bubble.voice-bubble{width:320px;max-width:100%;padding:10px 12px 6px}.msg-bubble.voice-bubble .voice-player-widget{direction:ltr;align-items:center;gap:12px;width:100%;display:flex}.msg-bubble.voice-bubble .voice-player-widget .voice-play-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex;box-shadow:0 2px 4px #0000000d}.msg-bubble.voice-bubble .voice-player-widget .voice-play-btn i{transform:translate(1px)}.msg-bubble.voice-bubble .voice-player-widget .voice-player-body{flex-direction:column;flex:1;gap:4px;display:flex}.msg-bubble.voice-bubble .voice-player-widget .voice-player-body .voice-seek-bar{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}.msg-bubble.voice-bubble .voice-player-widget .voice-player-body .voice-seek-bar::-webkit-slider-thumb{appearance:none;border-radius:50%;width:12px;height:12px;transition:transform .1s}.msg-bubble.voice-bubble .voice-player-widget .voice-player-body .voice-seek-bar:hover::-webkit-slider-thumb{transform:scale(1.2)}.msg-bubble.voice-bubble .voice-player-widget .voice-player-body .voice-player-meta{color:#6abb7d;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.msg-bubble.voice-bubble .voice-player-widget .voice-player-body .voice-player-meta .voice-icon-indicator{opacity:.5;font-size:.8rem}.msg-bubble.voice-bubble .voice-player-widget .voice-avatar-mic{flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:1.4rem;display:flex}.msg-bubble.voice-bubble .voice-player-widget .voice-avatar-mic svg{color:#5f9ea0}.msg-bubble.inbound.voice-bubble .voice-play-btn{color:#fff;background-color:#0ea5e9}.msg-bubble.inbound.voice-bubble .voice-play-btn:hover{background-color:#0284c7}.msg-bubble.inbound.voice-bubble .voice-seek-bar::-webkit-slider-thumb{background-color:#0ea5e9}.msg-bubble.outbound.voice-bubble .voice-play-btn{color:#fff;background-color:#10b981}.msg-bubble.outbound.voice-bubble .voice-play-btn:hover{background-color:#059669}.msg-bubble.outbound.voice-bubble .voice-seek-bar::-webkit-slider-thumb{background-color:#10b981}.msg-bubble.outbound.voice-bubble .voice-player-meta,.msg-bubble.outbound.voice-bubble .voice-avatar-mic{color:#475569}.comment-bubble .comment-card-ui{background:#f8fafce6;border:1px solid #e2e8f0cc;border-radius:12px;min-width:250px;padding:14px;box-shadow:0 4px 6px #00000005}.comment-bubble .comment-card-ui .comment-footer{flex-direction:row;justify-content:space-evenly;align-items:center;display:flex}.comment-bubble .comment-card-ui .comment-header{border-bottom:1px solid #e2e8f099;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.comment-bubble .comment-card-ui .comment-header .fb-icon{color:#1877f2;font-size:1.1rem}.comment-bubble .comment-card-ui .comment-header span{color:#475569;font-size:.85rem;font-weight:600}.comment-bubble .comment-card-ui .comment-body{margin-bottom:12px}.comment-bubble .comment-card-ui .comment-body .comment-text{color:#0f172a;background:#f1f5f980;border-right:3px solid #cbd5e1;border-radius:8px;margin:0;padding:8px;font-size:1rem;font-style:italic;line-height:1.5}.comment-bubble .comment-card-ui .view-post-btn{color:#2563eb;background:#2563eb1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.comment-bubble .comment-card-ui .view-post-btn:hover{color:#fff;background:#2563eb}.comment-actions-bar{align-items:center;gap:8px;margin-top:10px;display:flex}.comment-actions-bar .action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.comment-actions-bar .action-btn i{font-size:1rem}.comment-actions-bar .public-reply-btn{color:#10b981;background:#10b9811a}.comment-actions-bar .public-reply-btn:hover{color:#fff;background:#10b981}.comment-actions-bar .private-reply-btn{color:#2563eb;background:#2563eb1a}.comment-actions-bar .private-reply-btn:hover{color:#fff;background:#2563eb}.comment-actions-bar .view-post-btn{color:#64748b;background:#64748b1a;flex:none}.comment-actions-bar .view-post-btn:hover{color:#fff;background:#64748b}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.cart-sidebar-container{background-color:#f8fafc;flex-direction:column;width:380px;height:100%;display:flex}.cart-sidebar-container.empty-state-container{background-color:#f8fafc;flex-direction:column;height:100%;display:flex}.cart-sidebar-container .empty-cart-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.cart-sidebar-container .empty-cart-content .icon-wrapper{color:#f0f8ff;background:#ff8e36;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:30px;transition:all .3s;display:flex;position:relative}.cart-sidebar-container .empty-cart-content .icon-wrapper i{color:#64748b;font-size:2.2rem}.cart-sidebar-container .empty-cart-content .icon-wrapper.order-exists{background:#ff8e36;font-size:30px}.cart-sidebar-container .empty-cart-content .icon-wrapper.order-exists svg{color:#f0f8ff}.cart-sidebar-container .empty-cart-content .icon-wrapper.order-exists .alert-badge{color:#fff;background:#ef4444;border:3px solid #f8fafc;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:flex;position:absolute;bottom:0;right:-5px;box-shadow:0 2px 5px #0000001a}.cart-sidebar-container .empty-cart-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.cart-sidebar-container .empty-cart-content p{color:#64748b;max-width:85%;margin:0;font-size:.95rem;line-height:1.6}.cart-sidebar-container .cart-header{flex-direction:column;gap:15px;margin-bottom:10px;padding:10px 10px 0;display:flex}.cart-sidebar-container .cart-header .search-wrapper{background-color:#f3f4f6;border:1px solid #0000;border-radius:50px;align-items:center;width:100%;padding:10px;transition:all .3s;display:flex}.cart-sidebar-container .cart-header .search-wrapper:focus-within{background-color:#fff;border-color:#e5e7eb;box-shadow:0 4px 12px #0000000d}.cart-sidebar-container .cart-header .search-wrapper input{color:#334155;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.95rem}.cart-sidebar-container .cart-header .search-wrapper input::placeholder{color:#9ca3af}.cart-sidebar-container .cart-header .search-wrapper i{color:#9ca3af;margin-inline-start:10px;font-size:1.1rem}.cart-sidebar-container .control-wrapper{justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.cart-sidebar-container .control-wrapper label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.cart-sidebar-container .control-wrapper .spacer{gap:8px;margin-left:auto;display:flex}.cart-sidebar-container .control-wrapper .spacer .btn{color:#0ea5e9;cursor:pointer;background:#fff;border:1px dashed #48bcf1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.cart-sidebar-container .control-wrapper .spacer .btn:hover{background:#e2e8f0}.cart-sidebar-container .control-wrapper .spacer .btn i{font-size:.9rem}.cart-sidebar-container .cart-items-list{scroll-behavior:smooth}.cart-sidebar-container .cart-items-list::-webkit-scrollbar{width:5px;height:5px}.cart-sidebar-container .cart-items-list::-webkit-scrollbar-track{background:0 0}.cart-sidebar-container .cart-items-list::-webkit-scrollbar-thumb{background:#64748b26;border-radius:10px}.cart-sidebar-container .cart-items-list::-webkit-scrollbar-thumb:hover{background:#0ea5e94d}.cart-sidebar-container .cart-items-list{flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex;overflow-y:auto}.cart-sidebar-container .cart-items-list .unavailable{opacity:.5;border:1px dashed #1bd7e4!important}.cart-sidebar-container .cart-items-list .inOrder{padding-right:6px;border-right:3px solid #77c389!important;border-radius:6px 0 0 6px!important}.cart-sidebar-container .cart-items-list .cart-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.cart-sidebar-container .cart-items-list .cart-item-card.selected{background:#f0f9ff;border-color:#0ea5e952}.cart-sidebar-container .cart-items-list .cart-item-card .item-select-checkbox input{cursor:pointer;width:15px;height:15px;margin:0}.cart-sidebar-container .cart-items-list .cart-item-card .item-thumbnail{background-color:#f1f5f9;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;width:45px;height:45px}.cart-sidebar-container .cart-items-list .cart-item-card .item-details{flex:1;overflow:hidden}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .titleCode{justify-content:space-between;display:flex}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .titleCode h4{color:#334155;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-family:Tajawal;font-size:.9rem;overflow:hidden}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .titleCode span{color:#11a2e4;font-size:small}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .item-meta{justify-content:space-between;align-items:center;display:flex}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .item-meta .price{color:#13be85;font-size:.8rem}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .item-meta .qty-controls{background:#f1f5f9;border-radius:4px;align-items:center;gap:6px;padding:3px 6px;display:flex}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .item-meta .qty-controls .qty-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .item-meta .qty-controls .qty-btn:hover:not(:disabled){background:#e2e8f0}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .item-meta .qty-controls .qty-btn:disabled{opacity:.5;cursor:not-allowed}.cart-sidebar-container .cart-items-list .cart-item-card .item-details .item-meta .qty-controls .qty-value{text-align:center;min-width:12px;font-size:.85rem;font-weight:700}.cart-sidebar-container .cart-bottom-actions{background:#fff;border-top:1px solid #e2e8f0;border-radius:20px;padding:16px;box-shadow:0 -4px 6px -1px #0000000d}.cart-sidebar-container .cart-bottom-actions .invoice-update-form{background:#fff;padding:16px}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .form-title{text-align:center;color:#1e293b;margin:0 0 15px;font-size:1rem;font-weight:700}.cart-sidebar-container .cart-bottom-actions .invoice-update-form label{color:#64748b;margin-bottom:4px;font-size:.8rem;display:block}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .input-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:0 10px;transition:all .2s;display:flex;position:relative}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .input-wrapper:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .input-wrapper i{color:#94a3b8;margin-inline-end:8px;font-size:.9rem}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .input-wrapper input,.cart-sidebar-container .cart-bottom-actions .invoice-update-form .input-wrapper select{color:#334155;text-align:right;direction:ltr;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 5px;font-size:.9rem;font-weight:400}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .form-row{margin-bottom:12px}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .update-info-btn{color:#fff;cursor:pointer;background:#06b6d4;border:none;border-radius:8px;width:100%;margin-top:5px;padding:12px;font-size:1rem;font-weight:700;transition:all .2s}.cart-sidebar-container .cart-bottom-actions .invoice-update-form .update-info-btn:hover{background:#0891b2}.cart-sidebar-container .cart-bottom-actions .invoice-total{color:#334155;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1.1rem;display:flex}.cart-sidebar-container .cart-bottom-actions .invoice-total span{color:#475569;font-family:Tajawal;font-size:1rem}.cart-sidebar-container .cart-bottom-actions .invoice-total strong{color:#0fb909;font-family:Tajawal;font-size:1.25rem}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn{cursor:pointer;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn.status-btn{color:#475569;background:#f1f5f9}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn.status-btn:hover{background:#e2e8f0}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn.invoice-btn{color:#11a2e4;background:#eff6ff}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn.invoice-btn:hover{background:#dbeafe}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn.close-order-btn{color:#dc2626;background:#fef2f2}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn.close-order-btn:hover{background:#fee2e2}.cart-sidebar-container .cart-bottom-actions .action-buttons-grid .action-btn i{font-size:1.1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Check-Audience{cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:70%;border:1.5px solid #cbd5e1;border-radius:5px;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.Check-Audience.Checked-true{background-image:url(/images/check.png);border-color:#0ea5e9}.client-inquiries-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #0f172a0d;border-radius:14px;margin-top:20px;padding:12px;box-shadow:0 2px 8px #0000000a}.client-inquiries-container .inquiries-header-actions{border-bottom:1px solid #f1f4f5;margin-bottom:12px;padding-bottom:8px}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .inquiries-tabs{border-bottom:none;flex:1;gap:8px;margin-bottom:0;padding-bottom:0;display:flex}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .inquiries-tabs .tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11.5px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .inquiries-tabs .tab-btn i{font-size:13px}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .inquiries-tabs .tab-btn:hover{color:#0ea5e9;background:#0ea5e90a}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .inquiries-tabs .tab-btn.active{color:#0ea5e9;background:#e0f2fe}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .toggle-selection-btn{color:#0ea5e9;cursor:pointer;white-space:nowrap;background:#0ea5e914;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .toggle-selection-btn:hover{background:#0ea5e926}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .toggle-selection-btn.active{color:#ef4444;background:#fee2e2;border-color:#ef444433}.client-inquiries-container .inquiries-header-actions .inquiries-tabs-header .toggle-selection-btn.active:hover{background:#fecaca}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged{background-color:#e0f2fe;border:1px dashed #0ea5e9;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:4px 15px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged.slide-down{animation:.25s ease-out slideDownIn}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .select-all-toggle{cursor:pointer;align-items:center;gap:12px;padding:4px 0;display:flex}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .select-all-toggle:hover .Check-Audience{border-color:#0284c7}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .select-all-toggle .select-all-text{color:#0369a1;font-size:.85rem;font-weight:700}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .select-all-toggle .select-all-text .select-count-badge{opacity:.8;margin-left:6px;font-size:.8rem}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .bulk-actions-wrapper{align-items:center;gap:10px;animation:.25s ease-out fadeInMsg;display:flex}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .bulk-actions-wrapper .bulk-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:.8rem;font-weight:700;transition:background .2s;display:flex}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .bulk-actions-wrapper .bulk-btn:hover{background:#0284c7}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .bulk-actions-wrapper .bulk-btn-close{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:transform .2s;display:flex}.client-inquiries-container .inquiries-header-actions .selection-toolbar.select-all-bar-merged .bulk-actions-wrapper .bulk-btn-close:hover{color:#dc2626;transform:scale(1.1)}.client-inquiries-container .inquiries-list{scroll-behavior:smooth;flex-direction:column;gap:10px;max-height:320px;display:flex;overflow-y:auto}.client-inquiries-container .inquiries-list::-webkit-scrollbar{width:5px;height:5px}.client-inquiries-container .inquiries-list::-webkit-scrollbar-track{background:0 0}.client-inquiries-container .inquiries-list::-webkit-scrollbar-thumb{background:#64748b26;border-radius:10px}.client-inquiries-container .inquiries-list::-webkit-scrollbar-thumb:hover{background:#0ea5e94d}.client-inquiries-container .inquiries-list .inquiry-card{background:#fff;border:1px solid #00000005;border-radius:10px;align-items:center;gap:12px;margin:0 5px;padding:10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.client-inquiries-container .inquiries-list .inquiry-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000008}.client-inquiries-container .inquiries-list .inquiry-card.selection-active{cursor:pointer}.client-inquiries-container .inquiries-list .inquiry-card.selected{background:#0ea5e90a!important;border-color:#0ea5e940!important}.client-inquiries-container .inquiries-list .inquiry-card .item-checkbox{justify-content:center;align-items:center;padding-right:6px;display:flex}.client-inquiries-container .inquiries-list .inquiry-card .item-checkbox.fade-in{animation:.2s ease-in-out forwards fadeInCheckbox}.client-inquiries-container .inquiries-list .inquiry-card .product-thumb{background:#f8fafc 50%/cover;border:1px solid #f1f4f5;border-radius:8px;width:48px;height:48px;overflow:hidden}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details{flex:1}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details h4{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:0 0 4px;font-size:12px;font-weight:600;overflow:hidden}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .price-tag{color:#0ea5e9;margin-bottom:4px;font-size:11.5px;font-weight:700}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta{align-items:center;gap:8px;display:flex}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta .badge{border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta .badge.badge-danger{color:#ef4444;background:#fee2e2}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta .badge.badge-warning{color:#d97706;background:#fef3c7}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta .badge.badge-success{color:#10b981;background:#d1fae5}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta .time-ago{color:#64748b;font-size:10px}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta .views-count{color:#64748b;align-items:center;gap:3px;margin-right:auto;font-size:10px;display:flex}.client-inquiries-container .inquiries-list .inquiry-card .inquiry-details .card-meta .views-count i{font-size:11px}.client-inquiries-container .inquiries-list .empty-inquiries{text-align:center;color:#64748b;padding:30px 10px}.client-inquiries-container .inquiries-list .empty-inquiries i{opacity:.4;margin-bottom:8px;font-size:24px}.client-inquiries-container .inquiries-list .empty-inquiries p{margin:0;font-size:11.5px}.inquiries-loading{text-align:center;color:#0ea5e9;padding:20px;font-size:12px;font-weight:600}.inquiries-loading i{margin-left:6px}@keyframes fadeInCheckbox{0%{opacity:0;margin-right:-20px;transform:scale(.5)}to{opacity:1;margin-right:0;transform:scale(1)}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-mockup-container{direction:rtl;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:1100px;margin:0 auto;font-family:Tajawal,sans-serif;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.dashboard-mockup-container .browser-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;padding:12px 20px;display:flex}.dashboard-mockup-container .browser-header .dots{gap:8px;display:flex}.dashboard-mockup-container .browser-header .dots .dot{border-radius:50%;width:12px;height:12px}.dashboard-mockup-container .browser-header .dots .dot.red{background:#ef4444}.dashboard-mockup-container .browser-header .dots .dot.yellow{background:#f59e0b}.dashboard-mockup-container .browser-header .dots .dot.green{background:#10b981}.dashboard-mockup-container .browser-header .browser-url{text-align:center;color:#94a3b8;background:#f1f5f9;border-radius:6px;flex:1;margin:0 20px;padding:4px 0;font-size:12px}.dashboard-mockup-container .dashboard-layout{background:#f8fafc;height:600px;display:flex}.dashboard-mockup-container .dash-sidebar{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;align-items:center;width:60px;padding-top:20px;display:flex}.dashboard-mockup-container .dash-sidebar .dash-logo{color:#2563eb;margin-bottom:30px;font-size:24px;font-weight:900}.dashboard-mockup-container .dash-sidebar .dash-nav{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.dashboard-mockup-container .dash-sidebar .dash-nav .nav-item{background:#e2e8f0;border-radius:6px;width:24px;height:24px}.dashboard-mockup-container .dash-sidebar .dash-nav .nav-item.active{background:#2563eb}.dashboard-mockup-container .dash-main{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:hidden}.dashboard-mockup-container .dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.dashboard-mockup-container .dash-card .card-title{color:#64748b;margin-bottom:16px;font-size:14px;font-weight:600}.dashboard-mockup-container .dash-top-row{grid-template-columns:1fr .8fr 2fr;gap:20px;height:220px;display:grid}.dashboard-mockup-container .dash-top-row .donut-card{flex-direction:column;align-items:center;display:flex}.dashboard-mockup-container .dash-top-row .donut-card .donut-chart-wrapper{width:130px;height:130px;position:relative}.dashboard-mockup-container .dash-top-row .donut-card .donut-chart-wrapper .donut-chart{background:conic-gradient(#2563eb 0% 70%,#f97316 70% 85%,#e2e8f0 85% 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dashboard-mockup-container .dash-top-row .donut-card .donut-chart-wrapper .donut-chart .donut-inner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.dashboard-mockup-container .dash-top-row .donut-card .donut-chart-wrapper .donut-chart .donut-inner .donut-number{color:#0b1220;font-size:20px;font-weight:700}.dashboard-mockup-container .dash-top-row .dash-points-col{flex-direction:column;gap:15px;display:flex}.dashboard-mockup-container .dash-top-row .dash-points-col .pro-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dashboard-mockup-container .dash-top-row .dash-points-col .pro-card .pro-badge{color:#16a34a;margin-bottom:8px;font-size:18px;font-weight:700}.dashboard-mockup-container .dash-top-row .dash-points-col .pro-card .text-line{color:#15803d;font-size:12px}.dashboard-mockup-container .dash-top-row .dash-points-col .point-card{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dashboard-mockup-container .dash-top-row .dash-points-col .point-card .point-number{color:#0b1220;font-size:24px;font-weight:700}.dashboard-mockup-container .dash-top-row .dash-points-col .point-card .point-label{color:#64748b;font-size:12px}.dashboard-mockup-container .dash-top-row .chart-card .chart-svg-container{width:100%;height:140px}.dashboard-mockup-container .dash-top-row .chart-card .chart-svg-container svg{width:100%;height:100%}.dashboard-mockup-container .dash-kpi-row{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dashboard-mockup-container .dash-kpi-row .kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-icon{background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-icon.text-success{color:#16a34a;background:#f0fdf4}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-icon.text-primary{color:#2563eb;background:#eff6ff}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-icon.text-teal{color:#0d9488;background:#f0fdfa}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-icon.text-purple{color:#9333ea;background:#faf5ff}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-info .kpi-value{margin-bottom:4px;font-size:20px;font-weight:700}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-info .kpi-value.text-success{color:#16a34a}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-info .kpi-value.text-primary{color:#2563eb}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-info .kpi-value.text-teal{color:#0d9488}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-info .kpi-value.text-purple{color:#9333ea}.dashboard-mockup-container .dash-kpi-row .kpi-card .kpi-info .kpi-label{color:#64748b;font-size:12px;font-weight:500}.dashboard-mockup-container .dash-bottom-row{flex:1;grid-template-columns:1fr 2fr;gap:20px;display:grid}.dashboard-mockup-container .dash-bottom-row .list-items{flex-direction:column;gap:12px;display:flex}.dashboard-mockup-container .dash-bottom-row .list-items .list-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:8px 0;display:flex}.dashboard-mockup-container .dash-bottom-row .list-items .list-item:last-child{border-bottom:none}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-avatar{background:#e2e8f0;border-radius:50%;width:32px;height:32px}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-icon-mock{background:#eff6ff;border-radius:8px;width:32px;height:32px}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-details{flex-direction:column;flex:1;gap:6px;display:flex}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-details .item-name-mock{background:#cbd5e1;border-radius:4px;width:60%;height:10px}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-details .item-name-mock.long{width:80%}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-details .item-sub-mock{background:#e2e8f0;border-radius:4px;width:40%;height:8px}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-details .item-sub-mock.short{width:30%}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-action-mock{opacity:.8;background:#10b981;border-radius:4px;width:40px;height:20px}.dashboard-mockup-container .dash-bottom-row .list-items .list-item .item-price-mock{opacity:.8;background:#2563eb;border-radius:4px;width:50px;height:12px}@media (width<=1024px){.dashboard-mockup-container{transform-origin:top;transform:scale(.9)}}@media (width<=768px){.dashboard-mockup-container{display:none}}.performance-hero-layout{direction:rtl;width:100%;max-width:900px;margin:4rem auto;font-family:Tajawal,sans-serif;position:relative}.central-dashboard-mockup{z-index:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a}.central-dashboard-mockup .perf-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.central-dashboard-mockup .perf-header .search-bar{background:#f1f5f9;border-radius:8px;align-items:center;gap:.5rem;width:250px;padding:.5rem 1rem;display:flex}.central-dashboard-mockup .perf-header .search-bar .placeholder{color:#94a3b8;font-size:.9rem}.central-dashboard-mockup .perf-header .filters{align-items:center;gap:1rem;display:flex}.central-dashboard-mockup .perf-header .filters .date-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:.4rem .8rem;font-size:.85rem}.central-dashboard-mockup .perf-header .filters .pagination-mock{gap:.25rem;display:flex}.central-dashboard-mockup .perf-header .filters .pagination-mock .page{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.central-dashboard-mockup .perf-header .filters .pagination-mock .page.active{color:#fff;background:#10b981;border-color:#10b981}.central-dashboard-mockup .perf-header .filters .pagination-mock .dots{color:#94a3b8;letter-spacing:2px}.central-dashboard-mockup .perf-list-col{background:#f8fafc;flex-direction:column;gap:.8rem;padding:1.5rem;display:flex}.central-dashboard-mockup .perf-list-col .list-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:.8rem 1.25rem;display:flex;box-shadow:0 1px 3px #00000005}.central-dashboard-mockup .perf-list-col .list-item .item-info{align-items:center;gap:1rem;display:flex}.central-dashboard-mockup .perf-list-col .list-item .item-info .avatar-icon{color:#0ea5e9;background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.central-dashboard-mockup .perf-list-col .list-item .item-info .avatar-icon svg{width:18px;height:18px}.central-dashboard-mockup .perf-list-col .list-item .item-info .details{flex-direction:column;display:flex}.central-dashboard-mockup .perf-list-col .list-item .item-info .details .name{color:#1e293b;margin-bottom:.15rem;font-family:Tajawal;font-size:.95rem;font-weight:700}.central-dashboard-mockup .perf-list-col .list-item .item-info .details .sub-text{color:#10b981;font-family:Tajawal;font-size:.8rem;font-weight:400}.central-dashboard-mockup .perf-list-col .list-item .item-actions{align-items:center;gap:2rem;display:flex}.central-dashboard-mockup .perf-list-col .list-item .item-actions .total-badge{color:#3b82f6;font-size:1.05rem;font-weight:800}.central-dashboard-mockup .perf-list-col .list-item .item-actions .buttons-group .action-btn{color:#fff;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.central-dashboard-mockup .perf-list-col .list-item .item-actions .buttons-group .action-btn svg{width:15px;height:15px}.floating-widget{z-index:10;text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem 2rem;position:absolute;box-shadow:0 20px 40px -10px #00000026}.floating-widget .card-title{color:#475569;margin-bottom:.75rem;font-size:1.05rem;font-weight:700}.floating-widget .card-value{direction:ltr;justify-content:center;align-items:baseline;gap:.5rem;font-size:2.2rem;font-weight:800;display:flex}.floating-widget .card-value .currency{font-size:1.5rem;font-weight:700}.floating-widget .text-green{color:#10b981}.floating-widget .text-purple{color:#d946ef}.floating-widget .text-muted{color:#94a3b8}.floating-widget .strike{opacity:.7;text-decoration:line-through}.sales-widget{animation:6s ease-in-out infinite floatUp;top:-30px;right:-80px}.profits-widget{animation:5s ease-in-out infinite floatDown;bottom:-40px;right:-50px}.pending-widget{animation:7s ease-in-out infinite floatSide;top:150px;left:-90px}.top-clients-widget{padding:1.25rem 1.5rem;animation:6.5s ease-in-out infinite reverse floatUp;bottom:20px;left:-70px}.top-clients-widget .top-clients-list{text-align:right;direction:rtl;flex-direction:column;gap:.75rem;display:flex}.top-clients-widget .top-clients-list .top-client-item{align-items:center;gap:.75rem;display:flex}.top-clients-widget .top-clients-list .top-client-item .rank-badge{color:#fff;background:#3b82f6;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.top-clients-widget .top-clients-list .top-client-item .tc-info{flex-direction:column;display:flex}.top-clients-widget .top-clients-list .top-client-item .tc-info .tc-name{color:#1e293b;font-size:.9rem;font-weight:700}.top-clients-widget .top-clients-list .top-client-item .tc-info .tc-loc{color:#64748b;font-size:.75rem}@keyframes floatDown{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes floatSide{0%,to{transform:translate(0)}50%{transform:translate(-10px,-10px)}}@media (width<=1024px){.floating-widget{margin-bottom:1rem;animation:none;position:relative;inset:auto;box-shadow:0 4px 6px -1px #0000000d}.performance-hero-layout{flex-direction:column;display:flex}.central-dashboard-mockup{order:-1;margin-bottom:2rem}}.chat-flow-section{background:var(--ybe-surface);padding:8rem 0;font-family:Tajawal,sans-serif;position:relative;overflow:hidden}.chat-flow-section .section-bg-wrapper{z-index:0;pointer-events:none;width:80%;height:75%;position:absolute;top:0;left:0}.chat-flow-section .section-bg-wrapper:before{content:"";opacity:.35;background:url(/images/mainflow.png) 0/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30%,#000 25%,#0000 75%);mask-image:radial-gradient(at 30%,#000 25%,#0000 75%)}.chat-flow-section .container{z-index:2;grid-template-columns:1fr 1.1fr;align-items:center;gap:5rem;display:grid;position:relative}.chat-flow-section .chat-content .purple-badge{border:1px solid #9333ea33;color:#9333ea!important;background-color:#9333ea1a!important}.chat-flow-section .chat-content h2{color:var(--ybe-navy);margin-bottom:1.5rem;font-size:2.4rem;font-weight:800;line-height:1.3}.chat-flow-section .chat-content .main-desc{color:var(--text-muted);margin-bottom:3rem;font-size:1.15rem;line-height:1.7}.chat-flow-section .chat-content .feature-list{padding:0;list-style:none}.chat-flow-section .chat-content .feature-list li{align-items:flex-start;gap:1.25rem;margin-bottom:2rem;display:flex}.chat-flow-section .chat-content .feature-list li .icon-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);background:#fffc;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.chat-flow-section .chat-content .feature-list li .text-box strong{color:var(--ybe-navy);margin-bottom:.4rem;font-size:1.15rem;font-weight:700;display:block}.chat-flow-section .chat-content .feature-list li .text-box p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.6}.chat-flow-section .chat-visual{justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.chat-flow-section .chat-visual .composition-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.chat-flow-section .chat-visual .composition-wrapper .template-floating-img{z-index:10;border:4px solid #fff;border-radius:22px;width:260px;animation:6s ease-in-out infinite floatCenter;position:relative;box-shadow:0 30px 60px -15px #0000004d}.chat-flow-section .chat-visual .composition-wrapper .floating-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ybe-navy);z-index:15;background:#fffffff2;border:1px solid #fff;border-radius:50px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;position:absolute;box-shadow:0 15px 25px -5px #0000001a}.chat-flow-section .chat-visual .composition-wrapper .floating-badge.badge-1{animation:6s ease-in-out infinite floatSideRight;top:10%;right:-15%}.chat-flow-section .chat-visual .composition-wrapper .floating-badge.badge-2{animation:7s ease-in-out infinite reverse floatSideLeft;bottom:15%;left:-15%}@keyframes floatCenter{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatSideRight{0%,to{transform:translate(0)}50%{transform:translate(15px,-10px)}}@keyframes floatSideLeft{0%,to{transform:translate(0)}50%{transform:translate(-15px,-10px)}}@media (width<=1024px){.chat-flow-section .container{grid-template-columns:1fr;gap:3rem}.chat-flow-section .chat-visual{order:-1;min-height:400px}.chat-flow-section .chat-visual .composition-wrapper .template-floating-img{width:200px}.chat-flow-section .chat-visual .composition-wrapper .floating-badge{display:none}.chat-flow-section .section-bg-wrapper:before{opacity:.1;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%)}}.crm-section{background:var(--ybe-bg);padding:8rem 0;font-family:Tajawal,sans-serif;overflow:hidden}.crm-section .container{flex-direction:column;gap:4rem;display:flex;max-width:98%!important}.crm-section .crm-content{text-align:center;max-width:76%;margin:0 auto}.crm-section .crm-content h2{color:var(--ybe-navy);margin:1rem 0;font-family:Tajawal,sans-serif;font-size:2.4rem;font-weight:800}.crm-section .crm-content .main-desc{color:var(--text-muted);margin-bottom:3rem;font-family:Tajawal,sans-serif;font-size:1.15rem;line-height:1.7}.crm-section .crm-content .feature-list{text-align:right;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0;list-style:none;display:grid}.crm-section .crm-content .feature-list li{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #00000005}.crm-section .crm-content .feature-list li strong{color:var(--ybe-navy);margin-bottom:.5rem;font-family:Tajawal,sans-serif;font-size:1.1rem;display:block}.crm-section .crm-content .feature-list li p{color:var(--text-muted);margin:0;font-family:Tajawal,sans-serif;font-size:.9rem;line-height:1.6}.crm-section .custom-scroll::-webkit-scrollbar{width:4px}.crm-section .custom-scroll::-webkit-scrollbar-track{background:0 0}.crm-section .custom-scroll::-webkit-scrollbar-thumb{background:#cbd5e166;border:1px solid #fff9;border-radius:10px;box-shadow:inset 1px 1px 2px #fffc}.crm-section .custom-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b899}.crm-section .crm-visual{justify-content:center;width:100%;display:flex}.crm-section .crm-wrapper{border:1px solid var(--border-color);direction:rtl;background:#fff;border-radius:16px;grid-template-columns:320px 1fr 310px;width:100%;max-width:1450px;height:820px;display:grid;overflow:hidden;box-shadow:0 30px 60px -15px #00000026}.crm-section .crm-wrapper .crm-sidebar{border-left:1px solid var(--border-color);background:#f8fafc;flex-direction:column;display:flex}.crm-section .crm-wrapper .crm-sidebar .sidebar-header{border-bottom:1px solid var(--border-color);background:#fff;padding:1.2rem 1rem}.crm-section .crm-wrapper .crm-sidebar .sidebar-header .search-box-modern{background:#f1f5f9;border-radius:50px;align-items:center;margin-bottom:1rem;padding:.6rem 1rem;display:flex}.crm-section .crm-wrapper .crm-sidebar .sidebar-header .search-box-modern .search-icon{color:#94a3b8;width:14px;margin-left:8px}.crm-section .crm-wrapper .crm-sidebar .sidebar-header .search-box-modern input{background:0 0;border:none;outline:none;width:100%;font-family:Tajawal;font-size:.95rem}.crm-section .crm-wrapper .crm-sidebar .sidebar-header .filters-row-modern{flex-wrap:wrap;gap:.5rem;display:flex}.crm-section .crm-wrapper .crm-sidebar .sidebar-header .filters-row-modern .filter-badge{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:.4rem .8rem;font-family:Tajawal;font-size:.85rem;font-weight:500;display:flex}.crm-section .crm-wrapper .crm-sidebar .sidebar-header .filters-row-modern .filter-badge .icon{width:12px}.crm-section .crm-wrapper .crm-sidebar .sidebar-header .filters-row-modern .filter-badge.active-filter{color:var(--ybe-navy);background:#f8fafc;border-color:#cbd5e1;font-weight:700}.crm-section .crm-wrapper .crm-sidebar .conversations-list{flex:1;padding:0;overflow-y:auto}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:1rem;padding:1.2rem 1rem;transition:background .2s;display:flex}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item:hover,.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item.active{box-shadow:inset 4px 0 0 var(--ybe-primary);background:#fff}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .avatar-gradient{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:3px;display:flex}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .avatar-gradient .avatar{background:#e2e8f0;border:2px solid #fff;border-radius:50%;width:50px;height:50px}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info{flex:1}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header{justify-content:space-between;margin-bottom:.4rem;display:flex}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header .name{color:#1e293b;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:700}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-header .time{color:#94a3b8;font-size:.8rem}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg{justify-content:space-between;align-items:flex-start;display:flex}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text{color:#475569;font-size:.85rem;line-height:1.4}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text span{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-family:Tajawal,sans-serif;display:inline-block;overflow:hidden}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text .short-labels{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .last-message-text .short-labels div{color:#fff;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .badge-unread-circle{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:4px;font-size:.75rem;font-weight:700;display:flex}.crm-section .crm-wrapper .crm-sidebar .conversations-list .conv-item .conv-info .conv-last-msg .whatsapp-dropdown-trigger{color:#cbd5e1;width:14px}.crm-section .crm-wrapper .crm-chat-area{background:#fafafa;flex-direction:column;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container{align-items:center;gap:1.2rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container .avatar-gradient-mini{border-radius:50%;padding:3px}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container .avatar-gradient-mini .chat-avatar-mini{background:#e2e8f0;border:2px solid #fff;border-radius:50%;width:44px;height:44px}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container h3{color:var(--ybe-navy);margin:0 0 .2rem;font-size:1.15rem;font-weight:700}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container .subtitle-caption{gap:.8rem;font-size:.85rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container .subtitle-caption .status-indicator-wrapper{align-items:center;gap:4px;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container .subtitle-caption .status-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-info-container .subtitle-caption .status-text{color:#10b981;font-weight:700}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions{align-items:center;gap:1rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .chat-action-btn{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .chat-action-btn svg{width:18px}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .chat-action-btn{transition:all .2s}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .chat-action-btn:hover{background:#e2e8f0}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle{background:var(--ybe-primary);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;height:40px;padding:0 1.2rem;font-family:Tajawal;font-weight:700;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle svg{width:18px}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle .switch-track{background:#ffffff4d;border-radius:10px;width:28px;height:14px;position:relative}.crm-section .crm-wrapper .crm-chat-area .chat-header .header-left-actions .auto-reply-toggle .switch-track .switch-thumb{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}.crm-section .crm-wrapper .crm-chat-area .chat-history{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble span{font-family:Tajawal,sans-serif}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble{border-radius:12px;max-width:60%;padding:1rem 1.25rem;font-size:1rem;line-height:1.6;position:relative;box-shadow:0 1px 2px #0000000d}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble .msg-time{color:#94a3b8;align-items:center;gap:4px;margin-top:6px;font-size:.75rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble .msg-time svg{width:14px}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.inbound{border:1px solid var(--border-color);color:var(--ybe-navy);background:#fff;border-top-right-radius:4px;align-self:flex-start}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound{color:#0f172a;border-top-left-radius:4px;align-self:flex-end}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.text-bubble span{font-family:Tajawal,sans-serif}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.text-bubble{background:#e0f2fe}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.text-bubble .ai-context{color:#8b5cf6;margin-bottom:.4rem;font-size:.8rem;font-weight:700}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.product-bubble{background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:1.2rem;width:auto;padding:.8rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.product-bubble .product-image{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:100%;height:230px}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.product-bubble .msg-text-content{font-size:.95rem;line-height:1.5}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.product-bubble .msg-text-content strong{color:#16a34a}.crm-section .crm-wrapper .crm-chat-area .chat-history .msg-bubble.outbound.product-bubble .msg-text-content span{font-family:Tajawal,sans-serif}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper{border-top:1px solid var(--border-color);background:#fff;padding:1.2rem 2rem}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row{align-items:center;gap:1.5rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .attachment-tools{gap:.8rem;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .attachment-tools .tool-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;transition:all .2s}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .attachment-tools .tool-btn:hover{color:var(--ybe-primary)}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .attachment-tools .tool-btn svg{width:22px}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .textarea-container{flex:1}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .textarea-container input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:25px;outline:none;width:100%;padding:1rem 1.2rem;font-family:Tajawal;font-size:1rem}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .send-actions .btn-record{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.crm-section .crm-wrapper .crm-chat-area .chat-input-wrapper .input-main-row .send-actions .btn-record svg{width:18px}.crm-section .crm-wrapper .crm-profile-drawer{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;padding:2rem 1.5rem;display:flex;overflow-y:auto}.crm-section .crm-wrapper .crm-profile-drawer .profile-header{text-align:center;margin-bottom:2rem}.crm-section .crm-wrapper .crm-profile-drawer .profile-header .avatar-gradient-large{border-radius:50%;margin-bottom:.8rem;padding:4px;display:inline-block}.crm-section .crm-wrapper .crm-profile-drawer .profile-header .avatar-gradient-large .big-avatar{background:#e2e8f0;border:3px solid #fff;border-radius:50%;width:86px;height:86px}.crm-section .crm-wrapper .crm-profile-drawer .profile-header h2{color:var(--ybe-navy);margin:0;font-size:1.3rem;font-weight:800}.crm-section .crm-wrapper .crm-profile-drawer .profile-header p{color:#64748b;margin:0;font-size:.95rem}.crm-section .crm-wrapper .crm-profile-drawer .profile-section{margin-bottom:2rem}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .section-header-flex h4{color:var(--ybe-navy);align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:1.05rem;font-weight:700;display:flex}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .section-header-flex h4 svg{width:18px}.crm-section .crm-wrapper .crm-profile-drawer .profile-section.system-sales-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.2rem}.crm-section .crm-wrapper .crm-profile-drawer .profile-section.system-sales-info .info-row{justify-content:space-between;margin-bottom:.6rem;font-size:.9rem;display:flex}.crm-section .crm-wrapper .crm-profile-drawer .profile-section.system-sales-info .info-row span:first-child{color:#64748b;font-weight:500}.crm-section .crm-wrapper .crm-profile-drawer .profile-section.system-sales-info .dashed-top{border-top:1px dashed #cbd5e1;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.crm-section .crm-wrapper .crm-profile-drawer .profile-section.system-sales-info .dashed-top .badge-count-sales{color:#0ea5e9;font-size:1rem;font-weight:800}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-title{color:#1e293b;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:block}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-grid{flex-direction:column;gap:.8rem;display:flex}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-grid .fav-prod-row-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:.5rem;transition:all .2s;display:flex}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-grid .fav-prod-row-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000005}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-grid .fav-prod-row-item .prod-img-box{background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;width:45px;height:45px}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-grid .fav-prod-row-item .prod-details-text{flex-direction:column;display:flex}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-grid .fav-prod-row-item .prod-details-text .name{color:var(--ybe-navy);margin-bottom:2px;font-size:.85rem;font-weight:700}.crm-section .crm-wrapper .crm-profile-drawer .profile-section .top-products-grid .fav-prod-row-item .prod-details-text .price{color:#10b981;font-size:.8rem;font-weight:700}@media (width<=1200px){.crm-section .crm-wrapper{grid-template-columns:1fr;height:750px}.crm-section .crm-wrapper .crm-sidebar,.crm-section .crm-wrapper .crm-profile-drawer{display:none}}:root{--ybe-primary:#2563eb;--ybe-primary-hover:#1d4ed8;--ybe-navy:#0b1220;--ybe-success:#16a34a;--ybe-bg:#f8fafc;--ybe-surface:#fff;--text-main:#111827;--text-muted:#64748b;--border-color:#e2e8f0;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-float:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}.ybe3-landing{color:var(--text-main);background-color:var(--ybe-bg);direction:rtl;font-family:Tajawal,sans-serif;line-height:1.6;overflow-x:hidden}.ybe3-landing *{box-sizing:border-box}.ybe3-landing a{color:inherit;text-decoration:none}.ybe3-landing .container{max-width:1200px;margin:0 auto;padding:0 5%}.ybe3-landing .text-center{text-align:center}.ybe3-landing .mt-3{margin-top:1rem}.ybe3-landing .justify-center{justify-content:center}.ybe3-landing h1,.ybe3-landing h2,.ybe3-landing h3,.ybe3-landing h4{color:var(--ybe-navy);font-weight:700;line-height:1.2}.ybe3-landing .btn-primary,.ybe3-landing .btn-secondary{transition:var(--transition-smooth);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.ybe3-landing .btn-primary{background-color:var(--ybe-primary);color:#fff}.ybe3-landing .btn-primary:hover{background-color:var(--ybe-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ybe3-landing .btn-secondary{background-color:var(--ybe-surface);color:var(--text-main);border:1px solid var(--border-color)}.ybe3-landing .btn-secondary:hover{background-color:var(--ybe-bg)}.ybe3-landing .btn-large{padding:1rem 2rem;font-size:1.125rem}.ybe3-landing .badge{color:var(--ybe-primary);background-color:#2563eb1a;border-radius:999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.ybe3-landing .badge.success{color:var(--ybe-success);background-color:#16a34a1a}.ybe3-landing .ybe3-navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition-smooth);background-color:#fffc;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.ybe3-landing .ybe3-navbar.scrolled{border-bottom-color:var(--border-color);box-shadow:var(--shadow-sm);background-color:#fffffff2}.ybe3-landing .ybe3-navbar .nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 5%;display:flex}.ybe3-landing .ybe3-navbar .brand-logo{color:var(--ybe-navy);font-size:1.75rem;font-weight:900}.ybe3-landing .ybe3-navbar .brand-logo span{color:var(--ybe-primary)}.ybe3-landing .ybe3-navbar .nav-links{gap:2rem;display:flex}.ybe3-landing .ybe3-navbar .nav-links a{color:var(--text-muted);transition:var(--transition-smooth);font-weight:500}.ybe3-landing .ybe3-navbar .nav-links a:hover{color:var(--ybe-primary)}.ybe3-landing .ybe3-navbar .nav-actions{align-items:center;gap:1rem;display:flex}.ybe3-landing .ybe3-navbar .nav-actions .btn-login{color:var(--text-main);font-weight:600}.ybe3-landing .hero-section{text-align:center;background:linear-gradient(180deg, #fff 0%, var(--ybe-bg) 100%);flex-direction:column;align-items:center;padding:10rem 5% 6rem;display:flex}.ybe3-landing .hero-section h1{letter-spacing:-.02em;max-width:900px;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem)}.ybe3-landing .hero-section .subtitle{color:var(--text-muted);max-width:700px;margin:0 auto 2.5rem;font-size:clamp(1.125rem,2vw,1.25rem)}.ybe3-landing .hero-section .cta-group{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.ybe3-landing .hero-section .microcopy{color:var(--text-muted);font-size:.875rem}.ybe3-landing .hero-section .browser-mockup{background:var(--ybe-surface);border:1px solid var(--border-color);width:100%;max-width:1000px;box-shadow:var(--shadow-float);border-radius:12px;margin-top:4rem;animation:6s ease-in-out infinite floating;overflow:hidden}.ybe3-landing .hero-section .browser-mockup .browser-header{border-bottom:1px solid var(--border-color);background:#f1f5f9;gap:.5rem;padding:.75rem 1rem;display:flex}.ybe3-landing .hero-section .browser-mockup .browser-header .dot{border-radius:50%;width:12px;height:12px}.ybe3-landing .hero-section .browser-mockup .browser-header .dot.red{background:#ef4444}.ybe3-landing .hero-section .browser-mockup .browser-header .dot.yellow{background:#f59e0b}.ybe3-landing .hero-section .browser-mockup .browser-header .dot.green{background:#10b981}.ybe3-landing .hero-section .browser-mockup .dashboard-placeholder{background:var(--ybe-bg);height:500px;display:flex}.ybe3-landing .hero-section .browser-mockup .dashboard-placeholder .sidebar-mock{background:var(--ybe-surface);border-left:1px solid var(--border-color);width:200px}.ybe3-landing .hero-section .browser-mockup .dashboard-placeholder .content-mock{flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex}.ybe3-landing .hero-section .browser-mockup .dashboard-placeholder .content-mock .cards-mock{gap:1rem;display:flex}.ybe3-landing .hero-section .browser-mockup .dashboard-placeholder .content-mock .cards-mock .card-mock{background:var(--ybe-surface);border:1px solid var(--border-color);border-radius:8px;flex:1;height:100px}.ybe3-landing .hero-section .browser-mockup .dashboard-placeholder .content-mock .chart-mock{background:var(--ybe-surface);border:1px solid var(--border-color);border-radius:8px;flex:1}.ybe3-landing .trust-section{text-align:center;background:var(--ybe-surface);border-bottom:1px solid var(--border-color);padding:4rem 5%}.ybe3-landing .trust-section p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2rem;font-size:.875rem;font-weight:600}.ybe3-landing .trust-section .trust-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.ybe3-landing .trust-section .trust-logos .trust-item{color:#94a3b8;transition:var(--transition-smooth);cursor:default;align-items:center;gap:.5rem;display:flex}.ybe3-landing .trust-section .trust-logos .trust-item span{color:inherit;font-size:1.1rem;font-weight:700}.ybe3-landing .trust-section .trust-logos .trust-item:hover{color:var(--ybe-primary);transform:translateY(-2px)}.ybe3-landing .features-section{padding:8rem 0}.ybe3-landing .features-section .section-header{margin-bottom:4rem}.ybe3-landing .features-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.ybe3-landing .features-section .features-grid .feature-card{background:var(--ybe-surface);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;padding:2rem}.ybe3-landing .features-section .features-grid .feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--ybe-primary)}.ybe3-landing .features-section .features-grid .feature-card .icon{margin-bottom:1.5rem;font-size:2.5rem}.ybe3-landing .features-section .features-grid .feature-card h3{margin-bottom:1rem;font-size:1.25rem}.ybe3-landing .features-section .features-grid .feature-card p{color:var(--text-muted);font-size:.95rem}.ybe3-landing .profit-section{background:var(--ybe-navy);color:var(--ybe-surface);padding:8rem 0}.ybe3-landing .profit-section h2{color:var(--ybe-surface);margin-bottom:1rem;font-size:2.5rem}.ybe3-landing .profit-section p{color:#94a3b8;max-width:600px;font-size:1.125rem}.ybe3-landing .profit-section .container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.ybe3-landing .profit-section .financial-card{background:var(--ybe-surface);color:var(--text-main);border-radius:16px;padding:2rem;box-shadow:0 25px 50px -12px #00000080}.ybe3-landing .profit-section .financial-card .fin-row{justify-content:space-between;padding:1rem 0;font-size:1.125rem;font-weight:500;display:flex}.ybe3-landing .profit-section .financial-card .fin-row.minus .amount{color:#ef4444}.ybe3-landing .profit-section .financial-card .fin-row .text-dark{color:var(--text-main);font-weight:700}.ybe3-landing .profit-section .financial-card hr{border:0;border-top:1px dashed var(--border-color);margin:1rem 0}.ybe3-landing .profit-section .financial-card .net-profit{font-size:1.5rem;font-weight:700}.ybe3-landing .profit-section .financial-card .net-profit .success-text{color:var(--ybe-success)}.ybe3-landing .final-cta-section{background:linear-gradient(135deg, var(--ybe-primary) 0%, var(--ybe-navy) 100%);color:var(--ybe-surface);padding:8rem 5%}.ybe3-landing .final-cta-section h2{color:var(--ybe-surface);margin-bottom:1rem;font-size:3rem}.ybe3-landing .final-cta-section p{color:#e2e8f0;margin-bottom:2rem;font-size:1.25rem}.ybe3-landing .final-cta-section .btn-primary{background:var(--ybe-surface);color:var(--ybe-navy)}.ybe3-landing .final-cta-section .closing-line{opacity:.8;margin-top:2rem;font-size:.875rem}.ybe3-landing .ybe3-footer{background:var(--ybe-surface);border-top:1px solid var(--border-color);width:100%;margin-top:auto;padding:4rem 0 2rem;position:relative!important;bottom:auto!important}.ybe3-landing .ybe3-footer .footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.ybe3-landing .ybe3-footer .footer-brand p{color:var(--text-muted);max-width:300px;margin-top:1rem}.ybe3-landing .ybe3-footer .footer-links{flex-direction:column;gap:1rem;display:flex}.ybe3-landing .ybe3-footer .footer-links h4{margin-bottom:.5rem;font-size:1rem}.ybe3-landing .ybe3-footer .footer-links a{color:var(--text-muted);transition:var(--transition-smooth)}.ybe3-landing .ybe3-footer .footer-links a:hover{color:var(--ybe-primary)}.ybe3-landing .ybe3-footer .footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);padding-top:2rem;font-size:.875rem}.ybe3-landing .problem-section{background:#fff;padding:6rem 0}.ybe3-landing .problem-section .tools-scattered{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:3rem 0;display:flex}.ybe3-landing .problem-section .tools-scattered .tool-box{background:var(--ybe-bg);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:1rem 1.5rem;font-weight:600}.ybe3-landing .problem-section .tools-scattered .plus{color:var(--ybe-primary);font-weight:700}.ybe3-landing .problem-section .solution-box{background:#2563eb0d;border:1px solid #2563eb33;border-radius:12px;max-width:700px;margin:0 auto;padding:2rem}.ybe3-landing .problem-section .solution-box h3{color:var(--ybe-primary);margin-bottom:.5rem}.ybe3-landing .commerce-section,.ybe3-landing .automation-section{padding:6rem 0}.ybe3-landing .commerce-section .container,.ybe3-landing .automation-section .container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.ybe3-landing .commerce-section .mockup-placeholder,.ybe3-landing .automation-section .mockup-placeholder{background:var(--ybe-bg);border:1px dashed var(--border-color);height:400px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;display:flex}.ybe3-landing .commerce-section ul.commerce-list,.ybe3-landing .automation-section ul.commerce-list{margin-top:2rem;padding:0;list-style:none}.ybe3-landing .commerce-section ul.commerce-list li,.ybe3-landing .automation-section ul.commerce-list li{margin-bottom:1.5rem}.ybe3-landing .commerce-section ul.commerce-list li strong,.ybe3-landing .automation-section ul.commerce-list li strong{color:var(--ybe-navy);font-size:1.1rem;display:block}.ybe3-landing .commerce-section ul.commerce-list li p,.ybe3-landing .automation-section ul.commerce-list li p{color:var(--text-muted);margin:0}.ybe3-landing .automation-section{background:var(--ybe-surface);border-top:1px solid var(--border-color)}.ybe3-landing .automation-section .diagram-box{background:var(--ybe-bg);text-align:center;border:1px solid var(--border-color);border-radius:8px;padding:1rem;font-weight:700}.ybe3-landing .automation-section .diagram-arrow{text-align:center;color:var(--text-muted);padding:.5rem;font-size:1.5rem}.ybe3-landing .crm-section{background:var(--ybe-bg);padding:6rem 0}.ybe3-landing .crm-section .crm-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:3rem 0;display:flex}.ybe3-landing .crm-section .crm-flow .flow-step{background:var(--ybe-surface);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);color:var(--ybe-navy);border-radius:50px;padding:1rem 2rem;font-weight:600}.ybe3-landing .crm-section .crm-flow .flow-arrow{color:var(--ybe-primary);font-weight:700}.ybe3-landing .how-it-works-section{padding:6rem 0}.ybe3-landing .how-it-works-section .steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.ybe3-landing .how-it-works-section .steps-grid .step-card{text-align:center;padding:2rem}.ybe3-landing .how-it-works-section .steps-grid .step-card .step-num{width:50px;height:50px;color:var(--ybe-primary);background:#2563eb1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.2rem;font-weight:700;display:flex}.ybe3-landing .pricing-section{background:var(--ybe-surface);padding:6rem 0}.ybe3-landing .pricing-section .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.ybe3-landing .pricing-section .pricing-grid .pricing-card{border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:12px;padding:2rem}.ybe3-landing .pricing-section .pricing-grid .pricing-card:hover{border-color:var(--ybe-primary);box-shadow:var(--shadow-md)}.ybe3-landing .pricing-section .pricing-grid .pricing-card h3{margin-bottom:.5rem}.ybe3-landing .pricing-section .pricing-grid .pricing-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.ybe3-landing .pricing-section .pricing-grid .pricing-card button{width:100%}.ybe3-landing .faq-section{background:var(--ybe-bg);padding:6rem 0}.ybe3-landing .faq-section .faq-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:900px;margin:3rem auto 0;display:grid}.ybe3-landing .faq-section .faq-grid .faq-item{background:var(--ybe-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.ybe3-landing .faq-section .faq-grid .faq-item h4{color:var(--ybe-navy);margin-bottom:.5rem}.ybe3-landing .faq-section .faq-grid .faq-item p{color:var(--text-muted);margin:0;font-size:.95rem}@media (width<=768px){.ybe3-landing .commerce-section .container,.ybe3-landing .automation-section .container{grid-template-columns:1fr;gap:2rem}.ybe3-landing .faq-section .faq-grid{grid-template-columns:1fr}}.ybe3-landing .telegram-campaigns-section{background:var(--ybe-surface);padding:8rem 0;overflow:hidden}.ybe3-landing .telegram-campaigns-section .container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.ybe3-landing .telegram-campaigns-section .campaigns-content h2{color:var(--ybe-navy);margin-bottom:1rem;font-size:2.2rem}.ybe3-landing .telegram-campaigns-section .campaigns-content p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.ybe3-landing .telegram-campaigns-section .campaigns-content .feature-list{padding:0;list-style:none}.ybe3-landing .telegram-campaigns-section .campaigns-content .feature-list li{background:var(--ybe-bg);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.ybe3-landing .telegram-campaigns-section .campaigns-content .feature-list li:hover{border-color:var(--ybe-primary);box-shadow:var(--shadow-sm);transform:translate(-5px)}.ybe3-landing .telegram-campaigns-section .campaigns-content .feature-list li strong{color:var(--ybe-navy);margin-bottom:.5rem;font-size:1.15rem;display:block}.ybe3-landing .telegram-campaigns-section .campaigns-content .feature-list li p{margin:0;font-size:.95rem}.ybe3-landing .telegram-campaigns-section .campaigns-visual{perspective:1000px;position:relative}.ybe3-landing .telegram-campaigns-section .campaigns-visual .image-composition{width:100%;height:auto;position:relative}.ybe3-landing .telegram-campaigns-section .campaigns-visual .image-composition .base-image{width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:12px;transform:rotateY(-5deg)scale(.95)}.ybe3-landing .telegram-campaigns-section .campaigns-visual .image-composition .floating-image{z-index:10;border:1px solid #ffffff80;border-radius:16px;width:65%;animation:6s ease-in-out infinite floating;position:absolute;bottom:-10%;right:-5%;box-shadow:0 30px 60px -15px #0000004d}.ybe3-landing .telegram-campaigns-section .campaigns-visual .image-composition:hover .base-image{transform:rotateY(0)scale(1)}.ybe3-landing .performance-section{background:#ccd7e7c7;padding:3rem}.ybe3-landing .performance-section h2{color:var(--ybe-navy);margin-bottom:1rem;font-family:Tajawal,sans-serif;font-size:2rem}.ybe3-landing .performance-section p{color:var(--text-muted);margin-bottom:1.5rem;font-family:Tajawal;font-size:1rem}.ybe3-landing .sales-point-section{background:var(--ybe-bg);margin:6rem 0;padding:8rem 0;font-family:Tajawal,sans-serif;position:relative;overflow:hidden}.ybe3-landing .sales-point-section .sales-bg-wrapper{width:65%;height:100%;position:absolute;top:0;right:0}.ybe3-landing .sales-point-section .sales-bg-wrapper:before{content:"";opacity:.85;background:url(/images/pointsal.png) 50%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 50%,#0000 100%);mask-image:linear-gradient(270deg,#000 50%,#0000 100%)}.ybe3-landing .sales-point-section .container{z-index:2;justify-content:flex-end;display:flex;position:relative}.ybe3-landing .sales-point-section .sales-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff9;border-radius:24px;width:50%;padding:3rem;box-shadow:0 30px 60px -15px #0000001a}.ybe3-landing .sales-point-section .sales-content h2{color:var(--ybe-navy);margin-bottom:1rem;font-family:Tajawal,sans-serif;font-size:2.4rem;font-weight:800;line-height:1.3}.ybe3-landing .sales-point-section .sales-content .main-desc{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.15rem;font-weight:500}.ybe3-landing .sales-point-section .sales-content .feature-list{padding:0;list-style:none}.ybe3-landing .sales-point-section .sales-content .feature-list li{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.ybe3-landing .sales-point-section .sales-content .feature-list li .icon-box{background:#2563eb14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.ybe3-landing .sales-point-section .sales-content .feature-list li .text-box strong{color:var(--ybe-navy);margin-bottom:.25rem;font-family:Tajawal,sans-serif;font-size:1.15rem;font-weight:700;display:block}.ybe3-landing .sales-point-section .sales-content .feature-list li .text-box p{color:var(--text-muted);margin:0;font-size:.95rem;font-weight:500}@media (width<=992px){.ybe3-landing .sales-point-section{padding:4rem 0}.ybe3-landing .sales-point-section .sales-bg-wrapper{width:100%;height:50%;top:0}.ybe3-landing .sales-point-section .sales-bg-wrapper:before{-webkit-mask-image:linear-gradient(#000 30%,#0000 100%);mask-image:linear-gradient(#000 30%,#0000 100%)}.ybe3-landing .sales-point-section .container{justify-content:center;padding-top:180px}.ybe3-landing .sales-point-section .sales-content{width:100%;padding:2rem}.ybe3-landing .telegram-campaigns-section .container{grid-template-columns:1fr;gap:3rem}.ybe3-landing .telegram-campaigns-section .campaigns-visual .image-composition .floating-image{width:70%;right:15%}}.ybe3-landing .fade-up{opacity:0;animation:.8s ease-out forwards fadeUp;transform:translateY(20px)}.ybe3-landing .delay-1{animation-delay:.2s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (prefers-reduced-motion:reduce){.ybe3-landing *{transition:none!important;animation:none!important}}@media (width<=768px){.ybe3-landing .desktop-only{display:none!important}.ybe3-landing .hero-section{padding-top:8rem}.ybe3-landing .cta-group{flex-direction:column;width:100%}.ybe3-landing .cta-group .btn-primary,.ybe3-landing .cta-group .btn-secondary{width:100%}.ybe3-landing .profit-section .container{grid-template-columns:1fr;gap:2rem}.ybe3-landing .ybe3-footer .footer-grid{text-align:center;grid-template-columns:1fr}.ybe3-landing .footer-brand p{margin:1rem auto}}.publish-campaign-wrapper{direction:rtl;background:linear-gradient(135deg,#f0f4f8 0%,#d9e2ec 100%);border-radius:25px;min-height:85vh;margin-top:15px;padding:20px;font-family:Tajawal,sans-serif}.publish-campaign-wrapper .glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;border-radius:15px;box-shadow:0 4px 15px #0000000d}.publish-campaign-wrapper .page-header{justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 30px;display:flex}.publish-campaign-wrapper .page-header .header-title{align-items:center;gap:15px;display:flex}.publish-campaign-wrapper .page-header .header-title .icon-main{color:#00c0ff;text-shadow:0 2px 4px #00c0ff4d;font-size:28px}.publish-campaign-wrapper .page-header .header-title h2{color:#1f3c3b;margin:0;font-size:22px;font-weight:700}.publish-campaign-wrapper .page-header .btn-toggle-view{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000001a}.publish-campaign-wrapper .page-header .btn-toggle-view.btn-primary{color:#fff;background:linear-gradient(45deg,#00c0ff,#048ee4)}.publish-campaign-wrapper .page-header .btn-toggle-view.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #048ee466}.publish-campaign-wrapper .page-header .btn-toggle-view.btn-cancel{color:#d62828;background:#ffffffb3;border:1px solid #d62828}.publish-campaign-wrapper .page-header .btn-toggle-view.btn-cancel:hover{color:#fff;background:#d62828}.publish-campaign-wrapper .page-content{animation:.4s ease-in-out fadeIn}.list-campaign-wrapper{direction:rtl;margin-top:20px;font-family:Tajawal,sans-serif}.list-campaign-wrapper .glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px 15px #0000000d}.list-campaign-wrapper .list-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 25px;display:flex}.list-campaign-wrapper .list-header .title{color:#1f3c3b;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.list-campaign-wrapper .list-header .title i{color:#00c0ff;font-size:22px}.list-campaign-wrapper .list-header .stats-badge{color:#048ee4;background:#00c0ff26;border:1px solid #00c0ff4d;border-radius:20px;padding:5px 15px;font-size:14px;font-weight:700}.list-campaign-wrapper .list-header .stats-badge span{color:#1f3c3b}.list-campaign-wrapper .campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-height:65vh;padding-bottom:20px;padding-right:5px;display:grid;overflow-y:auto}.list-campaign-wrapper .campaigns-grid::-webkit-scrollbar{width:6px}.list-campaign-wrapper .campaigns-grid::-webkit-scrollbar-thumb{background-color:#00c0ff80;border-radius:10px}.list-campaign-wrapper .glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #fffc;border-radius:15px;flex-direction:column;justify-content:space-between;padding:15px;transition:all .3s;display:flex;box-shadow:0 4px 10px #00000008}.list-campaign-wrapper .glass-card:hover{background:#ffffffb3;border-color:#00c0ff66;transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.list-campaign-wrapper .glass-card .card-top{border-bottom:1px dashed #0000001a;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;display:flex}.list-campaign-wrapper .glass-card .card-top .camp-title{color:#2c3e50;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.list-campaign-wrapper .glass-card .card-top .status-badge{cursor:pointer;white-space:nowrap;border-radius:20px;margin-right:10px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.list-campaign-wrapper .glass-card .card-top .status-badge.active{color:#2d9714;background:#2d971426;border:1px solid #2d97144d}.list-campaign-wrapper .glass-card .card-top .status-badge.inactive{color:#d62828;background:#d6282826;border:1px solid #d628284d}.list-campaign-wrapper .glass-card .card-top .status-badge:hover{filter:brightness(.9)}.list-campaign-wrapper .glass-card .card-body{flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.list-campaign-wrapper .glass-card .card-body .stat-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.list-campaign-wrapper .glass-card .card-body .stat-row .label{color:#6a726f;align-items:center;gap:6px;display:flex}.list-campaign-wrapper .glass-card .card-body .stat-row .label i{color:#888;text-align:center;width:14px}.list-campaign-wrapper .glass-card .card-body .stat-row .val{color:#3f4a3d}.list-campaign-wrapper .glass-card .card-body .stat-row .fw-bold{font-weight:700}.list-campaign-wrapper .glass-card .card-body .stat-row .text-primary{color:#048ee4}.list-campaign-wrapper .glass-card .card-body .stat-row .text-success{color:#2d9714}.list-campaign-wrapper .glass-card .card-body .stat-row .date-val{background:#0000000a;border-radius:4px;padding:2px 6px;font-size:12px}.list-campaign-wrapper .glass-card .card-body .log-toggle-row{border-top:1px dashed #0000000d;margin-top:5px;padding-top:5px}.list-campaign-wrapper .glass-card .card-body .log-toggle-row .btn-toggle-log{cursor:pointer;border:none;border-radius:6px;padding:3px 10px;font-family:Tajawal;font-size:11px;font-weight:700;transition:all .3s}.list-campaign-wrapper .glass-card .card-body .log-toggle-row .btn-toggle-log.on{color:#db2f85;background:#db2f8526}.list-campaign-wrapper .glass-card .card-body .log-toggle-row .btn-toggle-log.off{color:#048ee4;background:#048ee426}.list-campaign-wrapper .glass-card .card-body .log-toggle-row .btn-toggle-log:hover{transform:scale(1.05)}.list-campaign-wrapper .glass-card .card-actions{border-top:1px solid #fff9;justify-content:space-between;gap:5px;padding-top:12px;display:flex}.list-campaign-wrapper .glass-card .card-actions .action-btn{color:#555;cursor:pointer;background:#fff9;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;height:32px;font-size:13px;transition:all .2s;display:flex}.list-campaign-wrapper .glass-card .card-actions .action-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.list-campaign-wrapper .glass-card .card-actions .action-btn.btn-add:hover{background:#00c0ff;border-color:#00c0ff}.list-campaign-wrapper .glass-card .card-actions .action-btn.btn-manage:hover{background:#8e44ad;border-color:#8e44ad}.list-campaign-wrapper .glass-card .card-actions .action-btn.btn-edit:hover{background:#f39c12;border-color:#f39c12}.list-campaign-wrapper .glass-card .card-actions .action-btn.btn-reshare:hover{background:#27ae60;border-color:#27ae60}.list-campaign-wrapper .glass-card .card-actions .action-btn.btn-empty:hover{background:#7f8c8d;border-color:#7f8c8d}.list-campaign-wrapper .glass-card .card-actions .action-btn.btn-delete:hover{background:#e74c3c;border-color:#e74c3c}.list-campaign-wrapper .loading-state,.list-campaign-wrapper .empty-state{color:#888;background:#fff6;border:1px dashed #0000001a;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:50px;display:flex}.list-campaign-wrapper .loading-state i,.list-campaign-wrapper .empty-state i{color:#00c0ff;opacity:.7;margin-bottom:15px;font-size:40px}.list-campaign-wrapper .loading-state p,.list-campaign-wrapper .empty-state p{margin:0;font-size:16px}.step-basic-info{color:#1f3c3b;direction:rtl;font-family:Tajawal,sans-serif}.step-basic-info .step-header-desc{border-bottom:1px dashed #fff9;margin-bottom:25px;padding-bottom:15px}.step-basic-info .step-header-desc h3{color:#00c0ff;margin:0 0 5px;font-size:18px}.step-basic-info .step-header-desc p{color:#6a726f;margin:0;font-size:13px}.step-basic-info .form-group{flex-direction:column;margin-bottom:20px;display:flex}.step-basic-info .form-group label{color:#3f4a3d;margin-bottom:8px;font-size:14px;font-weight:700}.step-basic-info .form-group label .required{color:#d62828;margin-right:4px}.step-basic-info .form-group .glass-input,.step-basic-info .form-group .glass-select{color:#333;background:#fff9;border:1px solid #fffc;border-radius:10px;outline:none;padding:12px 15px;font-family:Tajawal,sans-serif;font-size:15px;transition:all .3s;box-shadow:inset 0 2px 5px #00000005}.step-basic-info .form-group .glass-input:focus,.step-basic-info .form-group .glass-select:focus{background:#ffffffe6;border-color:#00c0ff;box-shadow:0 0 8px #00c0ff4d}.step-basic-info .form-group .glass-select{cursor:pointer}.step-basic-info .form-group .time-input{text-align:right;direction:ltr}.step-basic-info .form-group .disabled-input{color:#999;cursor:not-allowed;background:#e6e6e666;border-color:#0000}.step-basic-info .form-group .input-error{background:#ff4d4f0d!important;border-color:#ff4d4f!important;box-shadow:0 0 8px #ff4d4f33!important}.step-basic-info .form-group .error-msg{color:#ff4d4f;align-items:center;gap:5px;margin-top:5px;font-size:12px;display:flex}.step-basic-info .form-row{gap:20px;display:flex}.step-basic-info .form-row .half-width{width:50%}.step-basic-info .schedule-section{background:#ffffff4d;border:1px solid #ffffff80;border-radius:12px;margin-top:10px;padding:20px}.step-basic-info .schedule-section h4{color:#2188b7;align-items:center;gap:8px;margin:0 0 15px;font-size:15px;display:flex}@keyframes fadeInStep{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.step-objectives{color:#1f3c3b;direction:rtl;font-family:Tajawal,sans-serif}.step-objectives .step-header-desc{border-bottom:1px dashed #fff9;margin-bottom:25px;padding-bottom:15px}.step-objectives .step-header-desc h3{color:#00c0ff;margin:0 0 5px;font-size:18px}.step-objectives .step-header-desc p{color:#6a726f;margin:0;font-size:13px}.step-objectives .glass-panel{background:#ffffff4d;border:1px solid #ffffff80;border-radius:12px;margin-bottom:25px;padding:20px}.step-objectives .form-row{flex-wrap:wrap;align-items:flex-end;gap:15px;display:flex}.step-objectives .form-row .form-group{flex-direction:column;display:flex}.step-objectives .form-row .form-group label{color:#3f4a3d;margin-bottom:8px;font-size:13px;font-weight:700}.step-objectives .form-row .flex-2{flex:2;min-width:200px}.step-objectives .form-row .flex-1{flex:1;min-width:120px}.step-objectives .form-row .btn-group{flex:.5;min-width:100px}.step-objectives .form-row .glass-select{color:#333;cursor:pointer;background:#fff9;border:1px solid #fffc;border-radius:8px;outline:none;padding:10px 12px;font-family:Tajawal,sans-serif;font-size:14px;transition:all .3s}.step-objectives .form-row .glass-select:focus{background:#ffffffe6;border-color:#00c0ff}.step-objectives .form-row .btn-add-glass{color:#fff;cursor:pointer;background:linear-gradient(45deg,#00c0ff,#048ee4);border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;padding:11px 15px;font-family:Tajawal,sans-serif;font-weight:700;transition:all .3s;display:flex}.step-objectives .form-row .btn-add-glass:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00c0ff4d}.step-objectives .objectives-list-container h4{color:#2188b7;margin:0 0 15px;font-size:15px}.step-objectives .objectives-list-container .empty-state{text-align:center;color:#d62828;background:#fff6;border:1px dashed #d628284d;border-radius:10px;padding:20px;font-size:14px}.step-objectives .objectives-list-container .objectives-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;display:grid}.step-objectives .objectives-list-container .objective-item{background:#ffffff8c;border:1px solid #ffffffe6;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 15px;transition:all .3s;display:flex}.step-objectives .objectives-list-container .objective-item:hover{background:#fffc;box-shadow:0 4px 10px #0000000d}.step-objectives .objectives-list-container .objective-item .item-info{flex-direction:column;gap:8px;display:flex}.step-objectives .objectives-list-container .objective-item .item-info .channel-name{color:#3f4a3d;font-size:15px;font-weight:700}.step-objectives .objectives-list-container .objective-item .item-info .item-badges{gap:5px;display:flex}.step-objectives .objectives-list-container .objective-item .item-info .item-badges .badge{color:#555;background:#0000000d;border-radius:4px;padding:3px 8px;font-size:11px}.step-objectives .objectives-list-container .objective-item .item-info .item-badges .badge.badge-success{color:#2d9714;background:#2d971426}.step-objectives .objectives-list-container .objective-item .item-info .item-badges .badge.badge-warning{color:#db2f85;background:#db2f8526}.step-objectives .objectives-list-container .objective-item .btn-remove-glass{color:#d62828;cursor:pointer;background:0 0;border:1px solid #d628284d;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;transition:all .3s;display:flex}.step-objectives .objectives-list-container .objective-item .btn-remove-glass:hover{color:#fff;background:#d62828}.OBjCmp{color:#1f3c3b;text-shadow:-4px 2px 6px #948c8c;background-color:#8ee2fd;border-radius:4px;justify-content:space-around;align-items:center;height:35px;display:flex;font-family:Tajawal!important}.OBjCmp .title{text-align:right;width:75%}.OBjCmp .Check-select{cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:60%;border:1px dashed #dfe5e7c4;border-radius:7px;width:25px;height:25px;margin:0 10px 0 -29px;padding:5px}.OBjCmp .Check-select:hover,.OBjCmp .Selected{background-image:url(/images/check.png);border:1px dashed #31d6f9!important}.SuppliersList{background-color:#fff;height:240px;overflow:scroll}.SuppliersList .Supplier{text-align:right;flex-direction:row-reverse;justify-content:flex-start;align-items:center;padding:3px;display:flex}.SuppliersList .Supplier .op-btn{flex-direction:column;justify-content:space-around;display:flex}.SuppliersList .Supplier .op-btn .pushAction{color:#03a9f4e6;cursor:pointer;border:1px dashed #03a9f4c4;border-radius:10px;justify-content:center;align-items:center;width:35px;height:31px;margin:0 0 0 5px;padding:5px;font-size:17px;display:flex}.SuppliersList .Supplier .op-btn .sh{color:#8fbc8f}.SuppliersList .Supplier .pushAction:hover{color:#ffb22b;border:1px dashed #ffb22b}.SuppliersList .Supplier .checkAction{color:#0000;cursor:pointer;border:1px dashed #dfe5e7c4;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;margin:0 10px 0 5px;padding:5px;font-size:20px;display:flex}.SuppliersList .Supplier .checkAction:hover,.SuppliersList .Supplier .Checked-true{color:#ffb22b;border:1px dashed #30befbe8}.SuppliersList .Supplier .details{direction:rtl;background:#eeeeee7d;border-radius:0 0 10px 10px;flex-direction:row;justify-content:space-between;align-items:center;width:-webkit-fill-available;height:fit-content;margin:0 10px 0 0;padding:4px 10px;font-family:Amiri,serif;font-size:11px;display:flex}.SuppliersList .Supplier .details strong{color:#03a9f4}.SuppliersList .Supplier .details .title{color:#266c8d;padding:0 5px;font-family:Amiri,serif}.SuppliersList .Supplier .SyncProducts_btn{color:#0000}.SuppliersList .Supplier:hover .SyncProducts_btn{color:#ffb22b;cursor:pointer}.step-products-source{color:#1f3c3b;direction:rtl;font-family:Tajawal,sans-serif}.step-products-source .step-header-desc{border-bottom:1px dashed #fff9;margin-bottom:25px;padding-bottom:15px}.step-products-source .step-header-desc h3{color:#00c0ff;margin:0 0 5px;font-size:18px}.step-products-source .step-header-desc p{color:#6a726f;margin:0;font-size:13px}.step-products-source .glass-panel{background:#ffffff4d;border:1px solid #ffffff80;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 4px 15px #00000008}.step-products-source .switches-row{flex-wrap:wrap;gap:30px;margin-bottom:20px;display:flex}.step-products-source .switches-row .glass-switch-label{cursor:pointer;background:#ffffff80;border:1px solid #fffc;border-radius:10px;flex:1;justify-content:space-between;align-items:center;min-width:250px;padding:12px 20px;transition:all .3s;display:flex}.step-products-source .switches-row .glass-switch-label:hover:not(.disabled-label){background:#ffffffb3;box-shadow:0 4px 10px #0000000d}.step-products-source .switches-row .glass-switch-label.disabled-label{opacity:.5;cursor:not-allowed}.step-products-source .switches-row .glass-switch-label .switch-text{flex-direction:column;display:flex}.step-products-source .switches-row .glass-switch-label .switch-text strong{color:#3f4a3d;font-size:15px}.step-products-source .switches-row .glass-switch-label .switch-text span{color:#777;font-size:11px}.step-products-source .switches-row .glass-switch-label .switch-container{width:46px;height:24px;display:inline-block;position:relative}.step-products-source .switches-row .glass-switch-label .switch-container input{opacity:0;width:0;height:0}.step-products-source .switches-row .glass-switch-label .switch-container input:checked+.slider{background-color:#00c0ff}.step-products-source .switches-row .glass-switch-label .switch-container input:checked+.slider:before{transform:translate(-22px)}.step-products-source .switches-row .glass-switch-label .switch-container .slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.step-products-source .switches-row .glass-switch-label .switch-container .slider.round{border-radius:24px}.step-products-source .switches-row .glass-switch-label .switch-container .slider.round:before{border-radius:50%}.step-products-source .switches-row .glass-switch-label .switch-container .slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:25px}.step-products-source .sort-options-row{border-top:1px dashed #fff9;gap:20px;padding-top:20px;display:flex}.step-products-source .sort-options-row .form-group{flex-direction:column;flex:1;display:flex}.step-products-source .sort-options-row .form-group label{color:#3f4a3d;margin-bottom:8px;font-size:13px;font-weight:700}.step-products-source .sort-options-row .form-group .glass-select{color:#333;cursor:pointer;background:#fff9;border:1px solid #fffc;border-radius:8px;outline:none;padding:10px 12px;font-family:Tajawal,sans-serif;font-size:14px;transition:all .3s}.step-products-source .sort-options-row .form-group .glass-select:focus{background:#ffffffe6;border-color:#00c0ff}.step-products-source .suppliers-section{margin-top:20px}.step-products-source .suppliers-section h4{color:#2188b7;margin:0 0 15px;font-size:15px}.step-products-source .suppliers-section .suppliers-glass-wrapper{background:#fff6;border:1px solid #fff9;border-radius:12px;max-height:400px;padding:15px;overflow-y:auto}.animation-slide-up{animation:.4s forwards slideUpStep}@keyframes slideUpStep{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.step-review{color:#1f3c3b;direction:rtl;font-family:Tajawal,sans-serif}.step-review .step-header-desc{border-bottom:1px dashed #fff9;margin-bottom:25px;padding-bottom:15px}.step-review .step-header-desc h3{color:#00c0ff;margin:0 0 5px;font-size:18px}.step-review .step-header-desc p{color:#6a726f;margin:0;font-size:13px}.step-review .review-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.step-review .glass-panel{background:#fff6;border:1px solid #fff9;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000008}.step-review .glass-panel:hover{background:#ffffff80;box-shadow:0 6px 20px #0000000f}.step-review .glass-panel.full-width{grid-column:1/-1}.step-review .card-header{background:#ffffff80;border-bottom:1px dashed #ffffffb3;align-items:center;gap:8px;padding:12px 15px;display:flex}.step-review .card-header i{color:#00c0ff;font-size:18px}.step-review .card-header h4{color:#2188b7;margin:0;font-size:15px;font-weight:700}.step-review .card-body{padding:15px}.step-review .card-body .info-row{border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.step-review .card-body .info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-review .card-body.row-layout{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.step-review .card-body.row-layout .info-box{text-align:center;background:#fff6;border:1px solid #ffffff80;border-radius:8px;flex-direction:column;flex:1;align-items:center;min-width:150px;padding:10px 15px;display:flex}.step-review .card-body.row-layout .info-box .label{color:#6a726f;margin-bottom:5px;font-size:11px}.step-review .card-body .label{color:#3f4a3d;font-size:13px;font-weight:700}.step-review .card-body .value{color:#1f3c3b;font-size:14px}.step-review .card-body .fw-bold{font-weight:700}.step-review .card-body .text-primary{color:#00c0ff}.step-review .card-body .text-muted{color:#888;font-size:12px}.step-review .card-body .text-danger{color:#d62828}.step-review .card-body .small{font-size:12px}.step-review .card-body .mt-2{margin-top:10px}.step-review .card-body .badge{border-radius:20px;padding:4px 10px;font-size:11px}.step-review .card-body .badge-success{color:#2d9714;background:#2d971426}.step-review .card-body .badge-secondary{color:#555;background:#64646426}.step-review .card-body .schedule-badge{color:#048ee4;background:#048ee41a;border:1px solid #048ee433;border-radius:6px;padding:5px 10px;font-size:12px}.step-review .card-body .channels-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.step-review .card-body .channels-tags .channel-tag{color:#2188b7;background:#fff9;border:1px solid #00c0ff4d;border-radius:6px;padding:4px 10px;font-size:12px}.wizard-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;direction:rtl;background:#0f172a73;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Tajawal,sans-serif;animation:.3s ease-in-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}.glass-stepper-container{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:24px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;padding:35px 40px;animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleUpModal;display:flex;position:relative;box-shadow:0 20px 50px #00000026}.glass-stepper-container .btn-close-modal{color:#64748b;cursor:pointer;background:#fffc;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .25s;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 10px #0000000d}.glass-stepper-container .btn-close-modal:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)scale(1.05);box-shadow:0 6px 15px #ef44444d}.glass-stepper-container .wizard-header{text-align:center;color:#1f3c3b;margin-bottom:30px}.glass-stepper-container .wizard-header h2{justify-content:center;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.glass-stepper-container .wizard-header h2 span{color:#00c0ff}.stepper-header{justify-content:space-between;margin-bottom:35px;padding:0 20px;display:flex;position:relative}.stepper-header:before{content:"";z-index:1;background:#fffc;border-radius:2px;height:3px;position:absolute;top:22px;left:50px;right:50px}.step-item{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.step-item .step-circle{color:#948c8c;background:#ffffffe6;border:3px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000a}.step-item .step-title{color:#64748b;white-space:nowrap;font-size:13px;font-weight:700;position:absolute;top:52px}.step-item.active .step-circle{color:#fff;background:#00c0ff;border-color:#00c0ff;transform:scale(1.08);box-shadow:0 0 15px #00c0ff66}.step-item.active .step-title{color:#00c0ff}.step-item.completed .step-circle{color:#fff;background:#10b981;border-color:#10b981}.step-item.completed .step-title{color:#10b981}.step-content{background:#ffffff73;border:1px dashed #fffc;border-radius:16px;min-height:280px;max-height:50vh;margin-bottom:25px;padding:25px;overflow-y:auto}.step-content::-webkit-scrollbar{width:6px}.step-content::-webkit-scrollbar-thumb{background-color:#00c0ff4d;border-radius:10px}.stepper-footer{border-top:1px dashed #cbd5e199;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.stepper-footer button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 28px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;transition:all .3s;display:flex}.stepper-footer button.btn-next{color:#fff;background:linear-gradient(45deg,#00c0ff,#0284c7);box-shadow:0 4px 15px #00c0ff4d}.stepper-footer button.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00c0ff66}.stepper-footer button.btn-prev{color:#475569;background:#ffffffb3;border:1px solid #ffffffe6}.stepper-footer button.btn-prev:hover:not(:disabled){background:#ffffffe6}.stepper-footer button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.item-campaign-wrapper{direction:rtl;flex-direction:column;gap:15px;height:calc(100vh - 100px);padding:15px 20px;font-family:Tajawal,sans-serif;display:flex}.item-campaign-wrapper .header-glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;border-radius:12px;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;box-shadow:0 4px 15px #0000000d}.item-campaign-wrapper .header-glass-panel .header-titles{align-items:center;gap:15px;display:flex}.item-campaign-wrapper .header-glass-panel .header-titles .icon-main{color:#00c0ff;text-shadow:0 2px 4px #00c0ff4d;font-size:30px}.item-campaign-wrapper .header-glass-panel .header-titles h2{color:#1f3c3b;margin:0;font-size:20px;font-weight:700}.item-campaign-wrapper .header-glass-panel .header-titles .camp-subtitle{color:#6a726f;margin:5px 0 0;font-size:13px}.item-campaign-wrapper .header-glass-panel .header-stats{gap:15px;display:flex}.item-campaign-wrapper .header-glass-panel .header-stats .stat-badge{color:#3f4a3d;background:#fff9;border:1px solid #fffc;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:flex}.item-campaign-wrapper .header-glass-panel .header-stats .stat-badge i{color:#888}.item-campaign-wrapper .header-glass-panel .header-stats .stat-badge.success{color:#2d9714;background:#2d97141a;border-color:#2d971433}.item-campaign-wrapper .header-glass-panel .header-stats .stat-badge.success i{color:#2d9714}.item-campaign-wrapper .header-glass-panel .btn-go-back{color:#d62828;cursor:pointer;background:#d628281a;border:1px solid #d628284d;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-family:Tajawal;font-weight:700;transition:all .3s;display:flex}.item-campaign-wrapper .header-glass-panel .btn-go-back:hover{color:#fff;background:#d62828;transform:translateY(-2px)}.item-campaign-wrapper .toolbar-glass-panel{background:#ffffff80;border:1px solid #ffffffb3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 15px;display:flex;box-shadow:0 2px 10px #00000005}.item-campaign-wrapper .toolbar-glass-panel .divider{background:#0000001a;width:1px;height:25px;margin:0 5px}.item-campaign-wrapper .toolbar-glass-panel .tool-btn{color:#3f4a3d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:Tajawal;font-size:13px;transition:all .2s;display:flex}.item-campaign-wrapper .toolbar-glass-panel .tool-btn:hover{color:#00c0ff;background:#fffc;border-color:#00c0ff}.item-campaign-wrapper .toolbar-glass-panel .tool-btn.check-all{color:#048ee4;font-weight:700}.item-campaign-wrapper .toolbar-glass-panel .tool-btn.danger:hover{color:#d62828;border-color:#d62828}.item-campaign-wrapper .objectives-glass-panel{background:#ffffff4d;border:1px dashed #fff9;border-radius:10px;align-items:center;gap:15px;padding:12px 15px;display:flex}.item-campaign-wrapper .objectives-glass-panel .panel-title{color:#2188b7;white-space:nowrap;font-size:14px;font-weight:700}.item-campaign-wrapper .objectives-glass-panel .objectives-list{flex-wrap:wrap;gap:10px;display:flex}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag{background:#ffffffb3;border:1px solid #00c0ff4d;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-size:12px;display:flex}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag .check-circle{cursor:pointer;color:#0000;background:#eee;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .3s;display:flex}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag .check-circle.checked{color:#fff;background:#00c0ff}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag .obj-name{color:#333;font-weight:700}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag .obj-type{background:#0000000d;border-radius:4px;padding:2px 6px}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag .obj-price{border-radius:4px;padding:2px 6px}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag .obj-price.active{color:#2d9714;background:#2d97141a}.item-campaign-wrapper .objectives-glass-panel .objectives-list .objective-tag .obj-price.inactive{color:#d62828;background:#d628281a}.item-campaign-wrapper .items-list-container{flex:1;padding-right:5px;overflow-y:auto}.item-campaign-wrapper .items-list-container::-webkit-scrollbar{width:6px}.item-campaign-wrapper .items-list-container::-webkit-scrollbar-thumb{background-color:#00c0ff66;border-radius:10px}.item-campaign-wrapper .items-list-container .sortable-list{flex-direction:column;gap:8px;display:flex}.item-campaign-wrapper .items-list-container .product-glass-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#ffffff8c;border:1px solid #fffc;border-radius:10px;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.item-campaign-wrapper .items-list-container .product-glass-card:hover{background:#fffc;transform:translate(-3px);box-shadow:0 4px 10px #0000000d}.item-campaign-wrapper .items-list-container .product-glass-card.is-selected{background:#00c0ff1a;border-color:#00c0ff66}.item-campaign-wrapper .items-list-container .product-glass-card.is-published{border-right:4px solid #77c389}.item-campaign-wrapper .items-list-container .product-glass-card .drag-handle{color:#ccc;cursor:grab;padding:0 10px 0 5px;font-size:16px}.item-campaign-wrapper .items-list-container .product-glass-card .drag-handle:active{cursor:grabbing}.item-campaign-wrapper .items-list-container .product-glass-card .drag-handle:hover{color:#00c0ff}.item-campaign-wrapper .items-list-container .product-glass-card .prod-image{background-position:50%;background-size:cover;border:1px solid #0000000d;border-radius:8px;width:50px;height:50px;margin-left:15px}.item-campaign-wrapper .items-list-container .product-glass-card .prod-details{flex-direction:column;flex:1;justify-content:center;display:flex}.item-campaign-wrapper .items-list-container .product-glass-card .prod-details .prod-title{color:#3f4a3d;margin-bottom:5px;font-size:14px;font-weight:700}.item-campaign-wrapper .items-list-container .product-glass-card .prod-details .prod-meta{gap:15px;font-size:12px;display:flex}.item-campaign-wrapper .items-list-container .product-glass-card .prod-details .prod-meta .price{color:#2d9714}.item-campaign-wrapper .items-list-container .product-glass-card .prod-details .prod-meta .code{color:#db2f85;background:#db2f850d;border-radius:4px;padding:1px 6px}.item-campaign-wrapper .items-list-container .product-glass-card .prod-actions{gap:5px;display:flex}.item-campaign-wrapper .items-list-container .product-glass-card .prod-actions .action-icon{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.item-campaign-wrapper .items-list-container .product-glass-card .prod-actions .action-icon:hover{background:#fff;box-shadow:0 2px 5px #0000001a}.item-campaign-wrapper .items-list-container .product-glass-card .prod-actions .action-icon.btn-retweet:hover{color:#8e44ad}.item-campaign-wrapper .items-list-container .product-glass-card .prod-actions .action-icon.btn-share:hover{color:#00c0ff}.item-campaign-wrapper .items-list-container .product-glass-card .prod-actions .action-icon.btn-cover:hover{color:#f39c12}.item-campaign-wrapper .items-list-container .product-glass-card .prod-actions .action-icon.btn-delete:hover{color:#d62828;background:#d628281a}.item-campaign-wrapper .items-list-container .loading-state,.item-campaign-wrapper .items-list-container .fetching-more{text-align:center;color:#00c0ff;padding:20px;font-size:14px;font-weight:700}.item-campaign-wrapper .items-list-container .loading-state i,.item-campaign-wrapper .items-list-container .fetching-more i{margin-left:8px}.animation-fade-in{animation:.4s forwards fadeIn}.campaign-catalogue-sidebar{flex-direction:column;gap:10px;width:350px;min-width:350px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex}.campaign-catalogue-sidebar .glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;border-radius:12px;box-shadow:0 4px 15px #00000008}.campaign-catalogue-sidebar .sidebar-header{justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.campaign-catalogue-sidebar .sidebar-header h3{color:#1f3c3b;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.campaign-catalogue-sidebar .sidebar-header h3 i{color:#00c0ff}.campaign-catalogue-sidebar .sidebar-header .btn-close{color:#d62828;cursor:pointer;background:0 0;border:none;font-size:18px;transition:all .2s}.campaign-catalogue-sidebar .sidebar-header .btn-close:hover{transform:scale(1.1)}.campaign-catalogue-sidebar .catalogue-filters{flex-direction:column;gap:10px;padding:12px;display:flex}.campaign-catalogue-sidebar .catalogue-filters .search-box{position:relative}.campaign-catalogue-sidebar .catalogue-filters .search-box svg{color:#888;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.campaign-catalogue-sidebar .catalogue-filters .search-box input{background:#ffffffb3;border:1px solid #00c0ff4d;border-radius:8px;outline:none;width:100%;padding:8px 35px;font-family:Tajawal;font-size:13px;transition:all .3s}.campaign-catalogue-sidebar .catalogue-filters .search-box input:focus{background:#fff;border-color:#00c0ff;box-shadow:0 0 8px #00c0ff33}.campaign-catalogue-sidebar .catalogue-filters .categories-pills{gap:6px;padding-bottom:5px;display:flex;overflow-x:auto}.campaign-catalogue-sidebar .catalogue-filters .categories-pills::-webkit-scrollbar{height:4px}.campaign-catalogue-sidebar .catalogue-filters .categories-pills .cat-pill{white-space:nowrap;cursor:pointer;color:#3f4a3d;background:#ffffff80;border:1px solid #00c0ff33;border-radius:15px;padding:4px 12px;font-family:Tajawal;font-size:12px;transition:all .2s}.campaign-catalogue-sidebar .catalogue-filters .categories-pills .cat-pill:hover{background:#00c0ff1a}.campaign-catalogue-sidebar .catalogue-filters .categories-pills .cat-pill.active{color:#fff;background:#00c0ff;border-color:#00c0ff;box-shadow:0 2px 8px #00c0ff4d}.campaign-catalogue-sidebar .catalogue-actions .btn-select-all{color:#048ee4;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:Tajawal;font-size:13px;font-weight:700;display:flex}.campaign-catalogue-sidebar .catalogue-products-list{flex-direction:column;flex:1;gap:8px;padding-right:5px;display:flex;overflow-y:auto}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card{cursor:pointer;background:#ffffff8c;border:1px solid #fffc;border-radius:10px;align-items:center;gap:10px;padding:8px;transition:all .2s;display:flex;position:relative}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card:hover{background:#fffc;transform:translate(-3px)}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card.selected{background:#00c0ff1a;border-color:#00c0ff80}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card.selected .check-indicator{background-image:url(/images/check.png);background-position:50%;background-repeat:no-repeat;background-size:68%;border-radius:4px}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card .check-indicator{border:1px solid #82c4d8;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card .prod-img{background-position:50%;background-size:cover;border:1px solid #0000000d;border-radius:6px;width:45px;height:45px}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card .prod-info{flex:1;overflow:hidden}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card .prod-info .p-title{color:#3f4a3d;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:700;overflow:hidden}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card .prod-info .p-price-code{justify-content:space-between;font-size:11px;display:flex}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card .prod-info .p-price-code .price{color:#2d9714;font-weight:700}.campaign-catalogue-sidebar .catalogue-products-list .product-mini-card .prod-info .p-price-code .code{color:#db2f85}.campaign-catalogue-sidebar .catalogue-products-list .loading-state,.campaign-catalogue-sidebar .catalogue-products-list .empty-state{text-align:center;color:#6a726f;padding:30px 10px;font-size:13px}.campaign-catalogue-sidebar .catalogue-products-list .loading-state i,.campaign-catalogue-sidebar .catalogue-products-list .empty-state i{color:#00c0ff;margin-bottom:10px;font-size:24px;display:block}.campaign-catalogue-sidebar .catalogue-footer{padding:12px}.campaign-catalogue-sidebar .catalogue-footer .btn-add-to-camp{color:#fff;cursor:pointer;background:linear-gradient(45deg,#00c0ff,#0284c7);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:Tajawal;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #00c0ff4d}.campaign-catalogue-sidebar .catalogue-footer .btn-add-to-camp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c0ff66}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.print-statement-page{color:#000;direction:rtl;background:#fff;max-width:297mm;margin:0 auto;padding:20px;font-family:Tajawal,sans-serif}.print-statement-page *{box-shadow:none!important;border-radius:0!important}.print-statement-page .print-header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.print-statement-page .print-header .company-logo h2{color:#000;margin:0;font-size:1.5rem;font-weight:800}.print-statement-page .print-header .report-title{text-align:center}.print-statement-page .print-header .report-title h1{color:#000;margin:0 0 5px;font-size:1.4rem;font-weight:700}.print-statement-page .print-header .report-title p{color:#444;margin:0;font-size:1rem}.print-statement-page .print-header .print-meta p{color:#444;margin:0;font-size:.95rem}.print-statement-page .supplier-info-box{background-color:#f8fafc;border:1px solid #444;justify-content:space-between;margin-bottom:15px;padding:10px 15px;font-size:1rem;display:flex}.print-statement-page .summary-boxes{gap:15px;margin-bottom:25px;display:flex}.print-statement-page .summary-boxes .box{text-align:center;background-color:#fff;border:1px solid #ccdade;flex:1;padding:7px}.print-statement-page .summary-boxes .box span{color:#333;margin-bottom:5px;font-size:.95rem;font-weight:700;display:block}.print-statement-page .summary-boxes .box strong{color:#000;font-size:1.4rem;font-weight:900}.print-statement-page .summary-boxes .box.highlight{background-color:#f0f9ff;border:2px solid #0ea5e9}.print-statement-page .summary-boxes .box.highlight strong{color:#0284c7}.print-statement-page .print-table{border-collapse:collapse;width:100%;margin-bottom:40px}.print-statement-page .print-table thead{display:table-header-group}.print-statement-page .print-table tbody{display:table-row-group}.print-statement-page .print-table tr{page-break-inside:avoid}.print-statement-page .print-table th,.print-statement-page .print-table td{text-align:center;border:1px solid #cfe6f1;padding:3px 12px;font-size:.65rem}.print-statement-page .print-table th{color:#000;background-color:#e3f1f8;border-bottom:2px solid #0ea5e9;font-size:1rem;font-weight:700}.print-statement-page .print-table .carried-row{background-color:#fef3c7;font-weight:700}.print-statement-page .print-table .carried-row td{color:#b45309}.print-statement-page .print-table .totals-row{background-color:#e2e8f0;border-top:2px solid #0ea5e9;font-weight:900}.print-statement-page .print-table .totals-row td{font-size:1.1rem}.print-statement-page .print-footer{page-break-inside:avoid;justify-content:space-around;margin-top:40px;display:flex}.print-statement-page .print-footer .signature{color:#000;font-size:1rem;font-weight:700}@media print{@page{size:A4 landscape;margin:15mm}body{background:#fff;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-statement-page{box-sizing:border-box;max-width:100%;margin:5mm auto;padding:5mm}}.print-invoice-page{background:#fff;max-width:210mm;margin:0 auto;padding:20mm;font-family:Tajawal,sans-serif}.print-invoice-page .invoice-print-header{border-bottom:2px solid #333;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;display:flex}.print-invoice-page .invoice-print-header h1{color:#1e3a8a}.print-invoice-page .invoice-meta-boxes{gap:15px;margin-bottom:20px;display:flex}.print-invoice-page .invoice-meta-boxes .box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:10px}.print-invoice-page .items-table{border-collapse:collapse;width:100%;margin-bottom:20px}.print-invoice-page .items-table th,.print-invoice-page .items-table td{text-align:right;border:1px solid #ccc;padding:8px}.print-invoice-page .items-table th{background:#e2e8f0}.print-invoice-page .invoice-totals{border:1px solid #ccc;border-radius:4px;width:40%;margin-right:auto;padding:10px}.print-invoice-page .invoice-totals .total-row{border-bottom:1px dashed #eee;justify-content:space-between;padding:5px 0;display:flex}.print-invoice-page .invoice-totals .total-row:last-child{border:none}.print-invoice-page .invoice-totals .total-row.net-amount{color:#dc2626;font-size:1.2rem;font-weight:700}@media print{@page{size:A5 landscape;margin:0}body{background:#fff}.print-invoice-page{max-width:100%;padding:10mm}}:root{--main-bg:#fff;--second-bg:#fafafb;--txt-color:#455560;--txt-white:#fff;--main-color:#349eff;--second-color:#62b4ff;--box-shadow:#959da533 0px 8px 24px;--main-bg-light:#fff;--second-bg-light:#fafafb;--txt-color-light:#455560;--box-shadow-light:#959da533 0px 8px 24px;--main-bg-dark:#42dbad;--second-bg-dark:#268565;--txt-color-dark:#bbb;--box-shadow-dark:#36644733 0px 5px 10px;--main-color-blue:#349eff;--second-color-blue:#62b4ff;--main-color-red:#fb0b12;--second-color-red:#ff4a6b;--main-color-cyan:#10d4d2;--second-color-cyan:#2ae9e6;--main-color-green:#019707;--second-color-green:#4caf50;--main-color-orange:#d68102;--second-color-orange:#fca11a;--sidebar-width:300px;--border-radius:15px;--topnav-height:110px;--transition-cubic:cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif}#transparent-scroll::-webkit-scrollbar-track{background-color:#fff0;border-radius:0%;-webkit-box-shadow:inset 0 0 6px #f3f2f200}#transparent-scroll::-webkit-scrollbar{background-color:#bbbaba00;width:0}#transparent-scroll::-webkit-scrollbar-thumb{background-color:#fff0;background-image:-webkit-linear-gradient(50deg,#fff0 25%,#0000 25% 50%,#fff0 50%,#fafafa00 75%,#0000 85%,#0000);border-radius:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.7px;color:#67757c;font-family:Roboto,sans-serif}body a{color:unset;text-decoration:none}body a:hover{color:var(--main-color)}body button{cursor:pointer;color:var(--txt-color);border:0;outline:0}body ul{list-style-type:none}body input{border:2px solid #0000;outline:0}body input:focus{border:2px solid var(--main-color)}body .page-header{text-transform:capitalize;margin-bottom:40px}body .card{background-color:var(--main-bg);border-radius:var(--border-radius);border:1px solid #eee;margin-bottom:30px;padding:30px}body .full-height{height:100%}body .card.full-height{height:calc(100% - 30px)}body .card__header{text-transform:capitalize}body .card>div~div{margin-top:30px}body .card__footer{text-align:center;text-transform:capitalize}body .light-background{background-color:var(--main-bg-light);color:#000}body .dark-background{background-color:var(--main-bg-dark);color:#fff}body .blue-color{background-color:var(--main-color-blue);color:#fff}body .red-color{background-color:var(--main-color-red);color:#fff}body .cyan-color{background-color:var(--main-color-cyan);color:#fff}body .green-color{background-color:var(--main-color-green);color:#fff}body .orange-color{background-color:var(--main-color-orange);color:#fff}body .ReactModal__Overlay{z-index:99;background-color:#ffffffbf;position:absolute;inset:0}body .ReactModal__Content{background-color:#fff;border:1px solid #ecf0f3;border-radius:4px;outline:none;width:50%;height:500px;margin:auto;position:absolute;inset:2.5rem auto;overflow:auto;box-shadow:-6px 6px 14px 14px #e6e4eb}body .CloseModal{float:right;color:#aeafb1;cursor:pointer;margin:-17px -10px 0 0;font-size:23px}body .Layout{background-color:#f5f7f9de;grid-template-rows:0 1fr 40px;grid-template-areas:"header""main""footer";min-height:100vh;display:grid}body main{flex-direction:column;grid-area:main;align-items:center;margin-left:45px;display:flex;margin-top:36px!important}body main .wrapper{justify-content:space-between;display:flex;margin:70px 20px 20px!important}body main .NavControls{color:#6abb7d;z-index:100;background:#fff;border-radius:0 0 40px 40px;justify-content:center;align-items:center;width:fit-content;margin:8px auto;padding:8px 40px;display:flex;position:fixed;box-shadow:0 5px 20px #0000000d}body .wrapper{justify-content:space-between;margin:10px 20px 20px;display:flex}body .wrapper-right-side{background-color:#fff;flex-direction:column;width:23%;max-height:870px;padding:7px;display:flex;position:fixed;right:15px;overflow:hidden scroll}body hr.style16{border:none;border-top:1px dashed #a0d2fc61}body .Transition{transition:all .6s ease-in-out}body .css-eglki6-MuiLinearProgress-root{z-index:0;background-color:#eaf2f7;height:2px;display:block;position:relative;overflow:hidden}body .sidebar{width:50px;position:absolute;left:0;overflow:hidden}body .left-sidebar{background-color:#fbfbfb;border-right:1px solid #eee;border-radius:0 15px 15px 0;width:95%;min-height:350px;margin-top:100px}body .css-1mxz8qt-MuiPaper-root{box-shadow:unset}body .IsLoading{background-position:50%;background-repeat:no-repeat;width:100%;height:90px}body .Notfound{background-position:50%;background-repeat:no-repeat;background-size:80%;width:100%;min-height:300px}body .IsLoading{background-image:url(/images/preloa.gif)}body .Notfound{background-image:url(/images/no-product.png)}