@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Montserrat:wght@400;600;700&display=swap";.drag-drop{background:#fff;border:1px solid var(--border-color);border-radius:8px}.document-uploader{border:2px dashed #4282fe;background-color:#f4fbff;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:8px;cursor:pointer}.document-uploader.active{border-color:#6dc24b}.document-uploader .upload-info{display:flex;align-items:center;margin-bottom:1rem}.document-uploader .upload-info svg{font-size:36px;margin-right:1rem}.document-uploader .upload-info div p{margin:0;font-size:16px}.document-uploader .upload-info div p:first-child{font-weight:700}.document-uploader .file-list{display:flex;flex-direction:column;gap:.5rem;width:100%;&__container{width:100%;height:100%;overflow:auto}}.document-uploader .file-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid var(--border-color);border-radius:8px;overflow-wrap:break-word}.document-uploader .file-item .file-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.document-uploader .file-item .file-info p{margin:0;font-size:14px;color:#333;inline-size:340px;overflow-wrap:break-word}.document-uploader .file-item .file-actions{cursor:pointer}.document-uploader .file-item .file-actions svg{font-size:18px;color:#888}.document-uploader .file-item .file-actions:hover svg{color:#d44}.document-uploader .browse-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;background-color:var(--primary-color)}.document-uploader .browse-btn:hover{background-color:transparent}.document-uploader .success-file{display:flex;align-items:center;color:#6dc24b}.document-uploader .success-file p{margin:0;font-size:14px;font-weight:700}.document-uploader input[type=file]{display:none}.header{position:fixed;width:100%;top:0;left:0;background-color:transparent;z-index:var(--z-fixed)}.nav{display:flex;align-items:center;justify-content:space-between;position:relative;height:var(--header-height);margin:1rem}.nav__logo{color:var(--first-color);transition:color .4s;font-size:var(--h2-font-size);font-family:var(--second-font)}.app__logo-text{margin-left:40px;font-size:28px;font-weight:700;color:var(--title-color);font-family:var(--second-font)}.app__logo-accent{color:var(--sec-btn-color, #2D9C9E)}.nav__toggle,.nav__close{font-size:1.5rem;color:var(--title-color);cursor:pointer}.nav--hidden{transform:translateY(-100%)}.nav--visible{transform:translateY(0)}.nav__cta{background-color:var(--first-color);color:var(--title-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:.75rem 1.5rem}.nav__outline{background-color:transparent;border:2px solid var(--first-color);border-radius:4px;padding:10px 20px;color:var(--first-color)}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem}.nav__link{color:var(--title-color);font-weight:var(--font-semi-bold);transition:color .4s}.nav__link:hover{color:var(--first-color)}.nav__close{position:absolute;top:1rem;right:1.5rem}.show-menu{right:0}@media screen and (max-width: 1150px){.nav__menu{position:fixed;top:0;right:-100%;background-color:#0f0f0f33;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:80%;height:100%;padding:6rem 3rem 0;transition:right .4s}}@media screen and (min-width: 1150px){.nav{height:calc(var(--header-height) + 1rem)}.nav__toggle,.nav__close{display:none}.nav__list{flex-direction:row;column-gap:2.5rem}}.nav_profile{margin-top:-12px}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;border:none;text-decoration:none}#main{width:100%;height:100%;display:flex;flex-direction:row}#root{max-width:1280px;margin-left:10px;margin-right:10px;display:flex}#page{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;font-size:1rem;overflow:hidden}.ui-panel{border-radius:5px;box-shadow:0 2px 4px var(--shadow-color)}.login-toplevel{position:relative;top:140px;left:200px}.login-instr{font-weight:700;font-size:20px}.login-block{margin-top:20px;display:flex;flex-direction:row}.login-label{width:150px;margin-top:5px}.login-edit{height:30px;width:280px;border-radius:7px;padding-left:10px;padding-right:10px}.login-button{margin-top:25px;margin-bottom:20px;width:200px;background-color:var(--first-color);color:var(--title-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:.75rem 1.5rem;font-size:16px}.err-msg{color:var(--err-color);margin-top:20px}.dashboard-toplevel{margin-top:100px;margin-left:70px}.base-toplevel{display:flex;flex-direction:column;margin-top:100px;margin-left:64px;margin-bottom:40px;width:1700px}.base-title{font-weight:600;font-size:28px;margin-bottom:24px}.base-subtitle{margin-top:10px}.base-error{margin-top:120px}.user-line{padding-left:40px}.primary-button{background-color:var(--prim-btn-color);border:2px solid var(--prim-btn-color);color:var(--prim-btn-text);border-radius:5px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;padding:.5rem 2rem;font-size:1rem;font-weight:700;width:200px}.primary-button:hover{background-color:var(--prim-hover-color);border:2px solid var(--prim-hover-color)}.primary-button:active{background-color:var(--prim-press-color);border:2px solid var(--prim-press-color)}.secondary-button{background-color:transparent;border:2px solid var(--prim-btn-color);color:var(--prim-btn-color);border-radius:5px;cursor:pointer;transition:background-color .3s ease;padding:.5rem 2rem;font-size:1rem;font-weight:700;width:200px}.secondary-button:hover{background-color:var(--prim-btn-color);color:var(--prim-hover-text)}.secondary-button:active{background-color:var(--prim-press-color);color:var(--prim-press-text)}.switch-button{position:relative;left:30px;top:50px;width:200px;background-color:var(--first-color);color:var(--first-btn-text-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:.75rem 1.5rem;font-size:16px;margin-top:20px}.cust-button{margin-left:20px}.prog-area{display:flex;flex-direction:row;margin-top:40px;margin-left:50px;margin-bottom:15px}.prog-label{width:400px;font-size:20px;margin-top:28px;margin-left:16px}.db-table-wrap{display:flex;flex-direction:column;width:100%;margin-top:48px}.supplier-area{margin-left:24px;padding-bottom:150px}.cust-deet-table td{padding-right:30px}.tx-cb-button{flex-direction:row;background-color:transparent;color:var(--title-color);border:2px solid var(--first-color);border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:10px;text-align:left;position:relative;width:40px}.cust-cb{margin-top:10px}.field-edit{margin-top:0;padding:5px 5px 5px 8px;font-size:16px;border-radius:5px;width:350px;font-family:Arial,sans-serif}.field-view{margin-top:5px}.trend-dashboard{margin-top:120px;margin-left:24px}.trend-area{padding-bottom:150px}.chart-group{display:flex;flex-direction:row;background-color:var(--second-bg-color);width:1280px;height:380px;padding:0 4px 0 20px}.chart-area{display:flex;flex-direction:row;position:relative;left:30px;top:30px;width:600px}.chart-boundary{border-bottom:3px ridge var(--first-color)}.chart-block{padding-left:0rem;padding-top:2rem;padding-right:2.5rem}.chart-block-panel{padding-left:1rem}.chart-block-bord{border-right:1px solid var(--chart-sep-color)}.chart-col1{display:flex;flex-direction:column;margin-right:30px}.chart-col2{width:350px;height:250px}.chart-col3{width:350px;height:200px}.chart-row5-col3{margin-left:0;width:350px;height:200px}.chart-col4{width:500px;height:280px}.pie-chart{margin-top:32px}.pie-skeleton{margin-left:100px}.chart-row2{display:flex;flex-direction:row;position:relative;left:30px;top:30px;margin-bottom:32px}.chart-row3{display:flex;flex-direction:row;position:relative;left:30px;top:30px}.chart-row4,.chart-row5{display:flex;flex-direction:row;position:relative;left:30px;top:30px;margin-bottom:60px}.chart-row2-col1{display:flex;flex-direction:column;margin-right:30px;height:380px;width:380px}.chart-row2-col2{margin-right:50px;width:380px}.chart-row4-col1{width:480px;height:300px}.chart-row4-col1-lg{width:660px;height:400px}.chart-title{text-align:center;font-weight:500;width:280px;margin-left:40px;margin-bottom:10px}.chart-value{font-weight:600;font-size:32px}.chart-panel{font-size:18px;font-weight:600;width:360px;height:120px;text-align:left;align-content:baseline;padding:32px;margin-bottom:15px;margin-right:48px;background-color:var(--second-bg-color)}.chart-panel-bottom{margin-top:32px}.chart-exp{position:relative;top:100px;margin-left:-46px;margin-bottom:80px}.chart-proj-row2{padding-right:8px;padding-top:32px}.no-data-container{display:flex;position:relative;border-radius:4px;background:#fff;top:10px;left:30px;width:260px}.no-data-tb-container{display:flex;position:relative;border-radius:4px;background:#fff;top:0;left:10px;width:180px}.no-data-bar{border-radius:4px;width:260px;height:28px;background-color:var(--demo-color)}.shimmer{-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/350% 100%;background-repeat:no-repeat;animation:shimmer 4.5s infinite}@keyframes shimmer{to{-webkit-mask-position:left}}.bar-tb-lg{top:0;left:10px;height:20px;width:180px}.no-data-md-container{border-radius:4px;background:#fff;top:0;left:10px;width:120px}.bar-tb-md{top:0;left:10px;height:20px;width:120px}.no-data-sm-container{border-radius:4px;background:#fff;top:0;left:10px;width:80px}.bar-tb-sm{top:0;left:10px;height:20px;width:80px}.db-tbl-val{text-align:center}.date-range{margin-top:30px;flex-direction:column}.date-range-table td{padding-right:20px;padding-bottom:10px}.date-range-button{width:150px;background-color:var(--first-color);color:var(--first-btn-text-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;padding:.5rem 1rem;font-size:16px}.date-block{margin-bottom:10px}.date-sel{margin-left:10px;margin-right:20px;padding:2px 5px;font-size:16px;border-radius:5px}.err-amt{color:var(--overcharge)}.err-undercharge{color:var(--undercharge)}.prof-container{display:flex;flex-direction:row;background-color:#eee;padding-right:4px}.prof-icon{padding-top:12px;padding-left:12px;padding-bottom:12px}.prof-deets-wrapper{display:flex;flex-direction:column}.prof-deets-name{padding-top:16px;padding-left:12px;font-weight:700}.prof-deets{padding:4px 12px 12px}.prof-field-wrapper{display:flex;flex-direction:row}.prof-edit-text{margin-top:8px}.prof-edit-icon{margin-top:0;margin-left:28px;cursor:pointer}.prof-edit-button{width:100px!important;height:40px;margin-left:16px;margin-right:0}.avatar-wrapper{position:relative;display:inline-block}.avatar-norm{opacity:1}.avatar-hover{opacity:.3}.avatar-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.avatar-overlay-lg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:10}.avatar-inits{display:flex;flex-direction:row}.avatar-inits-label{margin-top:8px;margin-right:8px}.avatar-inits-edit{width:60px;height:36px;font-size:16px;text-align:center;border:1px solid #ccc;border-radius:4px}.avatar-dropzone{margin-top:16px}.avatar-placeholder{display:flex;flex-direction:column;align-items:center}.avatar-placeholder-text{color:#999;font-size:14px}.avatar-scale{display:flex;flex-direction:row;margin-top:8px}.avatar-scale-label{margin-right:8px;margin-top:4px}.password-wrapper{display:flex;align-items:center;position:relative}.toggle-password-icon{position:absolute;right:10px;cursor:pointer;color:#666}.pw-hint{font-size:.85rem;color:#666;margin-top:8px}.profile-info-table{margin-top:16px}.profile-info-table td{padding:4px 8px}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--body-color);color:var(--text-color);font-family:var(--body-font)}ul{list-style:none}a{text-decoration:none}