:root{--text-black: #000;--text-primary: #3244ef;--text-white: #fff;--rounded: 20px;--rounded-sm: 10px;--primary-bg-light: #d9d9d9}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;height:100vh;font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-style:normal}li,ul{list-style-type:none;padding:0;margin:0}a{text-decoration:none}p,h1,h2,h3,h4,h5,h6{margin-bottom:0}select{appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dashboard{display:flex;flex-grow:1}.main-content{flex-grow:1;display:flex;flex-direction:column;padding-top:80px;height:100vh}.content{flex-grow:1;padding:30px;overflow-y:scroll}.login-btn{background-color:var(--text-black);color:var(--text-white);border-radius:var(--rounded);padding:10px 50px;font-size:20px;font-weight:600;width:100%;border:0}.fs-35{font-size:35px}.fs-24{font-size:24px}.fs-20{font-size:20px;font-weight:500}.bg-primary{background-color:var(--text-primary)}.text-primary{color:var(--text-primary)!important}.color-white{color:#fff!important}#loader{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#fffc;font-family:Arial,sans-serif;color:#fff;position:fixed;z-index:9999;top:0;left:0}#loader img{width:60px}.sub_title{font-size:24px;font-weight:700;color:var(--text-black)}#toggleBtn{width:40px;height:40px;border-radius:var(--rounded-sm)}.default-position{position:absolute;top:0;left:0}.modal-content{background:transparent;border:none}.login_back{background-color:var(--text-black);color:#fff;padding:5px 50px 5px 40px;border-radius:var(--rounded);border:1px solid var(--text-black);font-size:16px;position:relative}.login_back i{position:absolute;right:5px;font-size:25px}.btn-add{width:40px;height:40px;display:inline-block;text-align:center;line-height:40px;border-radius:4px;border:2px solid var(--text-black);background-color:transparent;font-size:1.125rem}.btn_black{background-color:var(--text-black);color:#fff;padding:8px 40px;border-radius:var(--rounded);border:1px solid var(--text-black);font-size:20px;font-weight:600;margin:0 10px}.btn_primary{background-color:var(--text-primary);color:#fff;padding:8px 40px;border-radius:var(--rounded);border:1px solid var(--text-primary);font-size:20px;font-weight:600;margin:0 10px}.default-check{width:24px;height:24px;border-radius:4px}.default-check:checked{background-color:#fff;border-color:#000;box-shadow:none;outline:none}.form-check-input:checked[type=checkbox]{background-image:url(/images/check-mark.png);box-shadow:none;outline:none}.form-check-input:checked[type=radio]{background-image:url(/images/check-mark.png);box-shadow:none;outline:none}.form-control[readonly]{background-color:transparent;color:#888}.form-control{width:100%;padding:8px;border:none;border-bottom:2px solid #8c8a8a;border-radius:0;background:transparent;font-size:18px;font-weight:700}.form-control:focus{outline:none;box-shadow:none;background:transparent}.form-control::placeholder{color:var(--text-black);font-weight:500}textarea{color:#000;resize:none;width:100%;padding:10px 20px;font-size:14px;border:2px solid var(--primary-bg-light)}textarea::placeholder{color:#000!important;font-weight:500}.commig_soon{display:flex;align-items:center;justify-content:center;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.commig_soon img{width:28%}.upload_image{width:150px;border-radius:5px}.list_outer{height:500px;overflow-y:scroll}.list_box{display:flex;justify-content:space-between;border:1.5px solid #000;border-radius:10px;padding:10px;margin-bottom:10px;background:#fafafa;cursor:pointer;position:relative}.list_box .left .name{font-size:22px;font-weight:600;color:var(--text-primary)}.list_box .right .status{font-size:18px;text-align:right;font-weight:600;color:var(--text-primary)}.list_box .right .amount{text-align:right;font-size:22px;color:var(--text-primary);font-weight:700}.search-box{position:relative;flex:1;min-width:250px}.search-input{width:100%;padding:10px 15px 10px 35px;border:2px solid #000;font-size:14px;transition:border-color .3s}.search-input:focus{outline:none}.search-icon{position:absolute;left:10px;top:50%;font-size:18px;transform:translateY(-50%);color:#000}.promotion .modal-body{background-color:var(--primary-bg-light);padding:15px 20px;border-radius:10px}.promotion .header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.promotion .header h2{flex:1;text-align:center;margin:0;font-size:24px;font-weight:700}.promotion .back-button{font-size:30px;background:none;border:none;cursor:pointer}.promotion .message-card{display:flex;justify-content:space-between;align-items:center;border:2px solid #000;margin-bottom:8px;padding:10px;border-radius:8px}.promotion .message-info .text{font-size:12px;color:#555;font-weight:600}.promotion .badge{min-width:80px;padding:10px;text-align:center;border-radius:6px;font-weight:700;color:#fff}.bg_red{background-color:red}.bg_green{background-color:green}.top-buttons{display:flex;gap:30px;padding-bottom:20px;margin-bottom:20px;border-bottom:4px solid var(--primary-bg-light)}.top-buttons button{width:230px;padding:10px 25px;border:none;background:var(--primary-bg-light);border-radius:10px;text-align:center;color:#000}.top-buttons button h4{font-size:16px;font-weight:700;margin-top:5px}.top-buttons button i{font-size:32px;font-weight:900}.top-buttons button i{color:#0a5eff}.top-buttons button.active{background-color:#0a5eff;color:#fff}.top-buttons button.active i{color:#fff}.message_count{width:60px;height:30px;border-radius:25px;background:var(--text-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin:auto}.payout_right{background:var(--primary-bg-light);padding:50px 30px;border-radius:15px}.payout_right .form-control{font-size:16px;padding:15px 10px}@media screen and (max-width: 1024px){.top-buttons{overflow-x:scroll}}@media screen and (max-width: 675px){.dashboard{display:block}.content{padding:5px}}