*{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"slnt" 0}:root{--black: #242424;--white: #fcfcfa;--lila-soft: #e2e2e2;--green: #ff611a;--grey: #fdfcfa;--red: #ff0000;--lila: #bcc4f7}body{height:100vh;margin:0;overflow:hidden}body>img{height:38px;position:absolute;top:24px;left:40px;z-index:99999}app-root{position:relative;height:100%;display:flex;background-image:linear-gradient(to bottom,var(--lila-soft) 80%,rgba(244,244,255,0))}app-documents-list,app-add-document,app-edit-document,app-companies-list{display:flex;height:100%}app-documents-list .right-panel,app-add-document .right-panel,app-edit-document .right-panel,app-companies-list .right-panel{position:relative;width:60%;display:flex;flex-direction:column;align-items:center;padding-top:48px;animation-name:entering-bottom-soft;animation-duration:.5s;overflow-y:auto;overflow-x:hidden}app-documents-list .right-panel .container-grid,app-add-document .right-panel .container-grid,app-edit-document .right-panel .container-grid,app-companies-list .right-panel .container-grid{display:flex;flex-wrap:wrap;gap:24px;max-width:64%;width:100%;margin-top:1rem}app-documents-list .right-panel .container-grid .item,app-add-document .right-panel .container-grid .item,app-edit-document .right-panel .container-grid .item,app-companies-list .right-panel .container-grid .item{display:flex;justify-content:center;width:calc(50% - 12px);position:relative;height:16vh;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:8px}app-documents-list .right-panel .container-grid .item span,app-add-document .right-panel .container-grid .item span,app-edit-document .right-panel .container-grid .item span,app-companies-list .right-panel .container-grid .item span{position:absolute;top:8px;left:8px;font-size:13.333px;background-color:var(--green);padding:4px 8px;border-radius:4px}app-documents-list .right-panel a.discount-floating,app-add-document .right-panel a.discount-floating,app-edit-document .right-panel a.discount-floating,app-companies-list .right-panel a.discount-floating{display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:calc(50vh - 24px);background-color:var(--black);border-top-left-radius:12px;border-bottom-left-radius:12px;width:48px;height:48px;transform:translate3d(20px,0,0);cursor:pointer;transition:transform .48s ease-in-out,fill .3s ease-in}app-documents-list .right-panel a.discount-floating svg,app-add-document .right-panel a.discount-floating svg,app-edit-document .right-panel a.discount-floating svg,app-companies-list .right-panel a.discount-floating svg{transform:rotateY(180deg);transition:all .3s ease-in}app-documents-list .right-panel a.discount-floating svg path,app-add-document .right-panel a.discount-floating svg path,app-edit-document .right-panel a.discount-floating svg path,app-companies-list .right-panel a.discount-floating svg path{transition:fill .48s ease-in}app-documents-list .right-panel a.discount-floating:hover,app-add-document .right-panel a.discount-floating:hover,app-edit-document .right-panel a.discount-floating:hover,app-companies-list .right-panel a.discount-floating:hover{transform:translateZ(0);transition:transform .48s ease-in-out}app-documents-list .right-panel a.discount-floating:hover svg,app-add-document .right-panel a.discount-floating:hover svg,app-edit-document .right-panel a.discount-floating:hover svg,app-companies-list .right-panel a.discount-floating:hover svg{transform:rotateY(0);transition:all .3s ease-out}app-documents-list .right-panel a.discount-floating:hover svg path,app-add-document .right-panel a.discount-floating:hover svg path,app-edit-document .right-panel a.discount-floating:hover svg path,app-companies-list .right-panel a.discount-floating:hover svg path{fill:var(--green);transition:fill .48s ease-out}app-documents-list .right-panel a.discount-floating svg,app-add-document .right-panel a.discount-floating svg,app-edit-document .right-panel a.discount-floating svg,app-companies-list .right-panel a.discount-floating svg{margin-left:2px}app-documents-list .left-panel,app-add-document .left-panel,app-edit-document .left-panel,app-companies-list .left-panel{width:40%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--black)}app-documents-list .left-panel img,app-add-document .left-panel img,app-edit-document .left-panel img,app-companies-list .left-panel img{max-width:480px;width:68%;border-radius:16px;opacity:1}app-documents-list .left-panel img.list,app-add-document .left-panel img.list,app-edit-document .left-panel img.list,app-companies-list .left-panel img.list{animation-name:entering-bottom;animation-duration:.6s}app-documents-list .left-panel img.add,app-add-document .left-panel img.add,app-edit-document .left-panel img.add,app-companies-list .left-panel img.add{animation-name:entering-top;animation-duration:.6s}app-documents-list .left-panel img.edit,app-add-document .left-panel img.edit,app-edit-document .left-panel img.edit,app-companies-list .left-panel img.edit{animation-name:entering-left;animation-duration:.48s}button{cursor:pointer;transition:all .3s cubic-bezier(.39,.575,.565,1)}button.btn-primary{border-color:var(--black);background-color:var(--black);color:var(--white);padding:.5rem 1.25rem;text-align:center;border-radius:.5rem;font-weight:500;letter-spacing:-.2px}button.btn-primary:hover{background-color:#212241cc;border-color:#212241cc}button.btn-secondary{border:1px solid var(--green);background-color:var(--green);color:var(--black);text-align:center;border-radius:.5rem;padding:.5rem 1rem;font-weight:500}button.btn-secondary:hover{background-color:#eda538;border-color:#65fb7a00}button.btn-danger{border:1px solid var(--black);background-color:transparent;color:var(--black);text-align:center;border-radius:.5rem;padding:.5rem 1rem}button.btn-danger:hover{opacity:.88}h1{font-size:38px;letter-spacing:-2px;text-align:center;color:var(--black)}table{border-collapse:separate;border-spacing:0 12px;font-weight:400;margin-bottom:1.5rem;max-width:70%}table thead th{text-transform:uppercase;font-size:.8rem;text-align:left;padding:8px 16px;opacity:.64}table tbody tr{background-color:var(--grey)}table tbody tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}table tbody tr td:last-child{border-top-right-radius:8px}table tbody tr td:first-child{border-bottom-left-radius:8px}table tbody tr td:last-child{border-bottom-right-radius:8px}table td{font-weight:400;font-size:15px;padding:8px 16px}table .button-group button:first-child{margin-right:8px}table a.icon{max-width:26px;padding:4px;display:flex;border-radius:8px;background-color:var(--green);transition:background-color .5s ease-in-out}table a.icon:hover{transition:background-color .32s ease-in-out;background-color:#eda538}form{width:400px;display:flex;flex-direction:column;gap:1.5rem}form .form-floating{display:flex;flex-direction:column}form .form-floating>label{text-transform:uppercase;font-size:.8rem;margin-bottom:8px}form .form-check{display:flex;align-items:center;gap:6px}form .form-check input{margin:0;width:18px;height:18px}form .form-control{height:auto;min-height:1.2rem;border:1px solid var(--grey);background-color:var(--white);color:var(--black);border-radius:.5rem;margin-bottom:0;padding:.5rem .75rem;font-size:.92rem;line-height:1.6}form .toggle-group,form .container{display:flex;gap:16px}form .container label{font-size:.92rem;font-weight:400}form .alert{font-size:.8rem;margin-top:-16px}form .alert>div{color:var(--red)}form input::placeholder{color:#c1c1c1;opacity:1}form input:focus-visible{outline:rgba(193,193,193,.1960784314) solid 1px}div.back-action{position:absolute;left:32px;top:24px;display:flex;align-items:center}div.back-action button.back{color:var(--black);background-color:transparent;border:none}div.back-action button.back:hover{text-decoration:underline;cursor:pointer}@keyframes entering-bottom{0%{transform:translate3d(0,40px,-40px) scaleY(1.16);opacity:0}to{transform:translateZ(0) scaleY(1);opacity:1}}@keyframes entering-bottom-soft{0%{transform:translate3d(0,40px,0) scaleY(1.16);opacity:0}32%{opacity:0}to{transform:translateZ(0) scaleY(1);opacity:1}}@keyframes entering-top{0%{transform:translate3d(0,-40px,0) scaleY(1.16);opacity:0}to{transform:translateZ(0) scaleY(1);opacity:1}}@keyframes entering-left{0%{transform:translate3d(-40px,0,0) scaleX(1.3);opacity:0}to{transform:translateZ(0) scaleX(1);opacity:1}}