@import "https://fonts.googleapis.com/icon?family=Material+Icons+Round";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";
:root{--color-main-bgrd:#f1f5f9;--color-main-text:#1e293b;--color-main-link:#3b82f6;--color-emphasis:#a7f3d0;--color-code-bg:#f8fafc;--color-primary:#6157ac;--table-border-radius:8px;--table-border-color:#e2e8f0;--table-header-bg:#f8fafc;--table-header-color:#64748b;--table-row-bg:#fff;--table-row-alt-bg:#f8fafc;--table-row-hover-bg:#eff6ff;--table-row-selected:#dbeafe;--table-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--table-font-size:clamp(.6rem, .65rem + .5vw, .75rem);--status-pending:#f59e0b;--status-approved:#10b981;--status-rejected:#ef4444;--status-draft:#94a3b8;--status-sent:#3b82f6;--font-family:"Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-small:.675rem;--font-size-medium:1rem;--font-size-large:1.25rem;--font-size-x-large:1.5rem;--font-size-xx-large:2rem;--font-size-xxx-large:2.5rem;--font-size-xxxx-large:3rem;--font-size-xxxxx-large:3.5rem;--font-size-xxxxxx-large:4rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--font-weight-extra-bold:700;--font-weight-extra-extra-bold:800;--font-weight-extra-extra-extra-bold:900;--table-layout-offset:140px}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-family),sans-serif;font-size:var(--font-size-medium);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;line-height:1.5}body{font-weight:300;font-family:var(--font-family),sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin:0 0 .75em;font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw + 1rem,1.4rem)}h2{font-size:clamp(1.5rem,3vw + .5rem,1.375rem)}h3{font-size:clamp(1.25rem,2vw + .5rem,1.2rem)}h4{font-size:clamp(1rem,1.5vw + .5rem,1.125rem)}h5{font-size:clamp(.9rem,1vw + .5rem,1rem)}h6{font-size:clamp(.8rem,1vw + .5rem,.875rem)}p{margin:0 auto 16px;font-weight:400;line-height:1.25rem;letter-spacing:.0178571em!important;font-size:clamp(.475rem,1vw + .5rem,.75rem)!important}p:last-child{margin-bottom:0}a{color:var(--color-main-link);text-decoration:none}a:hover{text-decoration:underline}strong,b{font-weight:700}code{font-size:var(--font-size-small);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px;padding:.15em .4em}.text-muted{opacity:.6}.text-center{text-align:center}.to-uppercase{text-transform:uppercase;letter-spacing:.06em}.page{flex-direction:column;gap:2.5rem;max-width:1200px;margin:0 auto;display:flex}.card{border:1px solid var(--color-border);box-shadow:var(--table-shadow);background:#fff;border-radius:10px;padding:2rem 2.5rem}.card-title{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.badge{color:#3b82f6;letter-spacing:.04em;text-transform:uppercase;background:#eff6ff;border-radius:999px;padding:.2em .7em;font-size:.7rem;font-weight:600}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-box{background:var(--color-main-bgrd);border:1px solid var(--color-border);color:#64748b;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;display:flex}.btn{font-family:inherit;font-size:var(--font-size-small);border:1px solid var(--color-border);color:#475569;cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--color-main-bgrd);border-color:#94a3b8}.btn-primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.table-wrapper{border-radius:var(--table-border-radius);background:var(--table-row-bg);scrollbar-width:thin;scrollbar-color:#cbd5e1 #0000;width:100%;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:5px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}table{border-collapse:collapse;width:100%;font-size:var(--table-font-size);font-family:var(--font-family),sans-serif}thead tr{background:var(--table-header-bg);border-bottom:2px solid var(--table-border-color);z-index:10;position:sticky;top:0}th{height:48px;font-size:var(--table-font-size);color:var(--table-header-color);white-space:nowrap;text-align:left;-webkit-user-select:none;user-select:none;font-weight:600;font-family:var(--font-family),sans-serif;padding:0 16px}th.col-amount,td.col-amount{text-align:start}tbody tr{background:var(--table-row-bg);cursor:pointer;font-family:var(--font-family),sans-serif;transition:background .12s,box-shadow .12s;overflow:auto}tbody tr:hover{background:var(--table-row-hover-bg);box-shadow:inset 3px 0 #3b82f6}tbody tr.row-selected{background:var(--table-row-selected)}tbody tr.row-selected:hover{background:#bfdbfe}tbody tr:last-child{border-bottom:none}td{color:#1e293b;vertical-align:middle;height:52px;font-family:var(--font-family),sans-serif;font-size:var(--table-font-size);padding:0 16px}td.col-number{color:#475569;font-variant-numeric:tabular-nums;font-weight:500;font-family:var(--font-family),sans-serif}.col-type{text-align:center;width:64px}td.col-type{text-align:center;font-family:var(--font-family),sans-serif}.recipient-icon{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}tbody tr:hover .recipient-icon{transform:scale(1.12)}.recipient-icon svg{width:16px;height:16px}.col-name{min-width:160px;max-width:220px}td.col-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}.col-date{white-space:nowrap;width:120px}td.col-date{color:#475569;font-variant-numeric:tabular-nums}td.col-amount div{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:4px;font-weight:500;display:flex}td.col-amount span{font-size:var(--font-size-small);color:#64748b;font-weight:400}tr.no-data td{text-align:center;color:#94a3b8;cursor:default;height:auto;padding:3rem 1rem;font-style:italic}.pagination{border-top:1px solid var(--color-border);font-size:var(--font-size-small);color:#64748b;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.page-info{flex:1}.page-btn{border:1px solid var(--color-border);cursor:pointer;width:30px;height:30px;font-size:var(--font-size-small);background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:background .12s;display:flex}.page-btn:hover{background:var(--color-main-bgrd)}.page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}ul{font-size:var(--font-size-small);margin:0;padding:0;list-style-type:none}li{font-size:var(--font-size-small);margin-bottom:.5rem}li:last-child{font-size:var(--font-size-small);margin-bottom:0}li:first-child{font-size:var(--font-size-small);margin-top:0}::placeholder{font-size:var(--font-size-small);color:#94a3b8}span{font-weight:400;line-height:1.25rem;letter-spacing:.0178571em!important;font-size:clamp(.475rem,1vw + .5rem,.7rem)!important}.flex-vertical-container-raw{flex-direction:column!important;display:flex!important}.flex-horizontal-container-raw{flex-direction:row!important;display:flex!important}.flex-vertical-container{flex-direction:column;justify-content:stretch;place-items:stretch stretch;display:flex}.flex-horizontal-container{flex-direction:row;justify-content:stretch;place-items:stretch stretch;display:flex}.justify-content-stretch{justify-content:stretch!important}.justify-content-center{justify-content:center!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-space-around{justify-content:space-around!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.align-items-stretch{align-items:stretch!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-items-baseline{align-items:baseline!important}.align-content-start{align-content:flex-start!important}.align-content-center{align-content:center}.align-content-stretch{align-content:stretch!important}.align-content-end{align-content:flex-end!important}.flex-item{flex:auto!important}.flex-grow-1{flex-grow:.01!important}.flex-grow-5{flex-grow:.05!important}.flex-grow-10{flex-grow:.1!important}.flex-grow-15{flex-grow:.15!important}.flex-grow-20{flex-grow:.2!important}.flex-grow-30{flex-grow:.3!important}.flex-grow-33{flex-grow:.33!important}.flex-grow-35{flex-grow:.35!important}.flex-grow-40{flex-grow:.4!important}.flex-grow-50{flex-grow:.5!important}.flex-grow-60{flex-grow:.6!important}.flex-grow-65{flex-grow:.65!important}.flex-grow-70{flex-grow:.7!important}.flex-grow-80{flex-grow:.8!important}.flex-grow-85{flex-grow:.85!important}.flex-grow-90{flex-grow:.9!important}.flex-grow-97{flex-grow:.97!important}.flex-grow-98{flex-grow:.98!important}.flex-grow-99{flex-grow:.99!important}.flex-grow-100{flex-grow:1!important}.flex-order-1{order:1!important}.flex-order-2{order:2!important}.flex-order-3{order:3!important}.flex-order-4{order:4!important}.flex-order-5{order:5!important}.margin-0{margin:0!important}.margin-5{margin:5px!important}.margin-10{margin:10px!important}.margin-15{margin:15px!important}.margin-20{margin:20px!important}.margin-40{margin:40px!important}.margin-80{margin:80px!important}.margin-100{margin:100px!important}.margin-left-5{margin-left:5px!important}.margin-left-10{margin-left:10px!important}.margin-left-15{margin-left:15px!important}.margin-left-20{margin-left:20px!important}.margin-left-25{margin-left:25px!important}.margin-left-30{margin-left:30px!important}.margin-left-35{margin-left:35px!important}.margin-left-40{margin-left:40px!important}.margin-left-45{margin-left:45px!important}.margin-left-60{margin-left:60px!important}.margin-left-65{margin-left:65px!important}.margin-left-80{margin-left:80px!important}.margin-left-100{margin-left:100px!important}.margin-right-5{margin-right:5px!important}.margin-right-10{margin-right:10px!important}.margin-right-15{margin-right:15px!important}.margin-right-20{margin-right:20px!important}.margin-right-35{margin-right:35px!important}.margin-right-40{margin-right:40px!important}.margin-right-45{margin-right:45px!important}.margin-right-60{margin-right:60px!important}.margin-right-70{margin-right:70px!important}.margin-right-80{margin-right:80px!important}.margin-right-100{margin-right:100px!important}.margin-top-5{margin-top:5px!important}.margin-top-8{margin-top:8px!important}.margin-top-10{margin-top:10px!important}.margin-top-15{margin-top:15px!important}.margin-top-25{margin-top:25px!important}.margin-top-20{margin-top:20px!important}.margin-top-40{margin-top:40px!important}.margin-top-80{margin-top:80px!important}.margin-top-100{margin-top:100px!important}.margin-bottom-0{margin-bottom:0!important}.margin-bottom-5{margin-bottom:5px!important}.margin-bottom-10{margin-bottom:10px!important}.margin-bottom-15{margin-bottom:15px!important}.margin-bottom-20{margin-bottom:20px!important}.margin-bottom-25{margin-bottom:25px!important}.margin-bottom-30{margin-bottom:30px!important}.margin-bottom-35{margin-bottom:35px!important}.margin-bottom-40{margin-bottom:40px!important}.margin-bottom-80{margin-bottom:80px!important}.margin-bottom-100{margin-bottom:100px!important}.padding-5{padding:5px!important}.padding-10{padding:10px!important}.padding-15{padding:15px!important}.padding-20{padding:20px!important}.padding-25{padding:25px!important}.padding-30{padding:30px!important}.padding-40{padding:40px!important}.padding-80{padding:80px!important}.padding-100{padding:100px!important}.padding-left-5{padding-left:5px!important}.padding-left-10{padding-left:10px!important}.padding-left-15{padding-left:15px!important}.padding-left-20{padding-left:20px!important}.padding-left-25{padding-left:25px!important}.padding-left-30{padding-left:30px!important}.padding-left-35{padding-left:35px!important}.padding-left-40{padding-left:40px!important}.padding-left-45{padding-left:45px!important}.padding-left-50{padding-left:50px!important}.padding-left-60{padding-left:60px!important}.padding-left-65{padding-left:65px!important}.padding-left-80{padding-left:80px!important}.padding-left-85{padding-left:85px!important}.padding-left-95{padding-left:95px!important}.padding-left-100{padding-left:100px!important}.padding-right-5{padding-right:5px!important}.padding-right-10{padding-right:10px!important}.padding-right-15{padding-right:15px!important}.padding-right-20{padding-right:20px!important}.padding-right-40{padding-right:40px!important}.padding-right-80{padding-right:80px!important}.padding-right-100{padding-right:100px!important}.padding-top-5{padding-top:5px!important}.padding-top-10{padding-top:10px!important}.padding-top-15{padding-top:15px!important}.padding-top-20{padding-top:20px!important}.padding-top-40{padding-top:40px!important}.padding-top-35{padding-top:35px!important}.padding-top-80{padding-top:80px!important}.padding-top-100{padding-top:100px!important}.padding-bottom-5{padding-bottom:5px!important}.padding-bottom-10{padding-bottom:10px!important}.padding-bottom-15{padding-bottom:15px!important}.padding-bottom-20{padding-bottom:20px!important}.padding-bottom-40{padding-bottom:40px!important}.padding-bottom-80{padding-bottom:80px!important}.padding-bottom-100{padding-bottom:100px!important}.opacity-4{opacity:.4!important}.opacity-7{opacity:.7!important}.input-width-10{width:10%}.input-width-20{width:20%}.input-width-30{width:30%}.input-width-40{width:40%}.input-width-45{width:45%}.input-width-50{width:50%}.input-width-100{width:100%}.text-align-center{text-align:center!important}.text-align-end{text-align:end!important}.text-align-start{text-align:start!important}.logo{background-position:50%;background-repeat:no-repeat;background-size:165px;width:168px;max-width:100%;height:70px}.shadowed-element{box-shadow:2px 2px 6px 3px #bdbdbdb3!important}.round-behavior{border-radius:6px!important}.row-line-bgr{width:100%;height:1em}.acceptance-input-style{border-radius:4px;height:4em}.acceptance-input-style .mat-form-field-infix{padding-top:0;padding-bottom:.5em;display:flex}.acceptance-input-style .mat-form-field-infix mat-icon{width:2.5em;height:2.5em}.border-solid{border:1px solid}.set-cursor-pointer{cursor:pointer}.border-color-bottom-gray{border-bottom:1px solid gray}.remove-margin{opacity:.7;margin:0!important}.remove-margin-no-opacity{margin:0!important}.green-border{border:1px solid #00a80d}.green-color-text{color:#00a80d}.active{pointer-events:all;cursor:pointer;color:#00a80d}.disabled{background-color:#dedddd;border:2px solid gray;border-radius:50%;padding:11px}.disabled img{color:gray!important}.disabled{opacity:.9;pointer-events:none!important;cursor:none!important}.disabledBtn,.check-buttons{opacity:.9;pointer-events:none;cursor:none;color:#fff!important;background-color:#00000042!important}.text_upper_case{text-transform:uppercase!important}.selected{background-color:#f2f2f2}.border-color-gray{border:1px solid gray!important}.border-color-orange{border:1px solid orange!important}.border-color-green{border:1px solid green!important}.border-color-red{border:1px solid red!important}.first-letter{text-transform:capitalize!important}.hide-btn{display:none!important}.center-icon{position:absolute;right:2px}.color-black{color:#000!important}.remove-margin-h5{margin:0!important}.scrollable-content{height:427px}.add-height-div{height:60px!important}.icon-info{color:orange!important}.icon-info-red{color:red}.btn-delete{color:orange!important}.remove-margin-bottom{margin-bottom:0!important}.text-small-case{text-transform:lowercase!important}.to-uppercase{text-transform:uppercase!important}.add-z-index{position:absolute;z-index:1500!important}.text-uppercase{text-transform:uppercase;background:0 0;border:none;text-decoration:underline}.color-text-orange{color:#f17c2f!important}.gap-15{gap:15px}.default-color-purple{color:#6157ac!important}.default-bgr-color-purple{background-color:#6157ac!important}.default-color-blue{color:#2196f3!important}.default-error-base-red{color:#d31818!important}.side-menu-shadowed{box-shadow:2px 2px 5px 1px #7776816e}.font-weight-300{font-weight:300!important}.font-weight-400{font-weight:400!important}.font-weight-500{font-weight:500!important}.font-weight-600{font-weight:600!important}.font-weight-700{font-weight:700!important}.font-weight-800{font-weight:800!important}.font-weight-900{font-weight:900!important}.click-styles{cursor:pointer}