:root{--main_color: #15A6FB}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:border-box;outline:none}body,input,textarea,button{font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--main_color)}body{color:#333}button:disabled{opacity:.5;cursor:no-drop!important}input:read-only{background-color:#f0f0f0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.head-page{display:flex;align-items:center;gap:10px;margin-top:10px;margin-bottom:20px;font-size:18px;font-weight:600}.head-page a{color:var(--main_color)}.table{width:100%;overflow-x:auto}.table .scroll{min-width:100%}.table .gJdets{overflow:visible;white-space:unset;text-overflow:unset;line-height:1.3}.table .control .loading-btn{color:var(--main_color)!important}.table .control .list-more{display:flex;align-items:center;gap:10px}.table .control .list-more button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer}.table .control .list-more button svg{width:17px;height:17px}.table .control .list-more button.show{color:#fd7e14}.table .control .list-more button.show svg{width:20px;height:20px}.table .control .list-more button.edit{color:#198754}.table .control .list-more button.del{color:#dc3545}.table .img{display:flex;align-items:center;justify-content:center;padding:10px;width:100px;height:70px}.table .img img{width:100%;height:100%;object-fit:contain}.head-control{display:flex;align-items:center;justify-content:space-between;margin-top:30px;margin-bottom:20px}.head-control form{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #DDD;width:300px;padding:7px 10px;height:38px}.head-control form input{border:none;outline:none;font-size:16px;width:100%}.head-control form button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent}.head-control form button svg{width:20px;height:20px}.head-control .buttons{display:flex;align-items:center;gap:10px}.head-control .buttons>button{height:38px;padding-inline:25px;background-color:var(--main_color);color:#fff;border:none;font-size:16px;cursor:pointer}.head-control .buttons>div{width:200px}.head-control-tow{display:flex;align-items:center;justify-content:space-between;margin-top:30px;margin-bottom:20px}.head-control-tow form{display:flex;align-items:center;gap:10px;width:80%}.head-control-tow form>input{height:38px;border:1px solid #DDD;outline:none;font-size:16px;padding-inline:12px;max-width:240px;width:100%}.head-control-tow form>div{max-width:220px;width:100%}.head-control-tow form>button{display:flex;align-items:center;justify-content:center;border:none;background-color:var(--main_color);color:#fff;height:38px;cursor:pointer;padding-inline:15px}.head-control-tow form>button svg{width:20px;height:20px}.head-control-tow .buttons{display:flex;align-items:center;gap:10px}.head-control-tow .buttons>button{height:38px;padding-inline:25px;background-color:var(--main_color);color:#fff;border:none;font-size:16px;cursor:pointer}.layout{display:flex;align-items:flex-start;height:100vh}.layout>div{height:100%}.layout .page{width:calc(100% - 280px)}.layout .page main{height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden;padding:15px 15px 25px}.side-bar{width:280px;background-color:#f7f7fa;padding:0 12px;height:100vh;color:#333;overflow:hidden;display:flex;flex-direction:column}.side-bar .side-head{flex-shrink:0}.side-bar .side-head .logo{display:flex;align-items:center;justify-content:center;padding-top:10px}.side-bar .side-head .logo img{width:90px}.side-bar .side-head .search-box{display:flex;flex-direction:column;gap:10px;margin-block:15px}.side-bar .side-head .search-box form{display:flex;align-items:center;gap:5px;border:1px solid #b8b8b8;padding:10px;background-color:#fff}.side-bar .side-head .search-box form svg{width:15px;height:15px}.side-bar .side-head .search-box form input{border:none;outline:none;background-color:transparent;width:100%;font-size:15px}.side-bar .side-foot{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-block:15px;border-top:1px solid #AAA;margin-top:15px}.side-bar .side-foot a{color:var(--main_color)}.side-bar .sidebar-links{flex:1;border:none!important;font-size:16px;font-weight:500;overflow:auto}.side-bar .sidebar-links svg{width:18px;height:18px}.side-bar .sidebar-links nav>ul{display:flex;flex-direction:column;width:97%}.side-bar .sidebar-links nav>ul>li{background-color:#f7f7fa}.side-bar .sidebar-links nav>ul>li>a{margin-bottom:5px}.side-bar .sidebar-links nav>ul>li>div{background-color:#f7f7fa}.side-bar .sidebar-links nav>ul>li>div>ul{width:85%;margin-inline:auto;display:flex;flex-direction:column;gap:5px}.side-bar .sidebar-links nav>ul>li>div>ul .css-1tqrhto>.ps-menu-button,.side-bar .sidebar-links nav>ul>li>div>ul .css-14xmt93>.ps-menu-button{height:auto!important;border-radius:10px}.side-bar .sidebar-links nav>ul>li>div>ul .css-12w9als{flex-grow:1;white-space:normal;overflow:visible;text-overflow:clip}.side-bar .sidebar-links nav>ul>li>div>ul .ps-menu-icon{margin:0}.side-bar .sidebar-links .css-16jesut>.ps-menu-button,.side-bar .sidebar-links .css-1654oxy>.ps-menu-button,.side-bar .sidebar-links .css-1t8x7v1>.ps-menu-button{height:40px!important;border-radius:10px}.side-bar .sidebar-links .css-1654oxy>.ps-menu-button,.side-bar .sidebar-links .css-16jesut>.ps-menu-button,.side-bar .sidebar-links .css-1tqrhto>.ps-menu-button,.side-bar .sidebar-links .css-1t8x7v1>.ps-menu-button,.side-bar .sidebar-links .css-14xmt93>.ps-menu-button{padding-inline:5px}.side-bar .sidebar-links .css-1cuxlhl{display:none!important}.side-bar .sidebar-links .css-16jesut>.ps-menu-button:hover,.side-bar .sidebar-links .css-1tqrhto>.ps-menu-button:hover,.side-bar .sidebar-links .css-1t8x7v1>.ps-menu-button:hover,.side-bar .sidebar-links .ps-menu-button.ps-active{background:var(--main_color);color:#fff}.side-bar .sidebar-links .menu-icon{display:flex;align-items:center;justify-content:center;width:35px}.side-bar .sidebar-links .submenu-arrow{display:flex;align-items:center;justify-content:center;transition:all .3s}.side-bar .sidebar-links .ps-menu-button.ps-open .submenu-arrow{transform:rotate(180deg)}.header{height:60px;padding-inline:20px;border-bottom:2px solid var(--main_color);display:flex;align-items:center;justify-content:space-between;gap:10px}.header h3{flex:1;display:flex;align-items:center;gap:5px}.header>div{display:flex;align-items:center;gap:15px}.header>div .fullscreen{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--main_color);cursor:pointer}.header>div .logout{font-size:16px;padding-block:7px;border:none;background-color:var(--main_color);color:#fff;cursor:pointer;padding-inline:25px}.header .popup-model .content{height:370px;padding:30px}.header .popup-model .content .profile h2{text-align:center;font-size:22px}.header .popup-model .content .profile form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.header .popup-model .content .profile form input{padding:7px 10px;font-size:15px;border:1px solid #DDD}.header .popup-model .content .profile form button{font-size:16px;padding-block:7px;border:none;background-color:var(--main_color);color:#fff;border-radius:5px;cursor:pointer;padding-inline:25px}.home .staticses{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:12px;gap:20px}.home .staticses .box{text-align:center;padding:25px 15px;background-color:#fff;box-shadow:0 0 10px #68686836;color:#333;border-radius:10px;display:flex;flex-direction:column;gap:10px;transition:all .3s}.home .staticses .box:hover{background-color:var(--main_color);color:#fff}.home .staticses .box:hover .icon svg{color:#fff}.home .staticses .box .icon svg{width:30px;height:30px;color:var(--main_color);transition:all .3s}.home .staticses .box p{font-size:20px}.home .staticses .box h4{font-size:16px;line-height:1.7}.login{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f3f3f3bd}.login .form{width:450px;height:350px;background-color:var(--main_color);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px}.login .form h2{margin-bottom:15px;font-size:30px}.login .form p{margin-bottom:25px;font-size:22px;font-weight:500}.login .form form{display:flex;flex-direction:column;gap:15px;width:100%}.login .form form input{font-size:16px;padding:8px 13px;border:none;background-color:#fff;border-radius:10px}.login .form form button{border:none;cursor:pointer;padding:9px;font-size:16px;margin-top:10px;background-color:#fff;border-radius:10px;color:#333;font-weight:600}.loading-btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:25px;color:inherit}.loading-btn svg{animation:laoding .8s linear infinite}@keyframes laoding{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-model{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#29292933;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3;display:flex;align-items:center;justify-content:center}.popup-model .content{width:650px;height:550px;background-color:#fff;border-radius:20px;padding:20px;overflow:auto;position:relative}.popup-model .content .close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;background-color:var(--main_color);color:#fff;border:none;width:30px;height:30px;font-size:17px;border-radius:50%;cursor:pointer}.form-admin{height:100%}.form-admin h2{text-align:center}.form-admin form{display:flex;flex-direction:column;justify-content:center;height:90%}.form-admin form .inputs{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.form-admin form .inputs>div{width:calc(50% - 10px);display:flex;flex-direction:column;gap:7px}.form-admin form .inputs>div>input{padding:5px 10px;border:1px solid #d6d6d6;height:38px;font-size:15px}.form-admin form .submit{display:block;margin-top:25px;margin-inline:auto;width:120px;padding-block:7px;background-color:var(--main_color);color:#fff;border:none;font-size:16px;cursor:pointer}.customer-shipments .links{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:50px;max-width:800px;width:100%;margin-inline:auto}.customer-shipments .links .box{text-align:center;padding:25px 15px;background-color:#fff;box-shadow:0 0 10px #68686836;color:#333;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:10px;transition:all .3s;height:150px}.customer-shipments .links .box:hover{background-color:var(--main_color);color:#fff}.customer-shipments .links .box:hover .icon svg{color:#fff}.customer-shipments .links .box .icon svg{width:30px;height:30px;color:var(--main_color);transition:all .3s}.customer-shipments .links .box h3{line-height:1.7}.create-shipment .form-box form .group{padding-bottom:25px}.create-shipment .form-box form .group h3{margin-bottom:10px}.create-shipment .form-box form .group label{font-size:16px;font-weight:500}.create-shipment .form-box form .group .inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.create-shipment .form-box form .group .inputs .input-group{display:flex;flex-direction:column;gap:10px}.create-shipment .form-box form .group .inputs .input-group>input{height:38px;border:1px solid #CCC;padding-inline:10px;font-size:15px}.create-shipment .form-box form .group .textarea-group{margin-top:15px;display:flex;flex-direction:column;gap:10px}.create-shipment .form-box form .group .textarea-group textarea{border:1px solid #CCC;padding:10px;font-size:15px;height:70px;resize:none}.create-shipment .form-box form .group .textarea-group .file-upload{display:flex;align-items:center;gap:12px}.create-shipment .form-box form .group .textarea-group .file-upload .file-btn{padding:8px 16px;background:var(--main_color);color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:.3s}.create-shipment .form-box form .group .textarea-group .file-upload .file-name{font-size:14px;color:#555}.create-shipment .form-box form .group .table table{width:100%;table-layout:fixed;border-collapse:collapse}.create-shipment .form-box form .group .table table thead td{text-align:center;background-color:#ddd;border:1px solid #b9b9b9;padding-block:10px;font-size:16px;font-weight:700}.create-shipment .form-box form .group .table table tbody td{padding-block:10px;border:1px solid #b9b9b9}.create-shipment .form-box form .group .table table tbody td input{display:block;margin-inline:auto;width:90%;border:1px solid #CCC;font-size:15px;height:38px;padding-inline:10px}.create-shipment .form-box form .group .table table tbody td button{display:flex;align-content:center;justify-content:center;margin-inline:auto;cursor:pointer;border:none;background-color:brown;color:#fff}.create-shipment .form-box form .group .add-new-content{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;padding:7px 15px;font-size:16px;border:none;background-color:var(--main_color);color:#fff;cursor:pointer}.create-shipment .form-box form .group .add-new-content span{display:flex;align-items:center;justify-content:center}.create-shipment .form-box form .group .add-new-content span svg{width:15px;height:15px}.create-shipment .form-box form .btns-control{display:flex;align-items:center;justify-content:center;gap:15px;padding-block:20px}.create-shipment .form-box form .btns-control a,.create-shipment .form-box form .btns-control button{display:block;background-color:transparent;border:none;font-size:16px;width:150px;padding-block:10px;text-align:center;cursor:pointer}.create-shipment .form-box form .btns-control button{background-color:var(--main_color);color:#fff}.create-shipment .form-box form .btns-control a{background-color:#ccc;color:#1a1a1a}.create-shipment-merchant .form-box form .group{padding-bottom:25px}.create-shipment-merchant .form-box form .group h3{margin-bottom:10px}.create-shipment-merchant .form-box form .group label{font-size:16px;font-weight:500}.create-shipment-merchant .form-box form .group .inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.create-shipment-merchant .form-box form .group .inputs .input-group{display:flex;flex-direction:column;gap:10px}.create-shipment-merchant .form-box form .group .inputs .input-group>input{height:38px;border:1px solid #CCC;padding-inline:10px;font-size:15px}.create-shipment-merchant .form-box form .group .textarea-group{margin-top:15px;display:flex;flex-direction:column;gap:10px}.create-shipment-merchant .form-box form .group .textarea-group textarea{border:1px solid #CCC;padding:10px;font-size:15px;height:70px;resize:none}.create-shipment-merchant .form-box form .group .textarea-group .file-upload{display:flex;align-items:center;gap:12px}.create-shipment-merchant .form-box form .group .textarea-group .file-upload .file-btn{padding:8px 16px;background:var(--main_color);color:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:.3s}.create-shipment-merchant .form-box form .group .textarea-group .file-upload .file-name{font-size:14px;color:#555}.create-shipment-merchant .form-box form .group .table table{width:100%;table-layout:fixed;border-collapse:collapse}.create-shipment-merchant .form-box form .group .table table thead td{text-align:center;background-color:#ddd;border:1px solid #b9b9b9;padding-block:10px;font-size:16px;font-weight:700}.create-shipment-merchant .form-box form .group .table table tbody td{padding-block:10px;border:1px solid #b9b9b9}.create-shipment-merchant .form-box form .group .table table tbody td>div,.create-shipment-merchant .form-box form .group .table table tbody td>input{width:90%;margin-inline:auto}.create-shipment-merchant .form-box form .group .table table tbody td>input{display:block;border:1px solid #CCC;font-size:15px;height:38px;padding-inline:10px}.create-shipment-merchant .form-box form .group .table table tbody td button{display:flex;align-content:center;justify-content:center;margin-inline:auto;cursor:pointer;border:none;background-color:brown;color:#fff}.create-shipment-merchant .form-box form .group .add-new-content{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;padding:7px 15px;font-size:16px;border:none;background-color:var(--main_color);color:#fff;cursor:pointer}.create-shipment-merchant .form-box form .group .add-new-content span{display:flex;align-items:center;justify-content:center}.create-shipment-merchant .form-box form .group .add-new-content span svg{width:15px;height:15px}.create-shipment-merchant .form-box form .btns-control{display:flex;align-items:center;justify-content:center;gap:15px;padding-block:20px}.create-shipment-merchant .form-box form .btns-control a,.create-shipment-merchant .form-box form .btns-control button{display:block;background-color:transparent;border:none;font-size:16px;width:150px;padding-block:10px;text-align:center;cursor:pointer}.create-shipment-merchant .form-box form .btns-control button{background-color:var(--main_color);color:#fff}.create-shipment-merchant .form-box form .btns-control a{background-color:#ccc;color:#1a1a1a}.merchant-shipments .links{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:50px;max-width:800px;width:100%;margin-inline:auto}.merchant-shipments .links .box{text-align:center;padding:25px 15px;background-color:#fff;box-shadow:0 0 10px #68686836;color:#333;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:10px;transition:all .3s;height:150px}.merchant-shipments .links .box:hover{background-color:var(--main_color);color:#fff}.merchant-shipments .links .box:hover .icon svg{color:#fff}.merchant-shipments .links .box .icon svg{width:30px;height:30px;color:var(--main_color);transition:all .3s}.merchant-shipments .links .box h3{line-height:1.7}