@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Urbanist,sans-serif;font-weight:400}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.form-section{width:95%;margin:0 auto}input{border:1px solid #dcd9ec;padding:8px 10px;margin:0 8px 0 4px}.app-button{width:175px;padding:12px;margin:16px auto;background-color:#8685ef;color:#f8f8f8;border-radius:6px;border:1px solid #dcd9ec;-webkit-box-shadow:1px 4px 4xpx -1px rgba(17,17,17,.23);box-shadow:1px 4px 4px -1px #1111113b;transition:background-color .25s ease;cursor:pointer}.app-button:hover{background-color:#6462f0;transition:background-color .25s ease}.app-button.close{background-color:#111;border:none}.app-button.close:hover{background-color:#6d6d6d}.text-error,.text-info{font-size:.9rem;margin:6px auto}.text-error{color:#e45858}.text-info{color:#8685ef}.form-container{margin:24px auto}.form-header{color:#111;font-size:1.7rem;font-weight:700;margin:8px 2px;text-transform:uppercase}.form-add{border:1px solid #dcd9ec;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;padding:16px 28px;border-radius:8px;background-color:#f8f8f8}.form-add label{margin:0 4px;padding:0 4px;display:flex;flex:1;justify-content:space-around;align-items:center;font-weight:600;text-transform:uppercase}.form-add span{margin-right:4px}.form-add input{border-radius:6px;flex:1;font-weight:400}.form-add input:focus{outline:none;border-color:#dcd9ec;box-shadow:0 0 0 2px #faf8ff}.form-add input::placeholder,.form-add input[type=date]{font-weight:400}.form-add input[type=file]{color:#cecece;font-size:.9rem}.form-add input[type=file]:hover{cursor:pointer}.form-add input[type=file]::file-selector-button{background-color:#cecece;color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:#111;transition:background-color .25s ease;font-family:inherit}.form-add input[type=file]::file-selector-button:hover{background-color:#dcd9ec}.form-add .submit{display:flex;justify-content:center;align-items:center;background-color:#8685ef;width:130px;padding:10px 16px;margin:10px 10px 10px 16px;color:#f8f8f8;border-radius:6px;transition:background-color .25s ease;-webkit-box-shadow:1px 4px 7px -1px rgba(17,17,17,.23);box-shadow:1px 4px 7px -1px #1111113b}.form-add .submit:hover{cursor:pointer;background-color:#6462f0;transition:background-color .25s ease}.form-add .submit .add{width:16px;height:16px;margin-right:6px}.form-add .submit:disabled{background-color:#6d6d6d;cursor:not-allowed}.form-add label,.form-add .error,.form-add .info-processing{width:100%}.form-add .error,.form-add .info-processing{text-align:center;color:#e45858;font-size:.9rem}.form-add .info-processing{color:#8685ef}.spinner{border:2px solid #fff;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 8px}@keyframes spin{to{transform:rotate(360deg)}}.table-container{overflow:auto;width:100%;margin-bottom:36px}.table-container .table-main{height:100%;width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:1px;text-align:left}.table-container .table-main caption{caption-side:top;text-align:left;font-weight:700;text-transform:uppercase;font-size:1.7rem;margin-bottom:4px}.table-container .table-main th{border:1px solid #dcd9ec;background-color:#6462f0;color:#f8f8f8;padding:5px;text-align:center;font-weight:500}.table-container .table-main th:first-child{width:20%}.table-container .table-main th:last-child{width:8%;padding:0 4px}.table-container .table-main th:not(:first-child):not(:last-child){width:10%}.table-container .table-main tbody td{border:1px solid #dcd9ec;background-color:#f8f8f8;color:#111;font-size:.95rem;padding:8px 6px}.table-container .table-main tbody tr.sold>td{background-color:#6d6d6d33}.table-container .table-main tbody .gain{color:#01ac01}.table-container .table-main tbody .loss{color:#e45858}.table-container .table-main tbody td:nth-child(n+2){text-align:center}.table-container .table-main .options{font-size:.9rem}.table-container .table-main .options .icons-container{display:flex;justify-content:center;align-items:center}.table-container .table-main .options .icons-container span{margin:0 6px;display:flex;justify-content:center;align-items:center;border:2px solid transparent}.table-container .table-main .options .icons-container span:hover{border-radius:50%;border:2px solid #dcd9ec;cursor:pointer}.table-container .table-main .options .icons-container span .fas{width:25px;height:25px;display:flex;justify-content:center;align-items:center;margin:0;font-size:.9rem}.table-container .table-main .options .icons-container span.view{color:#8685ef}.table-container .table-main .options .icons-container span.view:hover{color:#6d6d6d}.table-container .table-main .options .icons-container span.edit{color:#111}.table-container .table-main .options .icons-container span.edit:hover{color:#6d6d6d}.table-container .table-main .options .icons-container span.delete{color:#e45858}.table-container .table-main .options .icons-container span.delete:hover{color:#6d6d6d}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f8f8f8}.item-modal{border:1px solid #cecece;box-shadow:0 2px 6px #cecece;width:600px;text-align:center}.item-modal button{margin-top:36px}.item-modal button .delete-action{z-index:20}.item-modal button.edit,.item-modal button.save,.item-modal button.delete{margin-right:12px;background-color:#e45858}.item-modal button.edit:hover,.item-modal button.save:hover,.item-modal button.delete:hover{background-color:#4c4aba}.item-modal button.edit,.item-modal button.save,.item-modal button.delete,.item-modal button.close{width:120px}.item-modal button.edit:disabled,.item-modal button.save:disabled,.item-modal button.delete:disabled,.item-modal button.close:disabled{background-color:#6d6d6d}.item-modal .error-msg{color:#e45858;margin-top:16px}.item-modal .item-container.warning{background-color:#0006}.item-modal .item-container .delete-notice{position:absolute;left:0;top:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;width:100%;height:30%;font-size:1.5rem;background-color:#000000d9;color:#f9d3d3}.item-modal .item-container .delete-notice .delete-icon{font-size:5rem;margin-bottom:16px}.item-modal .item-container .item-header{display:flex;justify-content:center;align-items:center;background-color:#8685ef;font-size:1.5rem;font-weight:700;height:50px;box-shadow:0 2px 6px #cecece;margin-bottom:12px}.item-modal .item-container .item-header.warning{background-color:#e45858}.item-modal .item-container .item-header .item-title{text-transform:uppercase;color:#f8f8f8}.item-modal .item-container .item-header .item-purchase-price{color:#8685ef}.item-modal .item-container .item-header .item-purchase-price:before{content:"| $";margin-left:8px}.item-modal .item-container .item-header input[alt="name of item"]{width:450px}.item-modal .item-container .item-details{width:450px;margin:0 auto}.item-modal .item-container .item-details>*{display:flex;justify-content:space-between;font-weight:600;font-size:1.15rem;height:24px}.item-modal .item-container .item-details>*>span:first-child{text-transform:uppercase}.item-modal .item-container .item-details>*>span:nth-child(2){color:#8685ef}.item-modal .item-container .item-details .field-editing{text-align:right;border:0;padding:0;margin:0;background-color:#fff}.item-modal .item-container .item-img{width:300px;margin:12px 0;border:1px solid #f8f8f8;box-shadow:0 2px 6px #cecece}.item-modal .item-container .loading{width:40px;height:40px;margin-bottom:32px;margin-top:32px}.item-modal form.warning{background-color:#0006}.nav-container{background-color:#8685ef;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6462f0}.logo{width:300px}.nav-list-group{list-style:none;display:flex}.nav-list-group li{padding:5.3333333333px 16px;margin:0 8px}.nav-list-group li a{text-decoration:none;color:#f8f8f8;transition:color .25s ease;cursor:pointer}.nav-list-group li a:hover{color:#6462f0;transition:color .25s ease}.nav-list-group li:first-child{margin-left:0}.nav-list-group li:last-child{margin-right:0}.nav-list-group .greeting{display:flex;justify-content:center;align-items:center}.nav-list-group .greeting p{margin-right:32px;color:#f8f8f8;font-size:1.8rem;font-weight:600;text-transform:uppercase}.nav-list-group .greeting button{background-color:#6462f0}.nav-list-group .greeting button:hover{background-color:#4c4aba}.login{width:500px;display:flex;flex-direction:column;margin:64px auto 0;padding:16px;border:1px solid #dcd9ec;box-shadow:0 2px 6px #dcd9ec}.login h1{font-size:2rem;text-align:center;margin-bottom:16px}.login label{display:flex;flex-direction:column;padding:6px 0;margin-top:10px}.login label:first-child{margin-top:0}.login span{font-weight:600}.login input{padding:10px 4px;margin:4px 0}.login .forgot-password{margin-top:20px;display:flex;justify-content:flex-end;align-items:center}.login .forgot-password>a{text-decoration:none;color:#4c4aba;font-weight:300;font-size:.85rem;display:inline-block;transition:color .25s ease}.login .forgot-password>a:hover{color:#111;transition:color .25s ease}.signup{width:500px;display:flex;flex-direction:column;margin:64px auto 0;padding:16px;border:1px solid #dcd9ec;box-shadow:0 2px 6px #dcd9ec}.signup h1{font-size:2rem;text-align:center;margin-bottom:16px}.signup label{display:flex;flex-direction:column;padding:6px 0;margin-top:10px}.signup label:first-child{margin-top:0}.signup span{font-weight:600}.signup input{padding:10px 4px;margin:4px 0}footer{border-top:1px solid #6462f0;height:50px;background-color:#8685ef;display:flex;justify-content:center;align-items:center;color:#f8f8f8;font-size:.85rem}.footer-content{width:100vw;display:flex;justify-content:space-between;padding:0 12px}