.Dashboard{display:flex;min-height:100vh;max-height:100vh;overflow:hidden}.Dashboard .sidenav{background:rgb(20,20,20);width:300px;min-height:100%;z-index:2;transition:.5s;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.Dashboard .sidenav::-webkit-scrollbar{display:none}.Dashboard .sidenav .logo{width:100%;padding:30px 20px;background-color:#08153f}.Dashboard .sidenav .logo-small{width:100%;padding:10px;background-color:#08153f;display:none}.Dashboard .sidenav .link{width:100%;display:block;padding:20px 10px;color:#fff;text-decoration:none;font-weight:400;font-size:1.3em}.Dashboard .sidenav .link:hover{background:rgb(253,213,4);color:#141414}.Dashboard .sidenav .link.active{font-weight:700;background:rgb(253,213,4);color:#141414}.Dashboard .sidenav.closed{width:70px;text-align:center;font-size:1.2em}.Dashboard .sidenav.closed .logo{display:none}.Dashboard .sidenav.closed .logo-small{display:block}.Dashboard .sidenav.closed .link span{display:none}@media screen and (max-width: 700px){.Dashboard .sidenav.closed{width:0px}}.Dashboard .page-content{width:100%;overflow-y:auto}.Dashboard .page-content .nav{display:flex;align-items:center;background:rgb(255,255,255);box-shadow:50px 0 30px #333;padding:10px;width:100%;height:70px;position:fixed;z-index:10}.Dashboard .page-content .nav i{font-size:2em;font-weight:700!important;color:#001c4b;cursor:pointer;margin-right:40px}.Dashboard .page-content .outlet{padding:15px;margin-top:70px;height:max-content}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.tabs .tab{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-size:1rem;color:#666;position:relative}.tabs .tab:hover{color:#333}.tabs .tab.active{color:#0d6efd;font-weight:500}.tabs .tab.active:after{content:"";position:absolute;bottom:-1rem;left:0;right:0;height:2px;background-color:#0d6efd}.settings-section .setting-card{background:white;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.settings-section .setting-card h4{margin-bottom:1rem;color:#333}.settings-section .setting-card p{color:#666;margin-bottom:1.5rem}.settings-section .setting-card .form-group{margin-bottom:1.5rem}.settings-section .setting-card textarea{min-height:200px;resize:vertical}.AdminHome{max-width:fit-content;display:flex;flex-wrap:wrap}.AdminHome .detailCard{margin:10px;padding:10px;min-width:300px;max-width:400px;border-radius:10px;border:2px solid var(--primary-color);display:flex;flex-wrap:wrap;position:relative}.AdminHome .detailCard .heading{position:absolute;top:-12px;color:var(--primary-color);background:white;padding:0 5px}.AdminHome .detailCard .field{padding:5px;width:50%}.AdminHome .detailCard .field p{margin:0}.AdminHome .detailCard .field.full{width:100%}.AdminHome .detailCard.full{min-width:100%}.AdminHome .stats{width:100%;margin:20px}.AdminHome .stats .list{display:flex;flex-wrap:wrap}.AdminHome .stats .list .stat{width:fit-content;min-width:250px;padding:10px 20px;margin:10px;color:#141414;border-radius:10px;box-shadow:4px 5px 8px #bababa}.AdminHome .stats .list .stat h1{font-size:3em}.AdminHome .stats .list .stat h1 small{font-size:.5em}.AdminHome .stats .list .stat.blue,.AdminHome .stats .list .stat.red,.AdminHome .stats .list .stat.green,.AdminHome .stats .list .stat.purple{background:rgb(253,213,4)}.AdminHome .stats .list .stat.yellow{background:rgb(228,210,11)}.ClientHome{max-width:fit-content;display:flex;flex-wrap:wrap}.ClientHome .detailCard{margin:10px;padding:10px;min-width:300px;max-width:400px;border-radius:10px;border:2px solid var(--primary-color);display:flex;flex-wrap:wrap;position:relative}.ClientHome .detailCard .heading{position:absolute;top:-12px;color:var(--primary-color);background:white;padding:0 5px}.ClientHome .detailCard .field{padding:5px;width:50%}.ClientHome .detailCard .field p{margin:0}.ClientHome .detailCard .field.full{width:100%}.ClientHome .detailCard.full{min-width:100%}.ClientHome .stats{width:100%;margin:20px}.ClientHome .stats .list{display:flex;flex-wrap:wrap}.ClientHome .stats .list .stat{width:fit-content;min-width:250px;padding:10px 20px;margin:10px;color:#141414;border-radius:10px;box-shadow:4px 5px 8px #bababa}.ClientHome .stats .list .stat h1{font-size:3em}.ClientHome .stats .list .stat h1 small{font-size:.5em}.ClientHome .stats .list .stat.blue,.ClientHome .stats .list .stat.red,.ClientHome .stats .list .stat.green,.ClientHome .stats .list .stat.purple{background:rgb(253,213,4)}.ClientHome .stats .list .stat.yellow{background:rgb(228,210,11)}.RegisterPage{background:url(/courier/assets/wave-bg.0dbe7772.png);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.RegisterPage .logo{width:300px;margin-top:40px;margin-bottom:40px;filter:brightness(0) invert(1)}.RegisterPage .formContainer{background:#fff;padding:20px;width:40%;border-radius:10px;box-shadow:0 4px 10px #0000004f;position:relative}.RegisterPage .formContainer .title{color:var(--primary-color)}.RegisterPage .formContainer form{margin-top:50px;display:flex;flex-wrap:wrap}.RegisterPage .formContainer .field{width:50%;padding:10px}.RegisterPage .formContainer .field.full,.RegisterPage .formContainer .button{width:100%}@media screen and (max-width: 900px){.RegisterPage .formContainer{width:80%}}@media screen and (max-width: 650px){.RegisterPage .formContainer{width:80%}.RegisterPage .formContainer form{display:flex;flex-direction:column}.RegisterPage .formContainer .field{width:100%;padding:10px}}.LoginPage{background:#08153f;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.LoginPage .logo{width:300px;margin-top:40px;margin-bottom:40px}.LoginPage .carousel{background:url(/courier/assets/wave-bg.0dbe7772.png)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}.LoginPage .carousel-item{height:100%}.LoginPage .heroRight{width:100%;margin:0 auto}.LoginPage .header{font-weight:500;font-size:3em;color:#fff!important}.LoginPage .carouselText{color:#fff}.LoginPage .carouselImg{width:100%;margin:auto;display:block}.LoginPage .carousel-item{padding:30px}.LoginPage .formContainer{background:#fff!important;padding:20px;margin:auto;width:40%;border-radius:10px;transform:translateY(-80px);position:relative;z-index:10;box-shadow:0 4px 10px #0000004f}.LoginPage .formContainer form{display:flex;flex-wrap:wrap}.LoginPage .formContainer .field{width:50%;padding:10px}.LoginPage .formContainer .button{width:100%}@media screen and (max-width: 900px){.LoginPage .hero{flex-direction:column;position:relative;margin:0}.LoginPage .hero{margin-bottom:4em}.LoginPage .heroLeft{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3vw;z-index:10;position:absolute;top:0}.LoginPage .heroRight{width:100%;opacity:.6}}@media screen and (max-width: 800px){.LoginPage .formContainer{width:80%}}@media screen and (max-width: 650px){.LoginPage .formContainer{width:80%}.LoginPage .formContainer form{display:flex;flex-direction:column}.LoginPage .formContainer .field{width:100%;padding:10px}}.DataTable{width:100%}.DataTable .tableheader{display:flex;justify-content:end}.DataTable .tableheader .input-group{width:40%}@media screen and (max-width: 768px){.DataTable .tableheader .input-group{width:100%}}.DataTable .tableheader .input-group.sort{width:fit-content;min-width:20%;margin-right:10px}.DataTable .tablewrapper{width:100%;overflow-x:auto;border-radius:10px}.DataTable table{width:100%;border-collapse:collapse}.DataTable table th{background-color:#141414;color:#fff;border:1px solid #3d3d3d}.DataTable table td span.status{padding:5px;border-radius:5px;text-align:center;color:#000;background:rgb(193,202,224)}.DataTable table td span.status.UNCONFIRMED,.DataTable table td span.status.NOT_READY{background:rgb(197,157,155)}.DataTable table td span.status.UNPAID,.DataTable table td span.status.PENDING,.DataTable table td span.status.READY{background:rgb(255,179,0)}.DataTable table td span.status.PAID,.DataTable table td span.status.COMPLETED{background:rgb(65,197,80)}.DataTable table td span.status.OVERDUE{background:rgb(165,0,0)}.DataTable table td span.status.CANCELLED{background:rgb(132,132,132)}.DataTable .pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #dee2e6;gap:1rem;flex-wrap:wrap}.DataTable .pagination-controls .items-per-page .form-select{width:auto;padding:.25rem 1.75rem .25rem .75rem}.DataTable .pagination-controls .page-info{color:#6c757d;white-space:nowrap}.DataTable .pagination-controls .navigation-buttons{display:flex;align-items:center;gap:.5rem}.DataTable .pagination-controls .navigation-buttons .btn{padding:.25rem .75rem}@media (max-width: 768px){.DataTable .pagination-controls{flex-direction:column;text-align:center}.DataTable .pagination-controls .items-per-page,.DataTable .pagination-controls .navigation-buttons{width:100%;justify-content:center}}.TableDataPage{padding:0 20px}.TableDataPage .header{margin-bottom:2em}.TableDataPage .header .title{color:gray}.UploadInvoice{padding:0 20px;width:100%}.UploadInvoice .header{margin-bottom:2em}.UploadInvoice .header .title{color:gray}.UploadInvoice .fileUploader{width:80%!important;max-width:none;height:200px;border:2px dashed blue;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:gray}.UploadInvoice .fileUploader i{font-size:4em}.PurplePackage{padding:0 20px}.PurplePackage .header{margin-bottom:2em}.PurplePackage .header .title{color:gray}.PurplePackage .about{display:flex;justify-content:center;margin:4em 5em 7em 0}@media screen and (max-width: 768px){.PurplePackage .about{flex-direction:column;margin:4em 0 7em}}.PurplePackage .about .left{max-width:40%;padding:0 1em}@media screen and (max-width: 768px){.PurplePackage .about .left{max-width:100%}}.PurplePackage .about .left img{width:100%;object-fit:cover;border-radius:10px;filter:drop-shadow(0 0 4px rgba(0,0,0,.575))}.PurplePackage .about .right{max-width:60%;padding:0 1em;text-align:justify}@media screen and (max-width: 768px){.PurplePackage .about .right{max-width:100%}}.PurplePackage .packages{background:white;padding:2em 0;text-align:center}.PurplePackage .packages .packageList{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.PurplePackage .packages .packageList .package{max-width:clamp(350px,350px,70%);margin:1em;padding:1em;border-radius:10px;text-align:center;transition:.6s;box-shadow:2px 2px 10px #0000004d;border:2px solid rgba(0,0,0,.1)}.PurplePackage .packages .packageList .package:nth-of-type(1){transform:scale(.9);background:linear-gradient(162deg,rgb(255,255,255) 17%,rgb(186,186,186) 37%,rgb(255,255,255) 78%)}.PurplePackage .packages .packageList .package:nth-of-type(2){background:linear-gradient(162deg,rgb(255,255,255) 18%,rgb(179,211,255) 37%,rgb(255,255,255) 77%)}.PurplePackage .packages .packageList .package:nth-of-type(3){transform:scale(.9);background:linear-gradient(162deg,rgb(255,255,255) 17%,rgb(255,246,196) 37%,rgb(255,255,255) 78%)}.PurplePackage .packages .packageList .package img{width:50%;object-fit:cover;border-radius:10px;filter:drop-shadow(0 0 7px rgb(0,0,0))}.PurplePackage .packages .packageList .package ul{text-align:left;text-shadow:0 0 1px rgb(0,0,0)}.PurplePackage .packages .packageList .package .subscribeBtn{width:100%;color:#fff;background:var(--secondary-color);padding:10px 25px;border:none;border-radius:10px;font-weight:700;transition:.6s;text-decoration:none}.PurplePackage .packages .packageList .package .subscribeBtn:hover{opacity:.7;scale:1.05}.PurplePackage .packages .packageList .package .subscribeBtn small{font-size:.8em;font-weight:400}.PurplePackage .faq{background:white;padding:2em 3em;text-align:center}.PurplePackage .faq .questions{margin:auto;max-width:clamp(350px,500px,70%);text-align:left}.PurplePackage .faq .questions span{color:var(--secondary-color);background:rgb(185,215,255);padding:5px 15px;border-radius:30px;display:inline-block;margin-top:1em;margin-bottom:.5em;font-weight:700}html{scroll-behavior:smooth;margin:0;height:100%}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #141414 ;--primary-color-dark: #fdd304;--secondary-color: #5e007d;--secondary-color-dark: #320042;--light-color: #cfcfcf;--light-color-dark: #a6a6a6}.btn-primary{background-color:#141414!important}.primaryBtn{padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;transition:.5s;font-weight:700;text-decoration:none}.primaryBtn:hover{background:var(--primary-color-dark)}.secondaryBtn{padding:10px;background:var(--secondary-color);color:#fff;border:none;border-radius:5px;transition:.5s;font-weight:700}.secondaryBtn:hover{background:var(--secondary-color-dark)}.lightBtn{padding:10px;background:var(--light-color);color:#484848;border:none;border-radius:5px;transition:.5s}.lightBtn:hover{background:var(--light-color-dark)}.primaryBtn.disabled,.secondaryBtn.disabled,.lightBtn.disabled{opacity:.6}a{font-weight:500;color:#141414;text-decoration:none}a:hover{color:#1c40d2}body{margin:0;padding:0;min-height:100vh;scroll-behavior:smooth}.flexForm{display:flex;flex-wrap:wrap}.field{width:50%;padding:10px}.field.full{width:100%}.field.third{width:33%}.field.twothird{width:66%}.field input{overflow-x:scroll}@media screen and (max-width: 650px){.flexForm{flex-direction:column}.field{width:100%!important}}
