@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";.install-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1f2937,#111827);border-top:2px solid #f39c12;padding:12px 15px;z-index:9999;box-shadow:0 -4px 20px #0006;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-banner-content{display:flex;align-items:center;justify-content:center;gap:15px;max-width:500px;margin:0 auto}.install-banner-icon{width:40px;height:40px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-banner-icon i{font-size:1.2rem;color:#fff}.install-banner-text{flex:1;color:#e0e0e0;font-size:.95rem;font-weight:500}.install-banner-text span{display:block}.install-banner-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.install-banner-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.05);box-shadow:0 4px 15px #22c55e66}.install-banner-btn:active{transform:scale(.98)}.install-banner-btn i{font-size:.85rem}@media (max-width: 480px){.install-banner{padding:10px 12px}.install-banner-content{gap:10px}.install-banner-icon{width:35px;height:35px}.install-banner-icon i{font-size:1rem}.install-banner-text{font-size:.85rem}.install-banner-btn{padding:8px 15px;font-size:.8rem}}:root{--bg1: #e8eaec;--text-color: #979797;--color: #000;--tcolor: rgb(119 119 119);--boxShadow: 7px 7px 15px #45566754, -8px -8px 15px rgb(81 101 121 / 4%), inset -5px -4px 13px 0px rgb(81 101 121 / 35%), inset 6px 7px 12px 0px rgb(255 255 255 / 94%);--boxShadow2: inset 2px 2px 2px rgb(189 200 213), inset -2px -2px 2px rgb(255 255 255);--boxShadow3: 2px 2px 2px rgb(189 200 213), -2px -2px 2px rgb(255 255 255);--sbShadow: 5px 5px 7px rgb(0 0 0 / 25%), inset 2px 2px 5px rgb(255 255 255 / 25%), inset -3px -3px 5px rgb(0 0 0 / 12%);--scishadow: linear-gradient( to bottom,#e8eaec, rgba(189, 200, 213, .795));--scitextshadow: 2px 2px 3px #b8b9be, -2px -2px 3px #fff}body.dark{--bg1: #2f363e;--text-color:rgb(255, 208, 0);--color:#FFF;--tcolor:rgb(243, 243, 243);--boxShadow: 5px 5px 15px rgba(0,0,0,.25), 5px 15px 15px rgba(0,0,0,.25), inset 5px 5px 10px rgba(0,0,0,.5), inset 5px 5px 20px rgba(255,255,255,.2), inset -5px -5px 15px rgba(0,0,0,.75);--boxShadow2: inset -3px -3px 6px rgb(73, 78, 83), inset 3px 3px 6px rgb(32, 28, 28);--boxShadow3: -3px -3px 6px rgb(73, 78, 83), 3px 3px 6px rgb(32, 28, 28);--sbShadow: 5px 5px 7px rgb(0 0 0 / 25%), inset 2px 2px 5px rgb(255 255 255 / 25%), inset -3px -3px 5px rgb(0 0 0 / 50%);--scishadow: linear-gradient( to bottom,#2f363e, rgb(73, 78, 83));--scitextshadow: -2px -2px 3px #a1a1a160, 2px 2px 3px #22272c}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus,a:visited,a:active{outline:none}*{-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body,input{font-family:Poppins,sans-serif;display:grid;background:var(--bg1)}.login-container{position:relative;width:100%;background-color:#fff;min-height:100vh;overflow:hidden}.forms-container{position:absolute;width:100%;height:100%;top:0;left:0;background:var(--bg1)}.signin-signup{position:absolute;top:50%;transform:translate(-50%,-50%);left:75%;width:50%;max-height:95vh;transition:1s .7s ease-in-out;display:grid;z-index:5;justify-items:center;overflow-y:auto;overflow-x:hidden}.sign-in-form,.sign-up-form{background:var(--bg1);box-shadow:var(--boxShadow);border-radius:32px;padding:35px;margin:35px;max-width:500px;height:auto;max-height:85vh;overflow-y:auto}.sign-in-form::-webkit-scrollbar,.sign-up-form::-webkit-scrollbar,.signin-signup::-webkit-scrollbar{display:none}.sign-in-form,.sign-up-form,.signin-signup{-ms-overflow-style:none;scrollbar-width:none}.user-type-toggle{min-height:46px;flex-shrink:0}.google-btn{min-height:50px;flex-shrink:0}.field{height:50px;min-height:50px;width:100%;display:flex;position:relative;margin-bottom:18px;flex-shrink:0}.field input{height:100%;width:100%;padding-left:60px;font-size:18px;outline:none!important;border:none;background:var(--bg1);box-shadow:var(--boxShadow3);border-radius:25px;color:var(--tcolor);text-align:left}input:focus{box-shadow:var(--boxShadow2);color:var(--tcolor)}::placeholder{color:var(--tcolor)}.field:nth-child(2){margin-top:20px}.field:nth-child(3){margin-top:20px}.field:nth-child(4){margin-top:20px}.field span{position:absolute;width:50px;line-height:50px;color:var(--tcolor);font-size:22px;padding-left:15px}.signbtn{margin:30px 0;width:100%;height:50px;min-height:50px;flex-shrink:0;color:#fff;font-size:18px;font-weight:600;background:linear-gradient(315deg,#9082b2 -7.64%,#473080 104.5%);border:none!important;outline:none!important;cursor:pointer;border-radius:25px;box-shadow:var(--boxShadow3)}signbtn:focus{color:#ff6100;box-shadow:var(--boxShadow2)}.signbtn:hover{color:#0078ff;background:var(--scishadow);text-shadow:var(--scitextshadow)}.adminbtn{margin:30px 0;width:100%;height:50px;color:var(--color);font-size:18px;font-weight:600;background:linear-gradient(315deg,#5eb2fc 101.85%,#4949e7 -6.1%);border:none!important;outline:none!important;cursor:pointer;border-radius:25px;box-shadow:var(--boxShadow3)}.adminbtn:focus{color:#ff6100;box-shadow:var(--boxShadow2)}.adminbtn:hover{color:#de4882;background:var(--scishadow);text-shadow:var(--scitextshadow)}a{width:100%}.social_icon{display:flex;justify-content:space-evenly;align-items:center;width:250px;margin-top:30px}.social_icon i{line-height:50px;width:50px;height:50px;color:#fff;border-radius:50%;box-shadow:var(--sbShadow);font-size:28px}.social_icon i:nth-child(1){background:linear-gradient(315deg,#0078ff -7.64%,#00c6ff 104.5%)}.social_icon i:nth-child(1):hover{color:#0078ff;background:var(--scishadow);text-shadow:var(--scitextshadow)}.social_icon i:nth-child(2){background:linear-gradient(315deg,#4949e7 -6.1%,#5eb2fc 101.85%)}.social_icon i:nth-child(2):hover{color:#5662e9;background:var(--scishadow);text-shadow:var(--scitextshadow)}.social_icon i:nth-child(3){background:linear-gradient(315deg,#02b7ff -7.64%,#92cdfa 104.5%)}.social_icon i:nth-child(3):hover{color:#00acee;background:var(--scishadow);text-shadow:var(--scitextshadow)}.social_icon i:nth-child(4){background:linear-gradient(315deg,#b9215c 22.36%,#de4882 61.5%)}.social_icon i:nth-child(4):hover{color:#de4882;background:var(--scishadow);text-shadow:var(--scitextshadow)}.signin-signup form{display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .2s .7s;overflow:hidden;grid-column:1 / 2;grid-row:1 / 2;height:auto}.signin-signup form.sign-up-form{opacity:0;z-index:1;position:absolute}.signin-signup form.sign-in-form{z-index:2;position:relative}.title{color:#444;margin-bottom:10px;border-radius:25px;padding:5px 25px}.btn{width:150px;background-color:#5995fd;border:none;outline:none;height:49px;border-radius:49px;color:#fff;text-transform:uppercase;font-weight:600;margin:10px 0;cursor:pointer;transition:.5s}.btn:hover{background-color:#4d84e2}.panels-container{position:absolute;height:100%;width:100%;top:0;left:0;display:grid;grid-template-columns:repeat(2,1fr)}.login-container:before{content:"";position:absolute;height:2000px;width:2000px;top:-10%;right:48%;transform:translateY(-50%);background-image:linear-gradient(-95deg,#473080,#473080);transition:1.8s ease-in-out;border-radius:50%;z-index:6}.image{width:100%;transition:transform 1.1s ease-in-out;transition-delay:.4s}.panel{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;text-align:center;z-index:6}.left-panel{pointer-events:all;padding:3rem 17% 2rem 12%}.right-panel{pointer-events:none;padding:3rem 12% 2rem 17%}.panel .content{color:#fff;transition:transform .9s ease-in-out;transition-delay:.6s}.panel h3{font-weight:600;line-height:1;font-size:1.5rem}.panel p{font-size:.95rem;padding:.7rem 0}.btn.transparent{margin:0;background:none;border:2px solid #fff;width:130px;height:41px;font-weight:600;font-size:.8rem}.btn.transparent:hover{color:#0078ff;background:var(--scishadow);text-shadow:var(--scitextshadow)}.right-panel .image,.right-panel .content{transform:translate(800px)}.login-container.sign-up-mode:before{transform:translate(100%,-50%);right:52%}.login-container.sign-up-mode .left-panel .image,.login-container.sign-up-mode .left-panel .content{transform:translate(-800px)}.login-container.sign-up-mode .signin-signup{left:25%}.login-container.sign-up-mode form.sign-up-form{opacity:1;z-index:2;position:relative}.login-container.sign-up-mode form.sign-in-form{opacity:0;z-index:1;position:absolute}.login-container.sign-up-mode .right-panel .image,.login-container.sign-up-mode .right-panel .content{transform:translate(0)}.login-container.sign-up-mode .left-panel{pointer-events:none}.login-container.sign-up-mode .right-panel{pointer-events:all}@media (max-width: 870px){.login-container{min-height:800px;height:100vh}.signin-signup{width:100%;top:95%;transform:translate(-50%,-100%);transition:1s .8s ease-in-out;max-height:65vh;overflow-y:auto}.signin-signup,.login-container.sign-up-mode .signin-signup{left:50%}.panels-container{grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr}.panel{flex-direction:row;justify-content:space-around;align-items:center;padding:2.5rem 8%;grid-column:1 / 2}.right-panel{grid-row:3 / 4}.left-panel{grid-row:1 / 2}.image{width:200px;transition:transform .9s ease-in-out;transition-delay:.6s}.panel .content{padding-right:15%;transition:transform .9s ease-in-out;transition-delay:.8s}.panel h3{font-size:1.2rem}.panel p{font-size:.7rem;padding:.5rem 0}.btn.transparent{width:110px;height:35px;font-size:.7rem}.login-container:before{width:1500px;height:1500px;transform:translate(-50%);left:30%;bottom:68%;right:initial;top:initial;transition:2s ease-in-out}.login-container.sign-up-mode:before{transform:translate(-50%,100%);bottom:32%;right:initial}.login-container.sign-up-mode .left-panel .image,.login-container.sign-up-mode .left-panel .content{transform:translateY(-300px)}.login-container.sign-up-mode .right-panel .image,.login-container.sign-up-mode .right-panel .content{transform:translateY(0)}.right-panel .image,.right-panel .content{transform:translateY(300px)}.login-container.sign-up-mode .signin-signup{top:0%;transform:translate(-50%);max-height:65vh}}@media (max-width: 570px){form{padding:0 1.5rem}.panel .content{padding:.5rem 1rem}.login-container{padding:1.5rem}.login-container:before{bottom:72%;left:50%}.login-container.sign-up-mode:before{bottom:28%;left:50%}}*{font-family:Ubuntu,sans-serif;margin:0;padding:0;box-sizing:border-box}.wallet{display:flex;align-items:center}.wallet img{float:right;width:33px;height:33px;margin-left:5px}:root{--blue: #2a2185;--white: #fff;--gray: #f5f5f5;--black1: #222;--black2: #999;--bg1: #e8eaec;--text-color: #979797;--color: #000;--tcolor: rgb(119 119 119);--boxShadow: 7px 7px 15px #45566754, -8px -8px 15px rgb(81 101 121 / 4%), inset -5px -4px 13px 0px rgb(81 101 121 / 35%), inset 6px 7px 12px 0px rgb(255 255 255 / 94%);--boxShadow2: inset 2px 2px 2px rgb(189 200 213), inset -2px -2px 2px rgb(255 255 255);--boxShadow3: 2px 2px 2px rgb(189 200 213), -2px -2px 2px rgb(255 255 255);--sbShadow: 5px 5px 7px rgb(0 0 0 / 25%), inset 2px 2px 5px rgb(255 255 255 / 25%), inset -3px -3px 5px rgb(0 0 0 / 12%);--scishadow: linear-gradient(to bottom, #e8eaec, rgba(189, 200, 213, .795));--scitextshadow: 2px 2px 3px #b8b9be, -2px -2px 3px #fff}body{height:100vh;overflow-x:hidden}.container{position:relative;width:100%}.navigation{position:fixed;width:200px;height:100%;background:#dde1e7;box-shadow:-3px -3px 7px #ffffff73,2px 2px 5px #8087948f;transition:all .5s ease;overflow:hidden;height:100vh;overflow-y:auto;padding-bottom:20px}.navigation.active{width:0px}.navigation header img{border-radius:50%;width:120px;height:120px;margin-top:10px;box-shadow:0 0 2px #5f5f5f,0 0 0 7px #ecf0f3,8px 8px 15px #a7aaaf,-8px -8px 15px #fff}.navigation header{font-size:24px;color:#393939;text-align:center;line-height:30px;background:#dde1e7;-webkit-user-select:none;user-select:none}.navigation header p{padding:15px}.navigation ul a{display:block;height:100%;width:100%;height:40px;line-height:45px;font-size:18px;color:#444;padding-left:1px;box-sizing:border-box;margin-top:10px;box-shadow:-3px -3px 7px #fff,2px 2px 5px #8087948f;outline:none;transition:.5s}.navigation ul a i{margin-right:16px}ul li:hover a{padding-left:25px;color:#009ed8;box-shadow:inset -1px -1px 2px #dde1e7}.navigation ul li:nth-child(1){margin:40px;pointer-events:none;list-style:none}@keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.1)}80%{transform:scale(1)}}.navigation ul li .logo{font-weight:700!important;font-size:22px;color:var(--blue);min-width:50px;height:55px}.navigation ul .logocard{height:65px;box-shadow:inset -1px -1px 2px #dde1e7!important;text-align:center;align-content:center;justify-content:space-evenly;justify-items:center;display:grid}.navigation ul li .logocard img,.topbar .user img{animation:heartbeat 1s infinite}.navigation ul li a{position:relative;display:block;width:100%;display:flex;text-decoration:none}.navigation ul li a .icon{position:relative;display:block;min-width:60px;height:38px;line-height:55px;text-align:center}.navigation ul li a .icon img{height:28px;width:28px}.navigation ul li a .title{position:relative;display:block;padding:7px;height:38px;line-height:26px;text-align:start;white-space:nowrap;font-weight:500}.main{position:absolute;width:calc(100% - 200px);left:200px;min-height:100vh;background:#dde1e7;transition:.5s;box-shadow:-3px -3px 7px #ffffff73,2px 2px 5px #8087948f;position:fixed}.main.active{width:calc(100% + -0px);left:0}.topbar{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#dde1e7;box-shadow:-0px 0 #ffffff73,0 3px #80879491;position:sticky;top:0;z-index:100}.toggle{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center;font-size:2.5rem;cursor:pointer}.toggle img{width:38px;height:30px}.search{position:relative;width:400px;margin:0 10px}.search label{position:relative;width:100%}.search label input{width:100%;height:40px;border-radius:40px;padding:5px 20px 5px 35px;font-size:18px;outline:none;background:var(--bg1);box-shadow:var(--boxShadow3);border:none}.search label input:focus{background:var(--bg1);box-shadow:var(--boxShadow2)}.search label ion-icon{position:absolute;top:0;left:10px;font-size:1.2rem}.user{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer}.user img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#userModal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}#userModal .modal-content{margin:auto;width:400px;background-color:#fff;padding:15px;border-radius:5px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#userModal .close{color:#aaa;float:right;margin-top:-15px;margin-right:-5px;font-size:28px;font-weight:700;cursor:pointer}#userModal .close:hover,#userModal .close:focus{color:#000;text-decoration:none;cursor:pointer}#userModal h2{margin-bottom:20px}#editUserForm .inputtext{background:var(--bg1);box-shadow:var(--boxShadow3);border:none;padding:8px 5px;border-radius:3px;text-align:left;font-weight:500;width:100%;margin-bottom:20px}#editUserForm .inputtext:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:#444;outline:none;border:none}table{border-collapse:collapse;margin-top:10px}table th{text-align:left}.dashboard{margin:2px 6px 0}.recent-grid{display:grid;grid-template-columns:65% 35%}.projects{overflow-y:auto;height:100vh;padding-bottom:150px}.buyers{overflow-y:auto;height:100vh}.card{background:var(--bg1);box-shadow:var(--boxShadow);border-radius:10px;padding:10px;margin:5px 5px 8px 4px}.card-header{display:flex;justify-content:space-between;text-align:center}.card-header button{background:var(--bg1);box-shadow:var(--boxShadow3);border-radius:5px;padding:10px 15px;border:none;color:green;font-weight:700}.card-header button:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:#444}.addbutton{background:var(--bg1);box-shadow:var(--boxShadow3);border-radius:5px;padding:0 15px;border:none;color:green;font-weight:700;height:31px;line-height:31px;text-align:center;float:right;width:100%;display:block;box-sizing:border-box}.addbutton:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:#444}#buttonContainer{position:fixed;bottom:50px;left:0;right:0;background:var(--bg1);padding:15px;z-index:999;box-shadow:0 -5px 15px #0000001a;display:flex;flex-direction:column;gap:10px;border-top-left-radius:15px;border-top-right-radius:15px}#buttonContainer .addbutton{float:none;width:100%;padding:12px 15px;height:auto;line-height:normal;font-size:14px;border-radius:8px;margin:0}.footnote .note{background:var(--bg1);box-shadow:var(--boxShadow2);color:#444;width:100%!important;border:none;outline:none;padding:5px;border-radius:5px;white-space:nowrap;margin-top:8px;font-weight:700}.footnote .note:focus{background:var(--bg1);box-shadow:var(--boxShadow3)}#customers .updatebtn{background:green;box-shadow:var(--boxShadow3);color:green;font-size:15px;width:40px;height:31px!important}#customers .updatebtn img{width:13.5px}.updatebtn:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:green}#customers{border-collapse:collapse;width:100%;white-space:nowrap}#customers .tdinput button img{width:15px}#customers .tdinput .deletebtn img{width:13.5px}#customers td{border-bottom:1px solid #ddd;padding:2px}#customers th{padding:7px 10px;background-color:#473080;color:#fede3a;font-weight:400}#customers .row-add{box-shadow:var(--boxShadow3);background:var(--bg1);border-radius:5px;padding:8px 13px;border:none;color:green;font-weight:700;width:100%}#customers .row-add:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:#444}#customers td{font-weight:400}.inputtext{background:var(--bg1);box-shadow:var(--boxShadow3);border:none;padding:8px 5px;border-radius:3px;text-align:center;font-weight:500;width:100%;height:31px}.inputtext:disabled{background:var(--bg1);box-shadow:var(--boxShadow3);opacity:1;color:#000;-webkit-text-fill-color:#000}#customers .tdinput .editbutton img,#customers .tdinput .savebutton img{width:14px;height:15px}#customers .inputtext:focus{outline:none;border:none;background:var(--bg1);box-shadow:var(--boxShadow2)}#customers tbody .cdate{width:18%}#customers tbody .cvno{width:20%}#customers tbody .cwgt,#customers tbody .cbags{width:15%}#customers tbody .csuit{width:9%}#customers tbody .crate{width:15%}#customers tbody .camt{width:auto}#customers tbody .sno{width:5%;text-align:center}#customers td:last-child{text-align:right}#customers th:last-child{text-align:center!important}.expenses .inputtext:focus{outline:none;border:none;background:var(--bg1);box-shadow:var(--boxShadow2)}.payments .inputtext:focus{outline:none;border:none;background:var(--bg1);box-shadow:var(--boxShadow2)}.select2 .select2-container .select2-container--default .select2-container--below .select2-container--open .select2-container--focus{width:100%}.select2-container--default .select2-results__option--highlighted[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]{background-color:#f0f0f0!important;color:#000!important}.select2-container--default .select2-results__option:hover{background-color:#f5f5f5!important}.select2-container--default .select2-dropdown,.select2-results__options{max-height:750px!important;overflow-y:auto!important}table button{padding:5px;outline:none;border:none;border-radius:5px}#customers .addload{background:#04aa6d;width:40px!important;color:#fff;font-size:15px}#customers .deletebtn{background:red;color:#fff;font-size:15px;width:40px;height:31px;line-height:31px;display:flex;justify-content:center;align-items:center;padding:0}.table-button-container{display:flex;justify-content:flex-end!important;gap:4px}.table-button-container .updatebtn{background:green;box-shadow:var(--boxShadow3);color:green;font-size:15px;width:40px;height:31px!important}.table-button-container .updatebtn img{width:13.5px}.table-button-container .updatebtn:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:green}.table-button-container .deletebtn{background:red;color:#fff;font-size:15px;width:40px;height:31px;line-height:31px;display:flex;justify-content:center;align-items:center;padding:0}.table-button-container .deletebtn img{width:13.5px}.table-button-container .deletebtn:hover{background-color:red}.savebutton{background:var(--bg1);box-shadow:var(--boxShadow3);color:green;width:100%!important;font-weight:500;padding:8px}#customers .editbtn,.editbutton{background:#00f;color:#fff;font-size:15px;width:40px}.column{float:left;width:33.333%;padding:5px}.row:after{content:"";display:table;clear:both}.row input{width:100%;background:var(--bg1);box-shadow:var(--boxShadow2);color:#444;outline:none;border:none;padding:5px;border-radius:5px;margin:5px 0}.row .drpdown{width:100%;background:var(--bg1);box-shadow:var(--boxShadow2);color:#444;outline:none;border:none;padding:5px;border-radius:5px;margin-top:5px}.form-group{width:100%}.form-controls{display:flex;align-items:center;gap:10px;width:100%}#invoice_info{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px;margin-top:6px;width:100%}#partyName,#variety,#loadingPlace{flex:1;min-width:0;max-width:33.3333%;padding:8px;box-sizing:border-box}.purchase-type-container{display:flex;gap:5px;width:100%}.purchase-type-btn{flex:1;border:none;background:var(--bg1);box-shadow:var(--boxShadow3);color:#555;font-weight:600;cursor:pointer;transition:all .2s}.purchase-type-btn:first-child{border-radius:3px}.purchase-type-btn:last-child{border-radius:3px}.purchase-type-btn:not(:first-child){border-left:none}.purchase-type-btn.active{background-color:#e3f2fd;color:#048bf9;border:2px solid #048bf9;border-radius:4px;transition:.3s}tfoot td{font-weight:700!important}tfoot td .inputtext{font-weight:700!important;color:#000}.select2-container--default .select2-selection--single{background:var(--bg1);box-shadow:var(--boxShadow3);border:none;padding-top:2.5px;border-radius:3px;text-align:center;font-weight:500;width:100%!important;height:33px;outline:none}.fixed-button{position:fixed;bottom:10px;right:10px;background-color:#007bff;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:16px;cursor:pointer;z-index:1000}.fixed-button:hover{background-color:#0056b3}#buttonContainer{position:fixed;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;background-color:#f0f0f0;padding:15px;border-radius:8px;box-shadow:0 15px 25px #000}#buttonContainer:hover{box-shadow:0 15px 30px #0000004d}#buttonContainer button{width:120px}.togglebtn{position:fixed;bottom:0;padding:15px;background-color:#473080;color:#fff;border:none;cursor:pointer;font-size:16px;width:100%;font-weight:700;outline:none!important}.togglebtn:focus{background-color:#473080;outline:none!important;color:gold}::-webkit-scrollbar{display:none}*:focus{outline:none!important}button:focus,input:focus{outline:none!important}.card-body{overflow-x:auto;margin-top:6px}.scroll-container{overflow:-moz-scrollbars-none;scrollbar-width:none}@media (max-width: 1030px){.card-body{overflow-x:auto}}@media (max-width: 991px){.navigation{left:-200px}.navigation.active{width:200px;left:0}.main{width:100%;left:0}.main.active{left:200px}.user{margin-right:0}.cards{grid-template-columns:repeat(3,1fr)}.recent-grid{grid-template-columns:60% 40%}.card-body{overflow-x:auto}}@media screen and (max-width: 768px){.column{width:50%}}@media (max-width: 768px){.navigation{left:-50%;width:50%}.navigation.active{left:0}.main{width:100%;left:0}.main.active{left:200px}.cards{grid-template-columns:repeat(2,1fr)}.recent-grid{grid-template-columns:100%}}@media (max-width: 480px){body{font-size:13px!important}.navigation{transition:width .3s,left .3s;width:70%;left:-70%}.main{transition:left .3s}.dashboard{margin:2px 3px 0 2.5px}.user{min-width:40px}table td{font-weight:500}table th,td input,td select{font-size:12px!important}table td .inputtext,td select{border:.5px solid lightgrey}.input-group input.inputtext,.input-group select.inputtext{border:.2px solid lightgrey!important}tfoot td .inputtext{font-size:13px!important}tfoot td{font-size:13px}}section{color:#7a90ff;padding:2em 0;min-height:100%;position:relative;-webkit-font-smoothing:antialiased;z-index:10}.pricing{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:100%;margin:0 auto}.pricing-item{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;text-align:center;-webkit-flex:0 1 330px;flex:0 1 330px}.pricing-action{color:inherit;border:none;background:none;cursor:pointer}.pricing-action:focus{outline:none}.pricing-feature-list{text-align:left}.pricing-palden .pricing-item{font-family:Open Sans,sans-serif;cursor:default;color:#84697c;background:#fff;box-shadow:0 0 10px #2e3b7d3b;border-radius:20px 20px 10px 10px;margin:1em}@media screen and (min-width: 66.25em){.pricing-palden .pricing-item{margin:1em -.5em}.pricing-palden .pricing__item--featured{margin:0;z-index:10;box-shadow:0 0 20px #2e3b7d3b}}.pricing-palden .pricing-deco{border-radius:10px 10px 0 0;background:linear-gradient(135deg,#4097f9,#0af0c7);padding:4em 0 9em;position:relative}.pricing-palden .pricing-deco-img{position:absolute;bottom:0;left:0;width:100%;height:100px}.pricing-palden .pricing-title{font-size:1em;margin:0;text-transform:uppercase;letter-spacing:5px;color:#fff}.pricing-palden .deco-layer{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.pricing-palden .pricing-item:hover .deco-layer--1{-webkit-transform:translate3d(15px,0,0);transform:translate3d(15px,0,0)}.pricing-palden .pricing-item:hover .deco-layer--2{-webkit-transform:translate3d(-15px,0,0);transform:translate3d(-15px,0,0)}.pricing-palden .icon{font-size:2.5em}.pricing-palden .pricing-price{font-size:4em;font-weight:700;padding:0;color:#fff;margin:0 0 .25em;line-height:.75}.pricing-palden .pricing-currency{font-size:20px;vertical-align:top}.pricing-palden .pricing-period{font-size:.19em;padding:0 0 0 .5em;font-style:italic}.pricing-palden .pricing__sentence{font-weight:700;margin:0 0 1em;padding:0 0 .5em}.pricing-palden .pricing-feature-list{margin:0;list-style:none;text-align:center}.pricing-palden .pricing-feature{padding:1em 0}.pricing-palden .pricing-action{font-weight:700;margin:20px 50px;padding:1em 2em;color:#fff;border-radius:30px;background:linear-gradient(135deg,#a93bfe,#584efd);-webkit-transition:background-color .3s;transition:background-color .3s}.pricing-palden .pricing-action:hover,.pricing-palden .pricing-action:focus{background:linear-gradient(135deg,#fd7d57,#f55d59)}.pricing-palden .pricing-item .pricing-deco{padding:2.5em 0}.waves{position:relative;width:100%;height:150vh;margin-bottom:-7px;min-height:100px;max-height:250px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.modal{display:none;position:fixed;z-index:10000;padding-top:4px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content2{margin:auto;width:850px;text-align:center;overflow-x:auto}.modal .close{color:#aaa;float:right;font-size:28px;font-weight:700;padding:0 10px;margin-bottom:-27px;cursor:pointer;position:relative;z-index:10}.modal .close:hover,.modal .close:focus{color:#000;text-decoration:none}.container1{width:100%;margin:0 auto;padding:2px!important;box-shadow:0 0 .5rem #0000001a;background:#fff;box-sizing:border-box;border-radius:4px}.invoice-header .user{width:50px;height:50px;border-radius:50%}.container1 .table-wrapper{width:100%;overflow-x:auto;background:#fff}.container1 table{width:max-content;min-width:100%;border-collapse:collapse;white-space:nowrap}.container1 th{padding:.3rem;text-align:center!important;font-size:1rem;color:#fede3a;background-color:#473080}.printbtn{background:var(--bg1);box-shadow:var(--boxShadow3);border-radius:5px;padding:10px 15px;border:none;margin:10px;color:green;font-weight:700;height:35px;cursor:pointer}.printbtn:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:#444}@media (max-width: 768px){.invoice-details div:last-child{margin-bottom:0}.invoice-details p,.container1 th,.container1 td{font-size:.9rem}.total{font-size:1rem}.footer,.printbtn{font-size:.9rem}}@media (max-width: 525px){.modal-content2{margin:auto;width:100%;text-align:center}.invoice-details p{font-size:.8rem}.container1 th{font-weight:400!important}.container1 th,.container1 td{font-size:.73rem;padding:6px 4px}.total,.footer{font-size:.74rem}.printbtn{font-size:.7rem}}@media print{.printbtn,.close,.invoice-buttons{display:none}}.invoice-buttons{text-align:center;background:#fff;bottom:0;position:fixed;width:100%;box-shadow:0 -2px 5px #0000001a}.css-b62m3t-container{position:relative;box-sizing:border-box;width:100%}.react-select__control{background:var(--bg1)!important;box-shadow:var(--boxShadow3)!important;border:none!important;min-height:38px!important;border-radius:5px!important}.react-select__control:hover{border-color:transparent!important}.react-select__control--is-focused{box-shadow:var(--boxShadow2)!important;outline:none!important}.react-select__value-container{padding:2px 8px!important}.react-select__placeholder{color:var(--text-color)!important;font-weight:500!important}.react-select__single-value{color:var(--color)!important;font-weight:500!important}.react-select__indicator-separator{display:none!important}.react-select__dropdown-indicator{color:var(--black2)!important;padding:8px!important}.react-select__menu{background:var(--bg1)!important;box-shadow:var(--boxShadow)!important;border-radius:5px!important;z-index:9999!important}.react-select__option{padding:10px 12px!important;font-weight:500!important;cursor:pointer!important}.react-select__option--is-focused{background:#2a21851a!important}.react-select__option--is-selected{background:var(--blue)!important;color:#fff!important}.react-select__input-container{color:var(--color)!important}.react-select__clear-indicator{color:var(--black2)!important;padding:8px 4px!important}.react-select__clear-indicator:hover{color:#e74c3c!important}.input-group .react-select__control{min-height:31px!important;height:31px!important;background:var(--bg1)!important;box-shadow:var(--boxShadow3)!important;border:none!important;border-radius:3px!important}.input-group .react-select__value-container{padding:0 6px!important}.input-group .react-select__dropdown-indicator{padding:4px!important}.expenses .react-select__control,.payments .react-select__control{min-height:31px!important;height:31px!important;background:var(--bg1)!important;box-shadow:var(--boxShadow3)!important;border:none!important;border-radius:3px!important}.expenses .react-select__value-container,.payments .react-select__value-container{padding:0 6px!important}.expenses .react-select__dropdown-indicator,.payments .react-select__dropdown-indicator{padding:4px!important}.mill-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.mill-sidebar-overlay.active{opacity:1;visibility:visible}.mill-sidebar{position:fixed;top:0;right:-80%;width:80%;max-width:450px;height:100%;background:linear-gradient(145deg,#e8eaec,#dde1e7);box-shadow:-5px 0 15px #0003;z-index:9999;transition:right .3s ease;overflow-y:auto}.mill-sidebar.active{right:0}.mill-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(145deg,#2a2185,#3b2fa0);color:#fff;position:sticky;top:0;z-index:1}.mill-sidebar-header h3{margin:0;font-size:18px;font-weight:600}.mill-sidebar-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:0 5px}.mill-sidebar-close:hover{color:#ff6b6b}.mill-sidebar-content{padding:15px}.mill-section{background:#fff;border-radius:10px;padding:15px;margin-bottom:15px;box-shadow:3px 3px 8px #b8bcc2,-3px -3px 8px #fff}.mill-section h4{margin:0 0 12px;color:#2a2185;font-size:14px;font-weight:600;border-bottom:2px solid #e8eaec;padding-bottom:8px}.mill-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px dashed #e8eaec}.mill-summary-row:last-child{border-bottom:none}.mill-summary-row.highlight{background:linear-gradient(145deg,#e8eaec,#dde1e7);margin:8px -10px -5px;padding:10px;border-radius:5px;font-weight:600;color:#2a2185}.mill-input-group{margin-bottom:12px}.mill-input-group label{display:block;font-size:12px;color:#666;margin-bottom:5px;font-weight:500}.mill-input-group input{width:100%;padding:10px 12px;border:none;border-radius:8px;background:#e8eaec;box-shadow:inset 2px 2px 5px #c8ccd0,inset -2px -2px 5px #fff;font-size:14px;outline:none;transition:all .2s ease}.mill-input-group input:focus{box-shadow:inset 3px 3px 6px #c8ccd0,inset -3px -3px 6px #fff}.mill-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.mill-table th:nth-child(1),.mill-table td:nth-child(1){width:20%}.mill-table th:nth-child(2),.mill-table td:nth-child(2){width:50%}.mill-table th:nth-child(3),.mill-table td:nth-child(3){width:30%}.mill-table th,.mill-table td{padding:4px;text-align:left;border-bottom:1px solid #e8eaec}.mill-table th{background:#f0f0f5;font-weight:600;color:#2a2185;font-size:11px;text-transform:uppercase}.mill-table td:last-child{text-align:right;font-weight:500}.mill-table input{width:100%;padding:6px 8px;border:none;border-radius:5px;background:#e8eaec;box-shadow:inset 2px 2px 4px #c8ccd0,inset -2px -2px 4px #fff;font-size:13px;outline:none}.mill-table select{padding:5px 4px;border:none;border-radius:4px;background:#e8eaec;box-shadow:inset 1px 1px 3px #c8ccd0,inset -1px -1px 3px #fff;font-size:11px;outline:none;width:60%}.mill-input-row{display:flex;gap:4px;align-items:center}.mill-input-row input{flex:1}.mill-table .highlight-row{background:linear-gradient(145deg,#e8f5e9,#c8e6c9)}.mill-table .highlight-row td{color:#2a2185;border-bottom:none}.mill-table .total-row{background:#f5f5f5}.mill-table .total-row td{color:#e74c3c}.mill-expense-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:8px;align-items:center;margin-bottom:12px}.mill-expense-row label{font-size:12px;color:#666;font-weight:500}.mill-expense-row select,.mill-expense-row input{padding:8px 10px;border:none;border-radius:6px;background:#e8eaec;box-shadow:inset 2px 2px 4px #c8ccd0,inset -2px -2px 4px #fff;font-size:13px;outline:none;width:100%}.difference-section{background:linear-gradient(145deg,#fff5f5,#ffebeb);border:1px solid #ffc9c9;padding:12px!important}.mill-difference{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.mill-difference .positive{color:#27ae60}.mill-difference .negative{color:#e74c3c}.mill-table tr.difference-row{border-top:2px dashed #999}.mill-table tr.difference-row.positive td{color:#27ae60;font-weight:600}.mill-table tr.difference-row.negative td{color:#e74c3c;font-weight:600}.mill-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px 0}.mill-actions button{flex:1;min-width:80px;padding:10px 12px;border:none;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.mill-save-btn{background:linear-gradient(145deg,#2a2185,#3b2fa0);color:#fff;box-shadow:3px 3px 8px #b8bcc2,-3px -3px 8px #fff}.mill-save-btn:hover{transform:translateY(-2px);box-shadow:5px 5px 12px #b8bcc2,-5px -5px 12px #fff}.mill-show-btn{background:linear-gradient(145deg,#27ae60,#2ecc71);color:#fff;box-shadow:3px 3px 8px #b8bcc2,-3px -3px 8px #fff}.mill-show-btn:hover{transform:translateY(-2px)}.mill-share-btn{background:linear-gradient(145deg,#3498db,#5dade2);color:#fff;box-shadow:3px 3px 8px #b8bcc2,-3px -3px 8px #fff}.mill-share-btn:hover{transform:translateY(-2px)}.mill-stats{display:flex;flex-direction:column;gap:8px;padding:15px;margin-top:10px;background:linear-gradient(145deg,#f5f5f5,#e8e8e8);border-radius:12px;box-shadow:inset 2px 2px 5px #d1d1d1,inset -2px -2px 5px #fff}.mill-stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;box-shadow:2px 2px 5px #0000000d}.mill-stat-label{font-size:12px;color:#666;font-weight:500}.mill-stat-value{font-size:14px;font-weight:700}.mill-stat-value.invoice2{color:#2a2185}.mill-stat-value.invoice1{color:#666}.mill-stat-value.positive{color:#27ae60}.mill-stat-value.negative{color:#e74c3c}@media (max-width: 480px){.mill-sidebar{width:90%;right:-90%;max-width:none}.mill-table select{width:60%;font-size:10px}}#selectedLoadingDate{margin-left:auto!important;flex-shrink:0}table{border-collapse:collapse;white-space:nowrap}.expenses th{padding:7px 8px;background-color:#473080;color:#fede3a;font-weight:400}.payments th{padding:7px 12px!important;background-color:#473080;color:#fede3a;font-weight:400}.balancesheet th{padding:2px 8px;background-color:#473080;color:#fede3a;font-weight:400}.balancesheet td{text-align:center;padding:10px;border:1px solid grey}.inputtext{width:100%;box-sizing:border-box;color:#000}.footnote{margin-top:20px}.footnote .note{width:50%}input{text-transform:uppercase}#invoiceModal{display:none;position:fixed;z-index:1;padding-top:4px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content2{margin:auto;width:850px;text-align:center}#invoiceModal .close{color:#aaa;float:right;font-size:28px;font-weight:700;padding:0 10px;margin-bottom:-27px}#invoiceModal .close:hover,#invoiceModal .close:focus{color:#000;text-decoration:none;cursor:pointer}.deletebtn{background:red;color:#fff;font-size:15px;width:40px;height:31px;line-height:31px;display:flex;justify-content:center;align-items:center;padding:0}.deletebtn img{width:13.5px}.expenses td,.expenses th,.payments td,.payments th{border-bottom:1px solid #ddd;padding:2px}@media (max-width: 900px){.modal-content2{margin:auto;width:96%;text-align:center}}@media (max-width: 525px){.modal-content2{margin:auto;width:98%;text-align:center}}.container1{width:calc(100% - 4.5px);margin:0 auto;padding:2px!important;box-shadow:0 0 .5rem #0000001a;background:#fff;box-sizing:border-box;border-radius:4px}.invoice-details{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 5px}.invoice-details div:last-child{margin-right:0}.invoice-details p{margin:.5rem 0;font-size:1rem;text-align:left}.invoice-details p span{font-weight:500}.container1 table{width:100%;border-collapse:collapse;white-space:nowrap}.container1 table,.container1 table th,.container1 table td{border:.2px solid grey}.container1 th{padding:.3rem;text-align:center!important;font-size:1rem;color:#fede3a}.container1 td{padding:.3rem;text-align:center;font-size:1rem}.container1 th{background-color:#473080}.total{font-weight:700;font-size:1.1rem}.footer{text-align:center;margin-top:.5rem;font-size:1rem}.note{text-align:left;margin-bottom:8px;font-weight:700;padding:5px}.invoice-header{display:flex;align-items:flex-end;justify-content:space-between;padding:5px;border-bottom:1px solid #000;font-family:Arial,sans-serif;width:100%}.invoice-header>div{flex-basis:33.333%}.invoice-header p{margin:0}.invoice-number{text-align:right;font-size:12.5px}.invoice-number span{color:red;font-weight:550;font-size:13.5px!important}.input-group{display:flex;align-items:center;gap:5px}.input-group input.inputtext,.input-group select.inputtext{margin:0;padding:5px;font-size:14px;border:1px solid #ccc;border-radius:4px;height:31px}.input-group input.inputtext{width:35%}.input-group select.inputtext{width:65%;margin-right:4px}.checkbox-container{display:flex;padding:2px;border:.5px solid #ddd;border-radius:5px;background-color:#f9f9f9}.checkbox-container label{display:flex;align-items:center;border:.5px solid #ddd;padding:5px;border-radius:3px;background-color:#fff}.checkbox-container input[type=checkbox]{margin-right:10px}.expenses th,.payments th,.balancesheet th{padding:6px}.last_input{text-align:right}.last_input_bold{text-align:right;font-weight:700}.row_total{font-weight:700}.hidden{display:none}.printbtn{background:var(--bg1);box-shadow:var(--boxShadow3);border-radius:5px;padding:10px 15px;border:none;margin:10px;color:green;font-weight:700;height:35px}.container1 td:last-child{text-align:right}.container1 td:first-child{text-align:left}.footnote .updatebtn:hover{background:var(--bg1);box-shadow:var(--boxShadow2);color:#444}@media (max-width: 768px){.invoice-details div:last-child{margin-bottom:0}body,.invoice-details p,.container1 th,.container1 td{font-size:.9rem}.total{font-size:1rem}.footer,.printbtn{font-size:.9rem}}@media (max-width: 525px){.invoice-details p{font-size:.8rem}.container1 th{font-weight:400!important}.container1 th,.container1 td{font-size:.73rem;padding:6px 4px}.total,.footer{font-size:.74rem}.printbtn{font-size:.7rem}}@media print{.printbtn,.close{display:none}}