:root{--clr-primary-100:#7c5dfa;--clr-primary-200:#9277ff;--clr-primary-400:#252945;--clr-secondary-200:#888eb0;--clr-secondary-300:#7e88c3;--clr-secondary-350:#373b53;--clr-secondary-400:#0c0e16;--clr-secondary-450:#f9fafe;--clr-secondary-500:#ec5757;--clr-secondary-600:#ff9797;--clr-secondary-700:#f8f8fb;--clr-secondary-750:#373b53;--clr-secondary-800:#141625;--clr-secondary-900:#858bb2;--clr-secondary-950:#fff;--clr-primary:#fff;--clr-primary-text:#121721;--clr-secondary-text:#fff;--ff-primary:"League Spartan",sans-serif;--fw-regular:400;--fw-bold:700;--fs-100:13px;--fs-200:15px;--fs-300:24px}[data-theme=dark]{--clr-primary-200:#939bf4;--clr-primary-400:#121721;--clr-secondary-200:#fff;--clr-secondary-300:#dfe3fa;--clr-secondary-350:#0c0e16;--clr-secondary-400:#fff;--clr-secondary-450:#252945;--clr-secondary-700:#141625;--clr-secondary-750:#fff;--clr-secondary-900:#fff;--clr-secondary-950:#1e2139;--clr-primary-text:#fff}[data-theme=dark] .icon-sun{background-color:#1e2139;display:flex}[data-theme=dark] .icon-moon{display:flex}[data-theme=dark] .form input{border:none}[data-theme=dark] .header{background-color:#1e2139}*{margin:0;padding:0;transition:all .3s ease-in-out}body{background-color:#f8f8fb;background-color:var(--clr-secondary-700);box-sizing:border-box;font-family:League Spartan,sans-serif;font-family:var(--ff-primary)}.header{background-color:#373b53;display:block;height:100%;left:0;position:fixed;top:0;z-index:2}.header,.logo{border-radius:0 20px 20px 0}.logo{align-items:center;background:linear-gradient(180deg,#7c5dfa 0,#7c5dfa 50%,#9277ff 0,#9277ff);display:flex;justify-content:center;padding:32px}.logo-img{height:37px;width:40px}.dark-theme{background-color:#494e6e;bottom:121px;margin:0 41px;position:absolute}.btn-theme{background-color:#373b53;border:none;cursor:pointer}.icon-sun{display:none}.icon-moon,.icon-sun{-webkit-transform:scale(1.3);transform:scale(1.3)}.div-border{background-color:#494e6e;bottom:88px;height:1px;position:absolute;width:100%}.avatar{border-radius:50%;bottom:24px;height:40px;margin:0 32px;position:absolute;width:40px}.jobs-grid{display:grid;margin-bottom:105px;margin-top:48px}.jobs-grid,.navbar{align-items:center;justify-content:center;min-width:1080px}.navbar{display:flex;margin-top:78px}.invoice{color:#0c0e16;color:var(--clr-secondary-400);display:block;font-size:24px;font-size:var(--fs-300);opacity:.8}.invoice,.total-invoice{font-weight:700;font-weight:var(--fw-bold)}.total-invoice{align-items:center;color:#888eb0;color:var(--clr-secondary-200);display:flex;font-size:13px;font-size:var(--fs-100);opacity:.6}.total-invoice-count{margin-left:3px;margin-right:3px}.invoices-text{margin-left:5px}.filter{align-items:center;display:flex;justify-content:center;margin-left:287px;margin-right:41px}.filter-title{color:#0c0e16;color:var(--clr-secondary-400);cursor:pointer;font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);margin-right:8px}.btn-arrow-down{background-color:#f8f8fb;background-color:var(--clr-secondary-700);border:none;cursor:pointer}.add-invoice{align-items:center;background-color:#7c5dfa;background-color:var(--clr-primary-100);border-radius:24px;display:flex;justify-content:center}.add-invoice:hover{background-color:#9277ff;background-color:var(--clr-primary-200)}.btn-add{background-color:#fff;background-color:var(--clr-primary);border:none;border-radius:50%;cursor:pointer;height:32px;margin:8px;padding:10px;width:32px}.add-title{color:#fff;color:var(--clr-primary);cursor:pointer;font-weight:700;font-weight:var(--fw-bold);margin-right:8px}.add-title,.posts{font-size:15px;font-size:var(--fs-200)}.posts{align-items:center;background-color:#fff;background-color:var(--clr-secondary-950);border:1px solid transparent;border-radius:8px;box-shadow:0 10px 10px -10px rgba(72,84,159,.1);display:grid;grid-template-columns:.5fr 1fr 1fr .7fr 1fr .4fr;justify-content:space-between;margin-top:16px;padding:30px 0 27px 32px}.posts:hover{border:1px solid #7c5dfa}.id-post{color:#0c0e16;color:var(--clr-secondary-400);font-weight:700;font-weight:var(--fw-bold)}.hashtag{color:#7e88c3;color:var(--clr-secondary-300);opacity:.7}.payment-due{color:#888eb0;color:var(--clr-secondary-200)}.client-name,.payment-due{font-weight:400;font-weight:var(--fw-regular);margin:auto;opacity:.6;padding-right:10px}.client-name{color:#858bb2;color:var(--clr-secondary-900)}.total{color:#0c0e16;color:var(--clr-secondary-400);font-weight:700;font-weight:var(--fw-bold);opacity:.8;padding-right:10px}.status,.total{align-items:center;display:flex;justify-content:center}.status{border-radius:6px;margin-right:20px;padding:14px 30px 11px}.status-paid{background-color:rgba(51,214,159,.057);color:#33d69f}.status-pending{background-color:rgba(255,143,0,.057);color:#ff8f00}.status-draft{background-color:rgba(55,59,83,.057);color:#373b53;color:var(--clr-secondary-750)}.status-circle-paid{background-color:#33d69f}.status-circle-pending{background-color:#ff8f00}.status-circle-draft{background-color:#373b53;background-color:var(--clr-secondary-750)}.status-circle{border-radius:50%;height:8px;margin-right:8px;width:8px}.status-post{font-weight:700;font-weight:var(--fw-bold)}.status-post:first-letter{text-transform:uppercase}.btn-arrow-right{background-color:#fff;background-color:var(--clr-secondary-950);border:none;cursor:pointer}.link{text-decoration:none}.backdrop{background-color:rgba(0,0,0,.6);display:flex;height:100%;left:0;position:fixed;top:0;visibility:visible;width:100%;z-index:2}.backdrop,.backdrop-delete{align-items:center;justify-content:center}.backdrop-delete{background-color:#fff;background-color:var(--clr-secondary-950);border-radius:8px;box-shadow:0 10px 10px -10px rgba(72,84,159,.1);display:block;flex-direction:column;height:138px;left:50%;padding:51px 48px 48px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:409px}.title{color:#0c0e16;color:var(--clr-secondary-400);font-size:24px;font-size:var(--fs-300);font-weight:700;font-weight:var(--fw-bold);line-height:32px;margin-bottom:12px}.description{color:#888eb0;color:var(--clr-secondary-200);font-size:13px;font-size:var(--fs-100);font-weight:400;font-weight:var(--fw-regular);margin-bottom:14px;opacity:.6}.buttons{float:right}.btn-cancel-edit{background-color:#f9fafe;background-color:var(--clr-secondary-450);border:none;border-radius:24px;color:#7e88c3;color:var(--clr-secondary-300);cursor:pointer;font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);margin-right:8px;padding:17px 25px 17px 24px}.btn-cancel-edit:hover{opacity:.5}.btn-discard{background-color:#f9fafe;color:#7e88c3;cursor:pointer}.btn-delete{background-color:#ec5757;background-color:var(--clr-secondary-500);border:none;border-radius:24px;color:#fff;color:var(--clr-primary);cursor:pointer;font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);padding:17px 25px 17px 24px}.btn-delete:hover{background-color:#ff9797;background-color:var(--clr-secondary-600)}.empty{display:none;margin-top:160px}.empty,.individual-page{align-items:center;justify-content:center;min-width:1080px}.individual-page{display:grid;margin-top:65px}.arrow-go-back{align-items:center;display:flex;gap:20px}.btn-arrow-left{cursor:pointer;display:flex;text-decoration:none}.title-back{color:#0c0e16;color:var(--clr-secondary-400);font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);margin-left:20px}.individual-page-header{background-color:#fff;background-color:var(--clr-secondary-950);border-radius:8px;box-shadow:0 10px 10px -10px rgba(72,84,159,.1);gap:200px;margin-top:31px;padding:20px 32px}.individual-page-header,.mark-as-paid{align-items:center;display:flex;justify-content:center}.mark-as-paid{background-color:#7c5dfa;background-color:var(--clr-primary-100);border:none;border-radius:24px;color:#fff;color:var(--clr-primary);cursor:pointer;font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);margin:8px;padding:17px 25px 17px 24px}.mark-as-paid:hover{background-color:#9277ff;background-color:var(--clr-primary-200)}.container-status,.individual-page .buttons{align-items:center;display:flex;justify-content:center}.container-status{margin-right:198px}.status-title{color:#858bb2;color:var(--clr-secondary-900);font-size:13px;font-size:var(--fs-100);font-weight:400;font-weight:var(--fw-regular);margin-right:20px}.container{background-color:#fff;background-color:var(--clr-secondary-950);border-radius:8px;box-shadow:0 10px 10px -10px rgba(72,84,159,.1);margin-bottom:54px;margin-top:24px;padding:50px 48px 48px}.container-amount{background-color:#f9fafe;background-color:var(--clr-secondary-450);border-radius:8px 8px 9px 9px;margin-top:44px}.container-header{align-items:center;display:flex;justify-content:space-between;line-height:18px;margin-bottom:21px}.container-content{display:grid;grid-template-columns:1.5fr 1.5fr 2fr;line-height:18px}.container-amount-title{padding:33px 34px 32px 32px}.container-amount-items,.container-amount-title{align-items:center;display:flex;justify-content:space-between}.container-amount-items{padding:33px 34px 39px 32px}.container-amount-total{align-items:center;background-color:#373b53;background-color:var(--clr-secondary-350);border-radius:0 0 8px 8px;color:#fff;color:var(--clr-primary);display:flex;justify-content:space-between;padding:27px 32px 21px}.subtitle{color:#7e88c3;color:var(--clr-secondary-300);font-size:13px;font-size:var(--fs-100);font-weight:400;font-weight:var(--fw-regular)}.id-post .subtitle{margin-top:7px}.content{color:#0c0e16;color:var(--clr-secondary-400);font-weight:700;font-weight:var(--fw-bold);margin-bottom:7px;margin-top:13px}.content,.item{font-size:15px;font-size:var(--fs-200)}.item{color:#7e88c3;color:var(--clr-secondary-300);font-weight:400;font-weight:var(--fw-regular);font-weight:700;font-weight:var(--fw-bold)}.subtitle-2{margin-top:31px}.container-amount-total-title{font-size:13px;font-size:var(--fs-100);font-weight:400;font-weight:var(--fw-regular)}.container-amount-total-price{font-size:24px;font-size:var(--fs-300);font-weight:700;font-weight:var(--fw-bold)}.edit-form-backdrop{background-color:rgba(0,0,0,.6);left:0;position:fixed;top:0;width:100%;z-index:1}.edit-form-backdrop,.edit-form-container{height:100vh;max-height:100vh;overflow:hidden}.edit-form-container,.form{display:flex;flex-direction:column}.form{background-color:#f8f8fb;background-color:var(--clr-secondary-700);border-radius:8px;box-shadow:0 10px 10px -10px rgba(72,84,159,.1);left:0;overflow:auto;padding:30px 60px 30px 160px;top:0;width:40%}.form .btn-cancel-edit path{fill:#7e88c3;fill:var(--clr-secondary-300)}.form .content{margin:9px 0 0}.form .id-post{font-size:24px;font-size:var(--fs-300)}.container-form{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:25px}.container-form input{box-sizing:border-box;width:100%}.input-date-svg{position:absolute;right:24px;top:57%}.input-days-svg{position:absolute;right:24px;top:60%}.container-form .container-form-div,.container-form-div-2{position:relative}.form input{background-color:#fff;background-color:var(--clr-secondary-950);border:1px solid #dfe3fa;border-radius:4px;padding:18px 20px 15px}.form input:focus{outline-color:#9277ff}.title-form{color:#7c5dfa;color:var(--clr-primary-100);font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);margin-bottom:24px;margin-top:49px}.container-item-change{text-align:left}.item-price,.item-quantity,.item-total{max-width:60px}.item-total{padding:18px 20px 15px}.btn-add-item{cursor:pointer;margin-bottom:39px;margin-top:18px}.buttons-form{align-items:center;background-color:#f8f8fb;background-color:var(--clr-secondary-700);border-bottom-right-radius:20px;box-shadow:0 -5px 141px rgba(0,0,0,.1);display:flex;justify-content:flex-end;padding:30px 60px 30px 160px;width:40%;z-index:4}.buttons-form:hover{box-shadow:none}.btn-trash{background-color:#f8f8fb;background-color:var(--clr-secondary-700);border:none;cursor:pointer;max-width:60px}.mt{margin-top:25px}.item-list{color:#777f98;font-size:18px;margin:35px 0 14px}.item-list,.save-draft-btn{font-weight:700;font-weight:var(--fw-bold)}.save-draft-btn{align-items:center;background-color:#373b53;border:none;border-radius:24px;color:#888eb0;color:var(--clr-secondary-200);cursor:pointer;display:flex;font-size:15px;font-size:var(--fs-200);justify-content:center;margin:8px;padding:17px 25px 17px 24px}.save-draft-btn:hover{background-color:#1e2139}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-post{background-color:#fff;background-color:var(--clr-secondary-950);border-radius:8px;box-shadow:0 10px 20px 0 rgba(72,84,159,.25);display:grid;left:52%;padding:8px 88px 24px 24px;position:absolute;top:132px;z-index:1}.filter-post label{color:#0c0e16;color:var(--clr-secondary-400);font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);margin-left:13px;text-transform:capitalize}.filter-post-div{cursor:pointer;margin-top:16px}.checkbox,.filter-post-div{align-items:center;display:flex}.checkbox{background-color:#dfe3fa;border-radius:2px;box-sizing:border-box;height:16px;justify-content:center;width:16px}.checkbox:hover{border:1px solid #7c5dfa}.checkbox.active{background-color:#7c5dfa}input.content[type=date]::-webkit-calendar-picker-indicator{background:url(/static/media/icon-calendar.71c99ab5db94f8cbb7b7.svg);background-repeat:no-repeat}.options-payment{background-color:#fff;background-color:var(--clr-secondary-950);border-radius:8px;box-shadow:0 10px 20px 0 rgba(72,84,159,.25);display:grid;left:55%;position:absolute;top:69%;z-index:3}.options{border:1px solid #dfe3fa;color:#0c0e16;color:var(--clr-secondary-400);font-size:15px;font-size:var(--fs-200);font-weight:700;font-weight:var(--fw-bold);padding:16px 156px 16px 24px}.options:hover{color:#7c5dfa}@media (max-width:937px){.header{border-radius:0;height:auto;right:0;width:100%}.header,.navbar{align-items:center;display:flex}.navbar{justify-content:center;margin-top:140px}.jobs-grid,.navbar{min-width:0}.avatar{bottom:30%;right:0}.div-border{bottom:0;height:100%;right:101px;width:1px}.dark-theme{bottom:30%;bottom:auto;right:105px}.individual-page{margin-top:100px;min-width:0;padding-top:40px}.form{padding-left:56px;width:60%}.buttons-form{padding:31px 56px;width:60%}.filter-post{left:54%;top:190px}.options-payment{left:45%;top:69%}}@media (max-width:500px){.options-payment{left:0;top:157px}.filter{margin-left:86px}.filter-post{left:30%}.jobs-grid{margin-top:32px}.btn-arrow-right{display:none}.posts{display:block;padding:25px 24px 22px;position:relative}.avatar{margin:0 30px 0 24px}.posts .id-post{margin-bottom:24px}.posts .client-name{padding:0;right:24px;top:25px}.posts .client-name,.posts .status{justify-content:flex-end;position:absolute}.posts .status{bottom:28px;right:0}.posts .total{justify-content:flex-start}.posts .payment-due{margin-bottom:9px;margin-right:187px}.individual-page{padding-left:24px;padding-right:24px;padding-top:33px;position:relative}.individual-page-header{align-items:center;display:flex;padding:37px 24px 39px}.individual-page-header .status{position:absolute;right:24px}.individual-page-header .status-title{display:flex;justify-content:flex-start;left:0;margin-right:140px}.container{margin-bottom:147px;padding-left:24px;padding-right:24px}.individual-page .buttons{background-color:none;margin:10px 0;position:absolute;width:100%}.container-content{display:flex;padding-bottom:90px;position:relative}.container-header{display:grid}.container-header .id-post{margin-bottom:30px}.container-content-sent-to{bottom:-10px;position:absolute}.container-content-payment{margin-right:62px}.container-amount-title{display:none}.container-amount-items{padding:25px 24px 34px;position:relative}.container-amount-items-mobile{align-items:center;bottom:20px;display:flex;justify-content:space-between;position:absolute}.container-amount-total{padding:26px 24px 22px}.backdrop-delete{padding:36px 32px 32px;width:290px}.individual-page .buttons{bottom:0}.form{padding:121px 24px 32px;width:90%}.buttons-form{align-items:center;display:flex;justify-content:center;padding:21px 24px 22px;width:100%}.container-form{gap:20px;padding-bottom:90px;position:relative}.input-country-mobile{bottom:0;left:0;position:absolute;width:100%}.container-form-payment{display:block;padding-bottom:0;width:100%}.container-form .container-form-div{margin-right:0}.container-item-change{margin-top:22px;padding-top:90px;position:relative}.item-name{position:absolute;top:0}.item-change{align-items:center;grid-template-columns:.15fr .25fr .01fr .01fr .05fr}.item-name-company{position:absolute;top:10px;width:100%}.item-quantity{width:20px}.item-price{width:60px}.input-mobile{width:50%}}
/*# sourceMappingURL=main.dc7bf48a.css.map*/